.theme-toggle,.help-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #38505f;background:#182936;color:#acc5d2;cursor:pointer}
.theme-toggle:hover,.help-button:hover{border-color:#60b9ae;color:#d7f6ee}
.theme-toggle:focus-visible,.help-button:focus-visible{outline:2px solid #62ccb9;outline-offset:2px}
.theme-toggle{gap:7px;min-height:30px;padding:0 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.8px;white-space:nowrap}
.theme-toggle span:first-child{font-size:16px;line-height:1}
.help-button{width:20px;height:20px;flex:0 0 20px;border-radius:50%;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:0}
.metric-head-actions,.trend-head-actions{display:flex;align-items:center;gap:8px}
.metric-card .help-button{width:18px;height:18px;flex-basis:18px;font-size:10px}
.side-heading{position:relative}
.side-heading .help-button{position:absolute;top:0;right:0}
.scene-actions .help-button{margin-right:2px}
.help-popover{position:fixed;z-index:1000;width:min(290px,calc(100vw - 24px));padding:15px 17px;border:1px solid #438c89;border-radius:8px;background:#18313a;box-shadow:0 15px 38px #020a13a8;color:#d9eef0;pointer-events:none}
.help-popover[hidden]{display:none}
.help-popover strong{display:block;color:#8be1d1;font:700 13px 'Space Grotesk',Arial,sans-serif;margin-bottom:6px}
.help-popover p{color:#c5d6dd;font-size:12px;line-height:1.55}

:root[data-theme="light"]{color-scheme:light;color:#173142;background:#edf3f5}
:root[data-theme="light"] .topbar{background:#fff;border-color:#d2e0e5}
:root[data-theme="light"] .wordmark{color:#193747}
:root[data-theme="light"] .wordmark small,:root[data-theme="light"] .topbar-right{color:#647d8b}
:root[data-theme="light"] .topbar-project{color:#3b6172}
:root[data-theme="light"] .topbar-divider,:root[data-theme="light"] .status-divider{background:#c9d9df}
:root[data-theme="light"] .view-switch{background:#eef5f6;border-color:#c9dce0}
:root[data-theme="light"] .view-switch .current-view{background:#d4eee9;color:#236b66}
:root[data-theme="light"] .view-switch a{color:#31576a}
:root[data-theme="light"] .view-switch a:hover{color:#164d54;background:#dcebee}
:root[data-theme="light"] .eyebrow{color:#178b83}
:root[data-theme="light"] .page-heading p,:root[data-theme="light"] .heading-status #updatedAt{color:#607987}
:root[data-theme="light"] .heading-status{color:#416778}
:root[data-theme="light"] .metric-card,:root[data-theme="light"] .scene-panel,:root[data-theme="light"] .side-panel,:root[data-theme="light"] .trend-panel{background:#fff;border-color:#d2e0e5;box-shadow:0 4px 18px #3959690c}
:root[data-theme="light"] .metric-card{background:linear-gradient(145deg,#fff,#f6fafb)}
:root[data-theme="light"] .metric-top{color:#527386}
:root[data-theme="light"] .metric-code{color:#5f8292;border-color:#cbdce3}
:root[data-theme="light"] .metric-reading small,:root[data-theme="light"] .metric-bottom{color:#597687}
:root[data-theme="light"] .metric-trend{color:#248f80}
:root[data-theme="light"] .panel-heading,:root[data-theme="light"] .scene-footer,:root[data-theme="light"] .chart-foot{border-color:#d3e1e6}
:root[data-theme="light"] .scene-actions{color:#557987}
:root[data-theme="light"] .scene-actions button:not(.help-button){background:#e8f2f3;border-color:#bdd7dc;color:#315668}
:root[data-theme="light"] .scene-actions button:not(.help-button):hover{background:#d7eae9;color:#175c5a}
:root[data-theme="light"] .scene-wrap{background:radial-gradient(ellipse at 51% 54%,#e8f4f5 0,#d8e9ee 55%,#cadfe6 100%)}
:root[data-theme="light"] .scene-vignette{box-shadow:inset 0 0 55px 10px #9ebacb30}
:root[data-theme="light"] .scene-label{text-shadow:0 1px 3px #eaf6f6;border-color:#229a91}
:root[data-theme="light"] .scene-label b{color:#173d49}
:root[data-theme="light"] .scene-label small{color:#466e78}
:root[data-theme="light"] .label-index,:root[data-theme="light"] .scene-interaction{color:#247f82}
:root[data-theme="light"] .scene-footer,:root[data-theme="light"] .read-only{color:#587a89}
:root[data-theme="light"] .balance-row{color:#557182}
:root[data-theme="light"] .balance-row strong,:root[data-theme="light"] .side-stat strong{color:#173d4c}
:root[data-theme="light"] .bar-track{background:#dbe8ea}
:root[data-theme="light"] .small-divider{background:#d8e6e9}
:root[data-theme="light"] .side-stat,:root[data-theme="light"] .side-stat small{color:#5b7887}
:root[data-theme="light"] .advisory-panel p{color:#496473}
:root[data-theme="light"] .advisory-foot{color:#6a8794}
:root[data-theme="light"] .advisory-foot span:first-child{color:#926b2d}
:root[data-theme="light"] .trend-legend,:root[data-theme="light"] .chart-foot,:root[data-theme="light"] .chart-empty{color:#627f8c}
:root[data-theme="light"] footer{color:#708a96}
:root[data-theme="light"] footer b{color:#247c79}
:root[data-theme="light"] .theme-toggle,:root[data-theme="light"] .help-button{background:#eef6f7;border-color:#b9d1d8;color:#326b77}
:root[data-theme="light"] .theme-toggle:hover,:root[data-theme="light"] .help-button:hover{background:#d9ecec;border-color:#59a8a1;color:#155c60}
:root[data-theme="light"] .help-popover{background:#fff;border-color:#71b7b0;box-shadow:0 15px 38px #35556433;color:#1e4554}
:root[data-theme="light"] .help-popover strong{color:#217c77}
:root[data-theme="light"] .help-popover p{color:#405e6c}
@media(max-width:650px){.theme-toggle{padding:0 7px;min-height:28px;font-size:9px}.theme-toggle span:first-child{font-size:14px}.metric-head-actions{gap:4px}.trend-head-actions{gap:7px}.trend-legend{gap:5px}}