/* Surface effects establish hierarchy; metric colors retain fixed meaning. */
.ops-screen input[type=range]{accent-color:#90a6f5}.ops-cursor-values>b,.ops-review-summary h3{color:#b5c4eb}.ops-session-list a:hover,.ops-session-list a[aria-current=page]{border-color:#90a6f5}
.traffic-ring circle:first-child{stroke:#d4cae9}.traffic-ring circle:nth-child(2){stroke:#8467c7}.ring-legend span:first-child i{background:#8467c7!important}.ring-legend span:nth-child(2) i{background:#d4cae9!important}
.environment,.room-identity,.trader-support,.chart-panel header p,.visual-note,.semantic-key{color:#65738b!important}.source-note,.demo-pill{color:#65738b!important}
.trader-primary>div:nth-child(3){background:linear-gradient(135deg,#f0f3f8,#fafbfd)!important;border-color:#e4e9f1!important}.trader-primary>div:nth-child(3) strong{color:#53627a!important}.ops-left-kpis .ops-tile:nth-child(3) strong{color:#c7d2e8!important}
:root{--action:#4263eb;--spend:#4263eb;--lead:#10977e;--audience:#8467c7;--warning:#b47618;--danger:#c74554;--canvas:#f4f5fa;--text:#20283c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}body{background:radial-gradient(ellipse at 85% 0,#e4e9fb 0,transparent 42%),radial-gradient(ellipse at 15% 70%,#e7f4f1 0,transparent 35%),#f5f6fa;background-attachment:fixed}.topbar{background:#ffffffbc;backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid #ffffffc9;box-shadow:0 1px 0 #c5cede25}.brandmark{background:linear-gradient(145deg,#859bfc,#4d62d8);border-radius:11px;box-shadow:inset 0 1px 0 #ffffff60,0 4px 14px #657bd025}.brand{font-weight:600;letter-spacing:-.4px}.shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{background:#eef0f8a8;backdrop-filter:blur(28px) saturate(120%);border-right:1px solid #ffffffd9;padding:26px 14px;color:#48546e}.scope{color:#34415c;border-color:#cfd7e74d}.scope small{color:#7e8aa3}.scope-icon{background:#ffffffa6;color:#6c80bb;border:1px solid #fff}.nav-group summary,.nav-group[open] summary{color:#596680;font-weight:500;letter-spacing:.1px}.group-symbol,.chevron{color:#8b99b2}.nav-group summary:hover{background:#ffffff88}.nav-group[open]{background:#ffffff40;border-radius:16px}#sidenav .nav-children a{color:#77839a;border-radius:11px}#sidenav a.active{background:linear-gradient(120deg,#6478eb,#5571d9);color:#fff;box-shadow:0 4px 12px #657cda21}.side-bottom{color:#8795af;border-color:#cbd5e650}.side-bottom small{color:#9ba7ba}.environment{background:#ffffff75;border:1px solid #ffffffbe;color:#8592a7;border-radius:12px;backdrop-filter:blur(16px)}main{padding:28px 32px;max-width:1920px}.page-heading{margin:26px 0}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.8px;color:#263149}.source-note,.demo-pill{background:#ffffff96;border:1px solid #ffffffd5;color:#8590a6;border-radius:20px}.panel,.chart-panel,.dc-filter-host,.analysis-filter-panel,.dc-filter,.overview,.live-card,.kpi{background:#ffffffd9;border:1px solid #ffffff;box-shadow:0 8px 30px #44558206,0 1px 2px #44558204;border-radius:20px}.live-card{padding:24px;transition:transform .18s,box-shadow .18s}.live-card[role=button]:hover{border-color:#ccd7f5;box-shadow:0 14px 32px #596b9c12;transform:translateY(-3px)}.live-card h3.room-name{font-weight:600;color:#34415b;line-height:1.5}.live-card .metric-grid{background:linear-gradient(130deg,#f3f5fc,#f7f9fd);border:1px solid #edf0f9;border-radius:14px}.live-card .metric-grid strong{font-weight:600;color:#3b4b68;letter-spacing:-.6px}.live-card .metric-grid>div:first-child strong{color:var(--spend)}.live-card .metric-grid>div:nth-child(4) strong{color:#607fa6}.room-identity{color:#8995ac}.tag{border-radius:7px;padding:4px 9px}.tag.live{background:#e5f4ee;color:#298b76}.tag.ready{background:#edf0fc;color:#6b7fc1}.tag.unknown{background:#f0f1f6;color:#909bae}.count strong{font-size:28px;font-weight:600;color:#43516d}.count.live strong{color:#29967f}.primary,.ops-primary-link,.analysis-actions #dc-query{background:linear-gradient(135deg,#657dec,#4d68df);border:1px solid #5c76e4;border-radius:11px;box-shadow:0 4px 12px #5b73da20}.primary:hover:not(:disabled),.ops-primary-link:hover{background:#4d68db;border-color:#4d68db}.field input,.field select,.inline-select,.filter-popover summary{background:#f9faff; border:1px solid #e1e6f1;border-radius:10px}.secondary,.detail-end button{background:#f4f6fc;border-color:#e7ebf4;border-radius:10px}.analysis-tabs [aria-selected=true]{color:#5c72cf;border-color:#7283dc}.kpi.selected{background:linear-gradient(130deg,#edf1ff,#ffffffde);border-color:#cfd9fa;box-shadow:0 5px 18px #5874cb08}.kpi:hover:not(:disabled){background:#f3f6ff;border-color:#d0daf4}.kpi strong{font-weight:600;color:#354665}.chart-panel h2{font-weight:600;color:#43536f}.rank-track{height:9px;border-radius:8px;background:#f0f3fa}.rank-track i{background:linear-gradient(90deg,#9baff3,#718bea);border-radius:8px}.rank-row:nth-child(2) .rank-track i{background:linear-gradient(90deg,#8ed8c9,#5bb39e)}.rank-row:nth-child(3) .rank-track i{background:linear-gradient(90deg,#c8bbed,#a395d3)}.chart-panel header p,.visual-note{color:#8f9db4}.table-wrap{border-radius:14px}.data-table thead{background:#f1f4fa}.data-table td{border-color:#eff2f8}.ops-dialog{background:#ffffffed;backdrop-filter:blur(28px) saturate(130%)}dialog.ops-dialog{border:1px solid #fff;border-radius:26px;box-shadow:0 28px 100px #283a6733}.ops-dialog .dialog-head{background:#ffffffbc;backdrop-filter:blur(24px);border-color:#e8edf650;border-radius:26px 26px 0 0}.ops-dialog #dialog-title{font-weight:600;letter-spacing:-.7px}.trader-overview .ops-primary-link{border-radius:12px}.trader-primary>div{background:linear-gradient(145deg,#f5f7fd,#fcfdff);border:1px solid #e8edf8;border-radius:17px;padding:20px}.trader-primary>div:first-child{background:linear-gradient(135deg,#eef2ff,#f9faff);border-color:#e0e6fc}.trader-primary>div:nth-child(2){background:linear-gradient(135deg,#ecf8f3,#f8fcfa);border-color:#def1e8}.trader-primary>div:nth-child(3){background:linear-gradient(135deg,#f3effb,#fcfbff);border-color:#e9e2f6}.trader-primary>div:nth-child(1) strong{color:var(--spend)}.trader-primary>div:nth-child(2) strong{color:var(--lead)}.trader-primary>div:nth-child(3) strong{color:#6e62a4}.trader-primary strong{font-size:34px;font-weight:600}.trader-primary span{color:#66748e}.trader-support{color:#8593aa;font-size:14px;padding:20px 0}.trader-support>span:first-child b{color:var(--audience)}.visual-panel{border-radius:18px;background:#ffffffbe;border-color:#e9edf7;padding:20px}.visual-row{gap:20px}.visual-switch{border-radius:10px;background:#eff2f9}.visual-switch button{border-radius:8px}.visual-head h3{font-weight:600;color:#485975}.trader-visible{border-radius:18px;background:#f5f7fc;padding:20px}.ops-detail-secondary .ops-tile strong{font-weight:600}.trader-diagnostics{border-color:#e8edf7}.ops-screen{background:radial-gradient(ellipse at 50% 0,#202941,transparent 60%),#151b2a}.ops-surface{background:#232c3bdd;backdrop-filter:blur(18px);border-color:#ffffff0c;border-radius:20px;box-shadow:none}.ops-screen-head{border-color:#ffffff0d}.ops-screen-head button,.ops-return{border-radius:11px;background:#ffffff0a;border-color:#ffffff16}.ops-screen .ops-tile strong{color:#c7d2e8;font-weight:600}.ops-left-kpis .ops-tile:nth-child(1) strong{color:#90a6f5}.ops-left-kpis .ops-tile:nth-child(2) strong{color:#75cdb4}.ops-left-kpis .ops-tile:nth-child(3) strong{color:#bbacd9}.ops-screen-kpis .ops-tile:nth-child(-n+3) strong{color:#b4a5da}.ops-screen-kpis .ops-tile:nth-child(n+4) strong{color:#a0b5cf}.ops-chart polyline[stroke="#2dd4b1"]{stroke:#b4a5da}.ops-chart polyline[stroke="#b7a1ff"]{stroke:#75cdb4}.ops-analysis-tabs button[aria-selected=true]{color:#a1b3ee;border-color:#91a5e4}.ops-screen .ops-metric-toggles input{accent-color:#8fa4e4}.ops-player-empty{border-radius:16px;background:#171f2d;border-color:#ffffff16}.ops-source-bar i{background:#b4a5da}.ops-source-bar b{background:#90a6f5}.ops-source-labels{color:#adb9cc}.ops-screen-mode .ops-screen-info{color:#99a9c2}.semantic-key{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:flex-end;font-size:11px;color:#8897ae;margin:8px 0 0}.semantic-key span{white-space:nowrap}.semantic-key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.ops-screen .semantic-key{justify-content:flex-start;margin:12px 0}.ops-screen .semantic-key i{width:6px;height:6px}
@media(min-width:1750px){.wall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){main{padding:24px}.shell{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:850px){.shell{display:block}.sidebar{background:#edf0f8bf;padding:8px 12px}.nav-group[open]{background:#ffffff8c}.topbar{background:#ffffffd4}.visual-row{grid-template-columns:1fr}.panel,.chart-panel,.live-card{border-radius:18px}.semantic-key{justify-content:flex-start}.trader-primary>div{padding:16px}}@media(max-width:600px){main{padding:14px}.page-heading h1{font-size:24px}.live-card{padding:20px}.ops-dialog #dialog-body{padding:18px}.ops-dialog .dialog-head{padding:20px}.trader-primary strong{font-size:27px}.trader-primary>div{padding:14px}.visual-panel{padding:16px}.trader-overview{gap:14px}.trader-support{gap:12px 18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.live-card[role=button]:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.topbar,.sidebar,dialog.ops-dialog,.ops-dialog .dialog-head{backdrop-filter:none;background:#f7f8fc}.ops-surface{backdrop-filter:none;background:#232c3b}}@media(forced-colors:active){.semantic-key i{border:1px solid CanvasText}.trader-primary>div{border:1px solid CanvasText}#sidenav a.active{outline:1px solid Highlight}}
/* Selected navigation must not inherit the legacy pale hover background. */
#sidenav .nav-children a:not(.active):hover{background:#ffffff80;color:#50617d}
#sidenav .nav-children a.active:hover,#sidenav .nav-children a.active:focus-visible{background:linear-gradient(120deg,#596fe3,#4965d0);color:#fff;box-shadow:0 4px 12px #657cda21}
#sidenav a:focus-visible{outline:2px solid #8194d6;outline-offset:2px}
@media(forced-colors:active){#sidenav .nav-children a.active:hover,#sidenav .nav-children a.active:focus-visible{background:Highlight;color:HighlightText;outline:1px solid Highlight}}