.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:#181a1d;--ink:#e9edf1;--muted:#a7afb7;--line:#394046;--soft:#2c3844;--sage:#323d48;--nav:#111416;color:#e9edf1;background:#181a1d}
[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:#22272c;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:#2d343a;color:#d9e0e7;border-color:#3c4853}
[data-theme=dark] .roles button.selected,[data-theme=dark] .filter-tabs button.active{background:#dae1e7;color:#1e2328}
[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:#adb8c3}
[data-theme=dark] .text-btn,[data-theme=dark] .workflow .current,[data-theme=dark] .modal-head .eyebrow{color:#afc3d8}
[data-theme=dark] .circle-btn,[data-theme=dark] .quick{background:#ffffff08;border-color:#404a53}
[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:#d6dee5;color:#1e242a}
[data-theme=dark] .nav-bottom,[data-theme=dark] dialog,[data-theme=dark] #toast{background:#23292eed;color:#e9edf1;border-color:#4d5964}
[data-theme=dark] .nav-bottom button{color:#b1bbc5}[data-theme=dark] .nav-bottom button.active{color:#b3c6d9;background:#ffffff0b}
[data-theme=dark] .menu-row:hover{background:#ffffff0b}[data-theme=dark] .menu-row{border-color:#404a53}[data-theme=dark] .menu-icon{color:#aac0d5}
[data-theme=dark] .timeline-dot{border-color:#22272c;background:#3a4754}[data-theme=dark] .kpi-table td{border-color:#3a434b}
[data-theme=dark] .day.selected{background:#789bbd;color:#13191e}[data-theme=dark] .day.off{background:#1e2226;color:#8593a0}
[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:#adb5be}
[data-theme=dark] .intro h1 span,[data-theme=dark] .chapter,[data-theme=dark] .details-grid button,[data-theme=dark] .details-grid article>span{color:#adc2d7}
[data-theme=dark] .stage{background:radial-gradient(ellipse at center,#2f373e,transparent 65%)}
[data-theme=dark] .guide,[data-theme=dark] .scope,[data-theme=dark] .device-picker,[data-theme=dark] .stage.web{background:#252b30;border-color:#3d4750}
[data-theme=dark] .screen-picker button.active,[data-theme=dark] .device-picker button[aria-pressed=true]{background:#3a4651;color:#edf0f3}
[data-theme=dark] .role-picker button[aria-pressed=true]{background:#dce3e9;color:#1e242a}
[data-theme=dark] .device-frame,[data-theme=dark] iframe{background:#181a1d}[data-theme=dark] .phone-home span{background:#cad3dd}
[data-theme=dark] .guide li,[data-theme=dark] .guide-note,[data-theme=dark] .details-grid article{border-color:#3c4853}
@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}}

/* Wahdat approved navy / pearl identity. Original supplied transparent logo. */
:root{--paper:#f2f4f5;--ink:#20384c;--orange:#3b5974;--soft:#e9eff5;--line:#dce3e9;--nav:#1d2d42}
.brand-light,.mobile-brand{filter:none;mix-blend-mode:normal;object-fit:contain}.brand,.brand-dark{filter:invert(1);mix-blend-mode:screen;object-fit:contain}html[data-theme=dark] .brand-light,html[data-theme=dark] .mobile-brand{filter:invert(1);mix-blend-mode:screen}
.btn.primary,.metric.highlight{background:#d1e3f3;border-color:#d1e3f3;color:#20384c}.metric.highlight small{color:#354f65}.clock-panel{background:radial-gradient(ellipse at 0 0,#3b5974,transparent 85%),#1d2d42}.time-scale i.filled{background:#d1e3f3}.time-scale i.current{background:#fff}.brand-light{width:135px}.mobile-brand{width:105px}.brand{width:145px}.brand-dark{width:110px}.intro h1 span{color:#3b5974}html[data-theme=dark] .intro h1 span{color:#c2d9ec}
@media(max-width:760px){.brand-light{width:100px}}@media(max-width:380px){.brand-light{width:80px}.topbar .mobile-brand{width:85px}}