:root{color-scheme:light;--canvas:#f4f8f7;--surface:#fff;--surface2:#f3f8f7;--surface3:#e9f2f0;--border:#d6e3df;--border2:#b8cbc5;--text:#18333a;--muted:#5b747a;--dim:#789096;--positive:#087f64;--negative:#c44751;--warning:#a86608;--info:#176d9a;--focus:#c77b08;--nav:232px;--header:62px;--radius:8px}
html,body{background:var(--canvas);color:var(--text)}body{background-image:linear-gradient(90deg,rgba(23,109,154,.025) 1px,transparent 1px),linear-gradient(rgba(8,127,100,.02) 1px,transparent 1px);background-size:32px 32px}
.sidebar{background:rgba(255,255,255,.94);border-right-color:var(--border);box-shadow:8px 0 24px rgba(38,79,74,.06)}.brand{border-bottom-color:var(--border)}.brand-mark{border-color:#8fb7aa;background:#e4f3ed;color:#087f64}.brand-sub,.nav-label,.operator small{color:var(--dim)}.nav-button{color:var(--muted)}.nav-button:hover{background:#eef7f4;color:var(--text)}.nav-button.active{background:linear-gradient(90deg,#dff3ec,#f5fbf9);border-color:#b8ded1;color:var(--text)}.nav-button.active::before{background:var(--positive)}.avatar{background:#e8f2f0;border-color:var(--border2)}
.topbar{background:rgba(255,255,255,.92);border-bottom-color:var(--border);box-shadow:0 4px 18px rgba(38,79,74,.05)}.scope,.scope button,.status,.icon-button{border-color:var(--border)}.scope button,.icon-button{background:#fff;color:var(--muted)}.scope button.active{background:#e2f4ed;color:var(--positive)}.scope button[data-env=live].active{background:#fbe9e9;color:var(--negative)}.status{background:#f7fbfa}.status.ok{color:var(--positive)}.status.warn{color:var(--warning)}.icon-button:hover{background:#edf7f4;border-color:var(--border2)}
.offline-band{border-color:#e5c98b;border-left-color:#c8871d;background:#fff8e8;color:#71551f}.offline-band strong{color:#935d00}.gate-strip,.metrics,.panel,.neural-toolbar{background:rgba(255,255,255,.94);border-color:var(--border);box-shadow:0 8px 24px rgba(38,79,74,.04)}.gate-item,.metric,.panel-head,.ledger-summary>div{border-color:var(--border)}.eyebrow,.panel-meta,.sub{color:var(--dim)}.metric-value{color:#154852}.positive{color:var(--positive)}.negative{color:var(--negative)}.warning{color:var(--warning)}.info{color:var(--info)}
th{color:var(--dim);border-bottom-color:var(--border);background:#f7fbfa}td{border-bottom-color:#e7efed}tbody tr:hover{background:#f0f8f5}tbody tr.selected{background:#e4f3ed;box-shadow:inset 3px 0 var(--info)}.pill{border-color:var(--border2);background:#f7fbfa;color:var(--muted)}.pill.green{border-color:#9dd4c1;background:#e8f7f0;color:var(--positive)}.pill.red{border-color:#e6abb0;background:#fff0f0;color:var(--negative)}.pill.amber{border-color:#e5c98b;background:#fff8e8;color:var(--warning)}
.queue-item{border-bottom-color:var(--border)}.bar-track{background:#e4eeeb}.bar-fill{background:#3b96bf}.health-cell{border-color:var(--border);background:#f8fbfa}.health-cell.live{background:#e8f7f0;color:var(--positive);border-color:#9dd4c1}.health-cell.delay{background:#fff8e8;color:var(--warning);border-color:#e5c98b}.health-cell.err{background:#fff0f0;color:var(--negative);border-color:#e6abb0}.seg{border-color:var(--border)}.seg button{background:#f7fbfa;color:var(--muted);border-color:var(--border)}.seg button.active{background:#dff3ec;color:var(--text)}select,.input{background:#fff;color:var(--text);border-color:var(--border)}
.rank-card,.rank-item,.winner-list,.trace-box,.reason-card{background:#f8fcfb;border-color:var(--border)}.rank-item:hover{background:#eff8f5;border-color:#9bcfc0}.rank-item.active{border-color:#75b9a5;box-shadow:inset 0 0 0 1px rgba(8,127,100,.18)}.rank-badge{background:#e5f3ef;color:var(--positive)}.winner-row:hover,.winner-row:focus-visible{background:#eff8f5}.winner-row[aria-current=true]{background:#fff7e6;box-shadow:inset 3px 0 var(--focus)}.trace-step{border-color:var(--border);color:var(--muted)}.trace-step.pass{border-color:#9dd4c1;color:var(--positive)}.trace-step.fail{border-color:#e6abb0;color:var(--negative)}
.neural-toolbar{background:linear-gradient(180deg,#fff,#f3faf7)}.neural-action{background:#eaf6f2;border-color:#b8d9cf;color:#176b5a}.neural-action:hover,.neural-action:focus-visible{border-color:var(--info);color:var(--text)}.neural-action[aria-pressed=true]{background:#dff3ec;border-color:#75b9a5;color:#075c4b}.neural-stage{background:radial-gradient(circle at 12% 50%,rgba(23,109,154,.13),transparent 28%),radial-gradient(circle at 88% 50%,rgba(8,127,100,.13),transparent 25%),linear-gradient(180deg,#fafffd,#edf8f5);border-color:#b9d8d0;box-shadow:inset 0 0 90px rgba(33,115,100,.08),0 12px 28px rgba(38,79,74,.08)}.neural-stage::before{background-image:linear-gradient(rgba(23,109,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,127,100,.04) 1px,transparent 1px)}.neural-tooltip{background:rgba(255,255,255,.97);border-color:#8fc4b5;box-shadow:0 12px 30px rgba(38,79,74,.16)}.neural-tooltip p{color:var(--muted)}.neural-legend{background:rgba(255,255,255,.88);border-color:#c3ddd6;color:var(--muted)}
.pnl-chart{background:linear-gradient(180deg,rgba(8,127,100,.1),transparent);border-color:var(--border)}.pnl-axis{stroke:#d6e3df}.pnl-line{stroke:var(--positive)}.pnl-dot{stroke:#fff}.incident{background:#fffdf7;border-color:var(--border)}.log-console{background:#f5faf8!important;border-color:var(--border)!important;color:var(--text)!important}.search-dialog{background:#fff;border-color:var(--border);box-shadow:0 18px 60px rgba(38,79,74,.18)}.search-dialog::backdrop{background:rgba(23,51,58,.24)}.search-result:hover,.search-result:focus-visible{background:#eef8f4;border-color:var(--border)}.drawer{background:#fff;border-left-color:var(--border);box-shadow:-20px 0 50px rgba(38,79,74,.16)}.drawer-head{border-bottom-color:var(--border)}.command-card{border-color:var(--border)}.command-card:hover,.command-card:focus-visible{background:#eef8f4;border-color:#9bcfc0}.backdrop{background:rgba(23,51,58,.24)}.tooltip{background:#18333a;color:#fff}
.ws-unknown{color:var(--muted);border-color:#b9d2cc}.ws-page-health,.ws-health{border-color:#b9d2cc}.ws-live{color:var(--positive);border-color:#9dd4c1}.ws-delayed,.ws-initializing{color:var(--warning);border-color:#e5c98b}.ws-stale,.ws-gap,.ws-resyncing,.ws-disconnected,.ws-error,.ws-unauthorized{color:var(--negative);border-color:#e6abb0}.ws-frozen-row{opacity:.62}
@media(max-width:860px){.main{padding:14px 12px 24px}.page-head{gap:8px}.page-head h1{font-size:20px}.gate-strip{grid-template-columns:1fr 1fr}.neural-stage{height:clamp(440px,62vh,560px)}}
@media(max-width:640px){.main{padding-inline:8px}.topbar{padding-inline:10px}.mobile-status-strip{background:#fff;border-bottom-color:var(--border);color:var(--muted)}.mobile-status-strip b{color:var(--text)}.status-cluster{max-width:120px}.neural-search{min-width:100%;max-width:none}.neural-toolbar{align-items:stretch}.neural-action{flex:1}.neural-legend{left:8px;right:8px;bottom:8px;gap:7px}.neural-stage{height:500px}}
@media(prefers-reduced-motion:reduce){.neural-stage::before{display:none}}