/* LEONARDO WORKSHOP · Studio 0.14
   One visual language for library, Properties, and a directly editable Task Board.
   Last stylesheet intentionally overrides older prototypes without changing their editors. */
:root{--workshop-surface:#f2e7d4;--workshop-muted:#e3d6c2;--workshop-line:#dacbb6;--workshop-text:#262626;--workshop-soft:#776b5b;--workshop-ink:#3d372f}
/* Remove chrome from images: the photograph is the entire visual object. */
.item.image .workshop-card-header{display:none!important}
.item.image .item-body{border-radius:12px!important;overflow:hidden!important}
/* Shared controls: same silhouette, spacing, font, focus and neutral palette as the Tools library. */
#sidebar #inspectorView{color:var(--workshop-text)}
#sidebar #inspectorView .property-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;padding:4px 1px 12px!important;border-color:var(--workshop-line)!important;max-height:none!important;align-content:start}
#sidebar #inspectorView .property-nav button,
#sidebar #inspectorView .control-grid button,
#sidebar #inspectorView .task-inspector-add,
#sidebar #inspectorView .inspector-section > button:not(.page-select),
#sidebar #inspectorView .tb-person-add button{
 box-sizing:border-box;min-width:0;min-height:39px!important;border:1px solid var(--workshop-line)!important;border-radius:13px!important;
 padding:9px 8px!important;background:var(--workshop-muted)!important;color:var(--workshop-text)!important;
 font:600 11px/1.25 Arial,sans-serif!important;letter-spacing:0!important;white-space:normal!important;text-align:center!important;
 box-shadow:none!important;transition:background .15s,border-color .15s!important;
}
#sidebar #inspectorView .property-nav button:hover,
#sidebar #inspectorView .control-grid button:hover,
#sidebar #inspectorView .task-inspector-add:hover,
#sidebar #inspectorView .inspector-section > button:not(.page-select):hover{background:#f8f0e3!important;border-color:#aa987f!important}
#sidebar #inspectorView .property-nav button.active,
#sidebar #inspectorView .control-grid button.active{background:#39352f!important;color:#faf9f5!important;border-color:#39352f!important}
#sidebar #inspectorView .property-nav button:last-child:nth-child(odd){grid-column:1/-1}
#sidebar #inspectorView .control-grid button.danger,#sidebar #inspectorView .task-danger{background:#663535!important;color:#fff!important;border-color:#663535!important}
#sidebar #inspectorView .inspector-section{border-color:var(--workshop-line)!important}
#sidebar #inspectorView .inspector-section h3{color:#3d3429!important;font:800 11px/1.4 Arial,sans-serif!important;letter-spacing:.7px!important}
#sidebar #inspectorView .inspect-field{font:600 10px/1.3 Arial,sans-serif!important;color:#5c4d3c!important;letter-spacing:.3px!important}
#sidebar #inspectorView .inspect-field input,#sidebar #inspectorView .inspect-field textarea,#sidebar #inspectorView .inspect-field select{min-height:36px;border-radius:10px!important;border:1px solid #d5c4ac!important;background:#faf9f5!important;color:#262626!important;font:500 12px/1.3 Arial,sans-serif!important;padding:8px 10px!important}
#sidebar #inspectorView .inspect-field input:focus-visible,#sidebar #inspectorView .inspect-field textarea:focus-visible,#sidebar #inspectorView .inspect-field select:focus-visible{outline:2px solid #98836a!important;outline-offset:1px}
#sidebar #inspectorView .task-inspector-link{background:#e3d6c2!important;color:#262626!important;border:1px solid #d6c6b0!important;border-radius:12px!important;min-height:39px!important;font:600 11px Arial,sans-serif!important}
#sidebar #inspectorView .task-inspector-link:hover,#sidebar #inspectorView .task-inspector-link.active{background:#faf5ec!important;border-color:#a59277!important}
#sidebar #inspectorView .task-inspector-link small{color:#6e655a!important}
/* Task board: a familiar, lightweight editor, not a row of technical configuration panels. */
.item.taskboard .item-body{padding:20px!important;overflow:hidden!important;background:#f2e7d4}
.item.taskboard .taskboard-body{display:flex;flex-direction:column;gap:0;overflow:auto!important;overscroll-behavior:contain;padding:18px 18px 22px!important;scrollbar-width:thin;scrollbar-color:#c9baa3 transparent}
.item.taskboard .tb-overview{margin:0 0 15px;gap:10px;flex-shrink:0}
.item.taskboard .tb-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px}
.item.taskboard .tb-completion{color:#706557;font:600 12px Arial,sans-serif}
.item.taskboard .tb-team-avatars{display:flex;align-items:center;justify-content:flex-end;padding-left:8px}
.item.taskboard .tb-avatar,#sidebar #inspectorView .tb-avatar{display:inline-grid;place-items:center;width:25px;height:25px;min-width:25px;border:2px solid #f2e7d4;border-radius:50%;background:var(--avatar-colour,#354866);font:700 10px Arial,sans-serif;color:#fff;letter-spacing:0;flex:none}
.item.taskboard .tb-team-avatars .tb-avatar + .tb-avatar{margin-left:-6px}
.item.taskboard .tb-team-trigger{height:27px;min-width:27px;border-radius:50%;border:1px dashed #b9a78f;background:#f8f0e4;color:#625447;font-size:16px;padding:0;margin-left:4px}
.item.taskboard .tb-meter{height:5px;background:#e4d9c8;border-radius:9px;flex:none}
.item.taskboard .tb-meter>span{background:#718464}
.item.taskboard .tb-toolbar{gap:14px;margin:0 0 14px;flex:none}
.item.taskboard .tb-view-switch{padding:4px;gap:3px;border-radius:12px;background:#e6d9c7}
.item.taskboard .tb-view-switch button{padding:8px 13px;border-radius:9px;font:700 12px Arial,sans-serif;color:#665849}
.item.taskboard .tb-view-switch button.active{background:#faf9f5;color:#2c2924}
.item.taskboard .tb-add{background:#38352e;color:#fff;border-radius:11px;padding:11px 15px;font:700 12px Arial,sans-serif}
.item.taskboard .tb-filters{gap:6px;flex:none;overflow-x:auto;scrollbar-width:none}
.item.taskboard .tb-filters button{font:600 11px Arial,sans-serif;border-radius:8px;padding:8px 11px;white-space:nowrap}
.item.taskboard .tb-list{display:flex;flex-direction:column;flex:none}
.item.taskboard .tb-task{min-height:62px;padding:10px 10px;border-bottom:1px solid #ded1bd;border-radius:11px;gap:9px;flex:none;cursor:default;align-items:center}
.item.taskboard .tb-task:hover,.item.taskboard .tb-task-current{background:#e9ddcb}
.item.taskboard .tb-check{width:20px;height:20px;min-width:20px;border-radius:6px;align-self:center;cursor:pointer}
.item.taskboard .tb-task-text{flex:1;min-width:0;gap:4px}
.item.taskboard .tb-title-input{width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:5px;color:#2d2924;font:600 13px/1.3 Arial,sans-serif;padding:5px 6px;margin:-5px -6px;user-select:text;cursor:text}
.item.taskboard .tb-title-input:focus{outline:0;background:#faf9f5;border-color:#cabba6}
.item.taskboard .tb-title-input::placeholder{color:#8f816d}
.item.taskboard .tb-task:has(.is-done) .tb-title-input{text-decoration:line-through;color:#817564}
.item.taskboard .tb-task-subline{display:flex;gap:9px;align-items:center;min-height:20px;padding-top:4px}
.item.taskboard .tb-task-people{display:inline-flex;align-items:center;cursor:pointer;min-width:0}
.item.taskboard .tb-task-people .tb-avatar{width:19px;height:19px;min-width:19px;font-size:8px;border-width:1px}
.item.taskboard .tb-task-people .tb-avatar+.tb-avatar{margin-left:-5px}
.item.taskboard .tb-unassigned,.item.taskboard .tb-check-count{font-size:10px;color:#8a7b68;font-weight:500}
.item.taskboard .tb-details-toggle{display:grid;place-items:center;min-width:27px;width:27px;height:29px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6d5e4b;font-size:18px}
.item.taskboard .tb-details-toggle:hover,.item.taskboard .tb-details-toggle.active{background:#faf7f1;border-color:#d4c4ad}
.item.taskboard .tb-priority{font-size:10px;padding:6px 8px;border-radius:7px}
.item.taskboard .tb-columns{display:grid;grid-template-columns:repeat(3,minmax(205px,1fr));gap:10px;min-width:0;overflow:visible;margin:0;flex:none}
.item.taskboard .tb-column{padding:11px;min-width:0;min-height:195px;border:1px solid #ded0ba;border-radius:14px;background:#e9dfd0;display:flex;flex-direction:column;gap:3px}
.item.taskboard .tb-column-head{padding:5px 2px 11px;flex:none}
.item.taskboard .tb-column-head b{font:800 10px Arial,sans-serif;letter-spacing:1px;color:#5d5142}
.item.taskboard .tb-column .tb-task{background:#faf6ed;border:1px solid #e0d4c4;border-radius:11px;box-shadow:0 4px 12px #4c372117;min-height:86px;display:grid;grid-template-columns:20px minmax(0,1fr) 28px;gap:8px;padding:9px;margin:7px 0 0;align-items:start}
.item.taskboard .tb-column .tb-task-text{min-width:0}
.item.taskboard .tb-column .tb-priority{grid-column:2;justify-self:start;margin:0}
.item.taskboard .tb-column .tb-title-input{font-size:12px}
.item.taskboard .tb-column .tb-check{margin-top:3px}
.item.taskboard .tb-column .tb-details-toggle{grid-column:3;grid-row:1}
.item.taskboard .tb-column-add{border:1px dashed #c9b89f;background:transparent;color:#72604d;border-radius:9px;min-height:35px;width:100%;margin-top:10px;font:700 11px Arial,sans-serif}
.item.taskboard .tb-column-add:hover{background:#faf6ed}
.item.taskboard .tb-team-manager,.item.taskboard .tb-detail-editor{flex:none;background:#f9f3e9;border:1px solid #ddcfb9;padding:16px;border-radius:15px;margin:3px 0 17px;box-shadow:0 2px 12px #5640270c}
.item.taskboard .tb-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;color:#373025;font:700 12px Arial,sans-serif}
.item.taskboard .tb-section-title>div{display:flex;gap:6px;align-items:center}
.item.taskboard .tb-panel-close,.item.taskboard .tb-delete-task{background:#eee2cf;border:1px solid #d8c9b3;color:#45392c;border-radius:8px;min-width:29px;height:29px;display:grid;place-items:center;font-size:17px}
.item.taskboard .tb-delete-task{color:#8e4f4d}.item.taskboard .tb-delete-task svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.item.taskboard .tb-person{display:flex;align-items:center;gap:10px;padding:5px 0;color:#403728;font-size:12px;min-width:0}
.item.taskboard .tb-person span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item.taskboard .tb-person button{background:none;border:0;color:#725d4c;font-size:17px}
.item.taskboard .tb-person-add{display:flex;gap:8px;margin:13px 0 2px;align-items:stretch}
.item.taskboard .tb-person-add input{flex:1;min-width:0;border:1px solid #d8c8b0;background:#fffaf2;border-radius:9px;padding:10px;font-size:12px;color:#262626}
.item.taskboard .tb-person-add button{border:0;border-radius:9px;background:#3c352c;color:#fff;padding:10px 14px;font-size:12px;font-weight:700}
.item.taskboard .tb-muted{font-size:11px;color:#847767;line-height:1.5}
.item.taskboard .tb-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}
.item.taskboard .tb-detail-fields label,.item.taskboard .tb-field-caption{display:block;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#675844}
.item.taskboard .tb-detail-fields select,.item.taskboard .tb-field-caption textarea,.item.taskboard .tb-link-object{display:block;box-sizing:border-box;width:100%;min-height:36px;margin-top:7px;background:#fffaf3;color:#332f29;border:1px solid #d5c4ad;border-radius:10px;padding:9px 10px;font:500 12px Arial,sans-serif}
.item.taskboard .tb-field-caption textarea{resize:vertical;min-height:75px;line-height:1.5}
.item.taskboard .tb-detail-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.65px;color:#665744}
.item.taskboard .tb-manage-team{border:0;background:transparent;text-transform:none;letter-spacing:0;color:#4c5d42;font:700 11px Arial,sans-serif}
.item.taskboard .tb-assign-list{display:flex;flex-wrap:wrap;gap:7px}
.item.taskboard .tb-assign{display:inline-flex;align-items:center;gap:5px;border:1px solid #e0d1bd;border-radius:18px;padding:5px 9px 5px 5px;background:#fffaf4;color:#40372b;font-size:11px;user-select:none}
.item.taskboard .tb-assign input{accent-color:#546347}
.item.taskboard .tb-inline-checklist{display:flex;flex-direction:column;gap:6px}
.item.taskboard .tb-subtask{display:flex;align-items:center;gap:8px}
.item.taskboard .tb-subtask>input[type=text]{flex:1;min-width:0;border:1px solid #e5d8c7;border-radius:8px;background:#fffaf4;padding:9px;color:#2d2924;font-size:12px}
.item.taskboard .tb-subtask>button{border:none;background:transparent;font-size:17px;color:#9b7966}
.item.taskboard .tb-add-check{display:flex;gap:6px;margin-top:8px}
.item.taskboard .tb-add-check input{min-width:0;flex:1;border:1px solid #d9cab7;border-radius:8px;background:#fffaf4;padding:9px 10px;color:#262626;font-size:12px}
.item.taskboard .tb-add-check button{width:36px;min-width:36px;border:0;border-radius:8px;background:#e4d8c5;color:#383228;font-size:19px}
.item.taskboard .tb-inline-links{display:flex;flex-wrap:wrap;gap:7px}
.item.taskboard .tb-inline-links button{border:1px solid #d9cab8;background:#f0e6d7;color:#3b342b;border-radius:8px;padding:8px 10px;font-size:11px}
.item.taskboard .tb-empty{padding:30px 12px}
.item.taskboard .tb-empty strong{font-size:14px}.item.taskboard .tb-empty span{font-size:12px}
#inspectorView .tb-inspector-team{max-height:145px;overflow-y:auto}
#inspectorView .tb-person{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:12px;color:#39332b}
#inspectorView .tb-person>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
#inspectorView .tb-person button{border:0;background:transparent;color:#614e40;font-size:16px}
#inspectorView .tb-person-add{display:flex;gap:5px;margin-top:10px}
#inspectorView .tb-person-add input{min-width:0;flex:1;border:1px solid #d5c4ac;background:#faf9f5;border-radius:10px;padding:8px;color:#262626;font-size:12px}
#inspectorView .tb-person-add button{min-width:59px!important;width:59px!important}
@media(max-width:760px){.item.taskboard .tb-columns{grid-template-columns:repeat(3,minmax(200px,1fr))}.item.taskboard .tb-toolbar{flex-wrap:wrap}.item.taskboard .tb-detail-fields{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#sidebar #inspectorView .property-nav button,#sidebar #inspectorView .control-grid button{transition:none!important}}
.item.taskboard .tb-due-caption{margin:0 0 12px}
.item.taskboard .tb-due-input{display:block;margin-top:7px;min-height:36px;max-width:240px;border:1px solid #d5c4ad;background:#fffaf3;color:#332f29;border-radius:10px;padding:8px 10px;font:500 12px Arial,sans-serif}
.item.taskboard .tb-task-subline{flex-wrap:wrap;row-gap:4px}
.item.taskboard .tb-check-count{white-space:nowrap;word-break:keep-all}
.item.taskboard .tb-column .tb-task-subline{display:flex;flex-wrap:wrap}
.item.taskboard button.tb-priority{border:0;cursor:pointer;outline-offset:2px}
.item.taskboard button.tb-priority:hover{filter:brightness(.94)}