.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;flex-shrink:0}.show-header>.theme-toggle{border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12px}.top-actions{gap:6px}.section-heading,.page-heading,.form-footer{flex-wrap:wrap}.section-heading>*{min-width:0}.workflow{flex-wrap:wrap}.request-row .body,.person-row .grow{overflow-wrap:anywhere}.modal-head{gap:12px}.modal-head h2{min-width:0}.form-row>*{min-width:0}dialog{overflow-y:auto;overscroll-behavior:contain}input,select,textarea{max-width:100%}.table-scroll{overscroll-behavior-x:contain}
html[data-theme=dark]{--paper:#191c1b;--ink:#f2f0e8;--muted:#adb4aa;--line:#3c433e;--soft:#493027;--sage:#344638;--nav:#121514;color:#f2f0e8;background:#191c1b}
[data-theme=dark] .panel,[data-theme=dark] .metric:not(.highlight),[data-theme=dark] .inbox-item,[data-theme=dark] .quick-launch,[data-theme=dark] .period,[data-theme=dark] .btn.light,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#242a26;color:var(--ink);border-color:var(--line)}
[data-theme=dark] .goal-preview,[data-theme=dark] .dialog-summary,[data-theme=dark] .roles,[data-theme=dark] .action-menu,[data-theme=dark] .square-icon,[data-theme=dark] .day,[data-theme=dark] .kpi-table th{background:#30382f;color:#e1e8d8;border-color:#46503f}
[data-theme=dark] .roles button.selected,[data-theme=dark] .filter-tabs button.active{background:#e3e7da;color:#20271f}
[data-theme=dark] .roles button,[data-theme=dark] .filter-tabs button,[data-theme=dark] .eyebrow,[data-theme=dark] .goal-preview .label,[data-theme=dark] .timeline-row .num,[data-theme=dark] .inbox-item .request-info,[data-theme=dark] .chart-labels,[data-theme=dark] .workflow,[data-theme=dark] .kpi-table th{color:#b8c0b0}
[data-theme=dark] .text-btn,[data-theme=dark] .workflow .current,[data-theme=dark] .modal-head .eyebrow{color:#ffae88}
[data-theme=dark] .circle-btn,[data-theme=dark] .quick{background:#ffffff08;border-color:#485043}
[data-theme=dark] .mobile-brand,[data-theme=dark] .brand-light{filter:none;mix-blend-mode:screen}
[data-theme=dark] .btn:not(.primary):not(.light):not(.ghost){background:#dfe5d6;color:#22291f}
[data-theme=dark] .nav-bottom,[data-theme=dark] dialog,[data-theme=dark] #toast{background:#252c28ed;color:#f2f0e8;border-color:#566051}
[data-theme=dark] .nav-bottom button{color:#bbc2b4}[data-theme=dark] .nav-bottom button.active{color:#ffb38d;background:#ffffff0b}
[data-theme=dark] .menu-row:hover{background:#ffffff0b}[data-theme=dark] .menu-row{border-color:#485043}[data-theme=dark] .menu-icon{color:#e5ba9a}
[data-theme=dark] .timeline-dot{border-color:#242a26;background:#45513d}[data-theme=dark] .kpi-table td{border-color:#41483d}
[data-theme=dark] .day.selected{background:#ed7548;color:#211810}[data-theme=dark] .day.off{background:#20251f;color:#939c89}
[data-theme=dark] .intro p,[data-theme=dark] .intro-note small,[data-theme=dark] .story>p,[data-theme=dark] .story>h3,[data-theme=dark] .screen-picker button,[data-theme=dark] .standalone,[data-theme=dark] .guide-head,[data-theme=dark] .guide>p,[data-theme=dark] .guide li small,[data-theme=dark] .guide-note,[data-theme=dark] .details-grid p,[data-theme=dark] .scope p,[data-theme=dark] .scope-label{color:#b5bbb0}
[data-theme=dark] .intro h1 span,[data-theme=dark] .chapter,[data-theme=dark] .details-grid button,[data-theme=dark] .details-grid article>span{color:#ffac85}
[data-theme=dark] .stage{background:radial-gradient(ellipse at center,#343c31,transparent 65%)}
[data-theme=dark] .guide,[data-theme=dark] .scope,[data-theme=dark] .device-picker,[data-theme=dark] .stage.web{background:#272e28;border-color:#454d40}
[data-theme=dark] .screen-picker button.active,[data-theme=dark] .device-picker button[aria-pressed=true]{background:#444e3d;color:#f5f5eb}
[data-theme=dark] .role-picker button[aria-pressed=true]{background:#e5e9dc;color:#23291f}
[data-theme=dark] .device-frame,[data-theme=dark] iframe{background:#191c1b}[data-theme=dark] .phone-home span{background:#d4dccb}
[data-theme=dark] .guide li,[data-theme=dark] .guide-note,[data-theme=dark] .details-grid article{border-color:#48503f}
@media(max-width:380px){.show-header{padding:16px 12px;gap:10px}.header-link{font-size:10px;gap:5px}.brand-light{width:70px}.show-header>.theme-toggle{padding-inline:8px}.topbar .mobile-brand{width:76px}.main{padding-inline:13px}.top-actions{gap:4px}.inbox-item .actions{flex-wrap:wrap}.nav-bottom button{font-size:10px}.calendar-grid{gap:3px}.calendar-grid .day-name{font-size:10px}.form-footer{gap:8px}.btn{padding-inline:12px}}