/* Reference-led interface: neutral paper, blue context, explicit status. */
.studio-interface{background:var(--surface);color:var(--text);}
.studio-interface .sidebar{background:var(--surface);border-color:var(--line);color:var(--text)}.studio-interface .brand,.studio-interface .nav-link{color:var(--muted)}.studio-interface .nav-title{color:var(--muted)}.studio-interface .nav-link:hover,.studio-interface .nav-link.active{background:var(--hover);color:var(--link)}.studio-interface .top{background:var(--surface);border-color:var(--line)}.studio-interface .version{background:var(--surface);color:var(--muted)}.studio-interface .sidebar-footer{border-color:var(--line)}.studio-interface .person small{color:var(--muted)}
.studio-interface .content{max-width:1440px}.studio-interface h1{font-size:28px;letter-spacing:-.7px}.studio-interface h2{font-size:17px;letter-spacing:-.2px}.studio-interface .muted,.studio-interface .intro,.studio-interface .item-meta,.studio-interface .section-caption,.studio-interface .section-caption p{color:var(--muted)}.studio-interface .overline{color:var(--muted);letter-spacing:0;text-transform:none}
.studio-interface .section-panel,.studio-interface .customer-tile,.studio-interface .summary-strip,.studio-interface .workbench-editor{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:none}.studio-interface .section-panel{margin-bottom:18px}.studio-interface .section-heading{padding:16px 18px}.studio-interface .section-heading h2{padding:0}.studio-interface .work-item,.studio-interface .project-row{padding:13px 18px;border-color:var(--line)}.studio-interface .work-item:hover,.studio-interface .project-row:hover,.studio-interface .customer-tile:hover{background:var(--hover)}.studio-interface .work-item strong,.studio-interface .project-row strong,.studio-interface .customer-tile h2{color:var(--text)}.studio-interface .panel-footer{border-color:var(--line);padding:12px 18px}.studio-interface .panel-empty{color:var(--muted);padding:20px 18px}.studio-interface .section-panel h2{border-color:var(--line)}
.studio-interface a{color:var(--link)}.studio-interface .action-link,.studio-interface button.primary{background:var(--accent-solid);color:var(--on-accent);border-color:var(--line)}.studio-interface .secondary-button,.studio-interface .logout,.studio-interface .nav-toggle{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.studio-interface .workspace-tabs{margin:22px 0 18px;border-color:var(--line);gap:8px}.studio-interface .workspace-tabs a{color:var(--muted);border-radius:0;padding:12px 14px}.studio-interface .workspace-tabs a[aria-current=page]{background:transparent;color:var(--link);border-bottom:3px solid var(--line)}.studio-interface .workflow-note{background:var(--surface);border-left:3px solid var(--line);color:var(--muted);font-size:13px;line-height:1.65;padding:12px 16px}.studio-interface input,.studio-interface select,.studio-interface textarea{background:var(--surface);color:var(--text);border:1px solid var(--line)}.studio-interface input:focus,.studio-interface textarea:focus,.studio-interface select:focus{outline:2px solid var(--focus);outline-offset:2px}.studio-interface .notice{background:var(--success-soft);border-color:var(--success);color:var(--success)}.studio-interface .validation-summary{background:var(--danger-soft);color:var(--danger)}.studio-interface .summary-strip strong{color:var(--text)}.studio-interface .summary-strip small{color:var(--link)}.studio-interface .summary-strip>a{border-color:var(--line)}.studio-interface .quick-tools a{background:var(--surface);color:var(--text)}.studio-interface .quick-tools span{color:var(--muted)}.studio-interface .customer-monogram{background:var(--surface);color:var(--link)}.studio-interface .customer-tile small{display:block;margin-top:12px;color:var(--muted)}.studio-interface .customer-tile p{color:var(--muted)}.studio-interface .badge{background:var(--surface);color:var(--muted)}.studio-interface .badge-pending,.studio-interface .priority-high{background:var(--warning-soft);color:var(--warning)}.studio-interface .badge-approved{background:var(--success-soft);color:var(--success)}
.studio-context{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;font-size:13px;color:var(--muted)}.studio-context details{max-width:100%}.studio-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;white-space:normal}.studio-status:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.status-neutral{background:var(--surface);color:var(--muted)}.status-warning{background:var(--warning-soft);color:var(--warning)}.status-good{background:var(--success-soft);color:var(--success)}
.studio-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.studio-module .section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 18px;border-top:1px solid var(--line);text-decoration:none}.studio-record strong{color:var(--text);overflow-wrap:anywhere}.studio-record small{grid-column:1/-1;color:var(--muted);font-size:12px}.studio-record:hover{background:var(--hover)}.studio-record:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.studio-template-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.studio-template{display:grid;gap:8px;border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:10px;text-decoration:none}.studio-template small{color:var(--muted)}.studio-template:hover{border-color:var(--line)}.studio-options{border:1px solid var(--line);border-radius:8px;padding:16px}.studio-options label{display:flex;gap:12px;align-items:flex-start;padding:12px 0}.studio-options input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:var(--focus)}.studio-options small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.studio-inactive{border:1px dashed var(--line);border-radius:8px;padding:16px;color:var(--muted);font-size:13px}.studio-inactive p{margin:6px 0 0;max-width:78ch}
.studio-drawer{position:fixed;inset:60px 0 0 auto;width:min(480px,92vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-8px 0 32px var(--shadow);padding:28px;overflow:auto;z-index:40;box-sizing:border-box}.studio-drawer h2{font-size:22px}.studio-drawer .document-body{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.studio-drawer .action-link{display:inline-block;margin-top:20px}.studio-drawer:focus{outline:none}.studio-drawer a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:760px){.studio-module-grid,.studio-template-row{grid-template-columns:1fr}.studio-interface .content{padding:18px 14px}.studio-interface h1{font-size:24px}.studio-context{align-items:flex-start}.studio-drawer{inset:58px 0 0 auto;width:100%;padding:20px}.studio-record{grid-template-columns:minmax(0,1fr)}.studio-record small{grid-column:auto}.studio-interface .workspace-tabs{overflow-x:auto;flex-wrap:nowrap}.studio-interface .workspace-tabs a{white-space:nowrap}.studio-module .section-heading{flex-wrap:wrap}}
.studio-interface .summary-strip>a{background:var(--surface)}.studio-interface .summary-strip span{color:var(--muted)}.studio-interface .dashboard-controls summary{color:var(--muted)}.studio-interface .is-overdue .item-meta:last-child{color:var(--danger)}.studio-interface .count-label{background:var(--surface);color:var(--muted)}.studio-interface .section-heading{border-color:var(--line)}

.studio-interface .document-body{color:var(--muted)}.studio-interface .customer-heading .muted{color:var(--muted)}

.studio-record .studio-status{justify-self:start}.studio-interface .studio-module .panel-footer{flex-wrap:wrap}
.studio-interface .text-link{color:var(--link)}.studio-interface .dashboard-grid{align-items:start}