/* Local single-room refinement; never changes the normal workspace palette. */
html:has(body.ops-screen-mode){scrollbar-gutter:stable;overflow-y:scroll;background:#101720!important;scrollbar-color:#52657b #101720}
html:root[data-theme] .ops-screen.ops-jdc-layout{
  --canvas:#101720; --surface:#171f2a; --surface-raised:#1e2a38; --surface-muted:#243343;
  --text:#eef3fa; --text-secondary:#ccd6e3; --muted:#a6b3c5; --sub:var(--muted);
  --line:#2d3a4c; --line-strong:#63778f;
  --brand:#9acbf2; --brand-fill:#9acbf2; --brand-hover:#badcf6; --brand-soft:#20364b; --brand-on:#112b42;
  --spend:#e6af78; --lead:#81baf0; --audience:#a8b5ec; --service:#a6bbcf;
  --chart-natural:#79b7bd; --chart-grid:#2d3a4c;
  background:var(--canvas)!important;color:var(--text)!important;
}
html:root[data-theme] .ops-jdc-layout .ops-surface{background:var(--surface)!important;border-color:var(--line)!important;border-radius:9px;box-shadow:none}
html:root[data-theme] .ops-jdc-layout .ops-hero-kpis strong{color:var(--text)!important}
html:root[data-theme] .ops-jdc-layout .ops-hero-kpis [data-metric=online] strong,
html:root[data-theme] .ops-jdc-layout .ops-hero-kpis [data-metric=leads] strong{color:var(--lead)!important}
/* One calm metric row, rather than a row of unrelated filled rectangles. */
.ops-jdc-layout .ops-secondary-kpis{gap:0;border-top:1px solid var(--line);padding-top:13px}
.ops-jdc-layout .ops-secondary-kpis .ops-tile{padding:0 8px;background:transparent!important;border-radius:0}
.ops-jdc-layout .ops-secondary-kpis .ops-tile+.ops-tile{border-left:1px solid var(--line)}
.ops-jdc-layout .ops-secondary-kpis .ops-tile>span{font-size:11px;line-height:1.65}
.ops-jdc-layout .ops-secondary-kpis .ops-tile strong{font-size:20px}
.ops-jdc-layout .ops-extra-kpis .ops-tile{background:transparent!important;border-radius:0}
html:root[data-theme] .ops-jdc-layout .ops-expand-metrics,
html:root[data-theme] .ops-jdc-layout .ops-expand-metrics:hover{background:transparent!important;border:0;box-shadow:none}
/* Data stages share a blue family; warm color is reserved for spend/source data. */
.ops-jdc-layout .ops-funnel-row:nth-child(1) .ops-funnel-track{background:#b3cadb}
.ops-jdc-layout .ops-funnel-row:nth-child(2) .ops-funnel-track{background:#87b5d8}
.ops-jdc-layout .ops-funnel-row:nth-child(3) .ops-funnel-track{background:#5898c9}
html:root[data-theme] .ops-jdc-layout .ops-funnel-track b{color:#091520!important}
html:root[data-theme] .ops-jdc-layout .ops-screen-head :is(.ops-return,button,.ds-trigger){background:transparent!important;border-color:var(--line)!important;box-shadow:none}
/* Equal-height analysis modes keep the whole board and scrollbar geometry stable. */
.ops-jdc-layout .ops-main-analysis{height:520px;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.ops-jdc-layout .ops-analysis-tabs{flex:0 0 38px;gap:0;padding:0;background:transparent!important;margin:0 0 12px;align-items:stretch}
html:root[data-theme] .ops-jdc-layout .ops-analysis-tabs button,
html:root[data-theme] .ops-jdc-layout .ops-analysis-tabs button:hover,
html:root[data-theme] .ops-jdc-layout .ops-analysis-tabs button[aria-selected=true]{
  flex:0 0 94px;min-height:38px;padding:7px 0 10px;background:transparent!important;box-shadow:none!important;
  border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted)!important;font-size:13px;
}
html:root[data-theme] .ops-jdc-layout .ops-analysis-tabs button:hover{color:var(--text)!important}
html:root[data-theme] .ops-jdc-layout .ops-analysis-tabs button[aria-selected=true]{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
#ops-analysis-panel{flex:1;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
#ops-analysis-panel::-webkit-scrollbar{display:none}
#ops-analysis-panel[data-analysis-view=trend]{display:flex;flex-direction:column}
.ops-jdc-layout .ops-metric-toggles{flex-shrink:0;margin:0 0 10px;min-height:24px;font-size:12px}
.ops-jdc-layout .ops-chart{flex:1;min-height:180px;max-height:330px;aspect-ratio:auto}
.ops-jdc-layout :is(.ops-chart-note,.ops-timeline,.ops-cursor-values){flex-shrink:0}
.ops-jdc-layout .ops-chart-note{margin:6px 0;font-size:11px}
.ops-jdc-layout .ops-timeline{margin:8px 0}
html:root[data-theme] .ops-jdc-layout .ops-cursor-values{background:transparent!important;border-top:1px solid var(--line);border-radius:0;padding:10px 0 0}
#ops-analysis-panel[data-analysis-view=history]{display:flex;flex-direction:column}
.ops-jdc-layout .ops-table-wrap{flex:1;min-height:0}
.ops-jdc-layout .ops-history-table{font-size:13px}
.ops-jdc-layout .ops-history-table th{position:sticky;top:0;padding:11px 9px}
.ops-jdc-layout .ops-history-table td{height:48px;padding:12px 9px}
.ops-jdc-layout .ops-pager{flex-shrink:0;min-height:44px;margin-top:8px;gap:8px}
.ops-jdc-layout .ops-pager button{font-size:12px;min-height:30px;padding:4px 10px;border-radius:5px}
.ops-jdc-layout .ops-review-summary{height:100%;display:flex;flex-direction:column;gap:22px;padding:4px 0;font-size:12px;line-height:1.8}
.ops-jdc-layout .ops-review-summary h3{margin:0 0 12px;font-size:13px;font-weight:500}
.ops-jdc-layout .ops-review-values{gap:0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ops-jdc-layout .ops-review-values .ops-tile{padding:0 10px}
.ops-jdc-layout .ops-review-values .ops-tile+.ops-tile{border-left:1px solid var(--line)}
.ops-jdc-layout .ops-review-values .ops-tile>span{font-size:12px}
.ops-jdc-layout .ops-review-values strong{font-size:27px}
.ops-jdc-layout .ops-review-boundary{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
html:root[data-theme] .ops-jdc-layout .ops-player-empty{background:#111923!important;border-color:var(--line)!important}
html:root[data-theme] .ops-jdc-layout .ops-profile button,
html:root[data-theme] .ops-jdc-layout .ops-profile button:hover{background:transparent!important}
html:root[data-theme] .ops-jdc-layout .ops-profile button[aria-pressed=true]{color:var(--brand)!important;text-decoration:underline;text-underline-offset:5px}
#ops-analysis-panel>:first-child{animation:ops-analysis-in .14s ease-out}
@keyframes ops-analysis-in{from{opacity:.6}to{opacity:1}}
@media(max-width:1100px){.ops-jdc-layout .ops-main-analysis{height:520px}}
@media(max-width:650px){.ops-jdc-layout .ops-main-analysis{height:510px}.ops-jdc-layout .ops-analysis-tabs button{flex-basis:90px}.ops-jdc-layout .ops-review-values{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-jdc-layout .ops-review-values strong{font-size:21px}.ops-jdc-layout .ops-review-values .ops-tile{padding:0 6px}.ops-jdc-layout .ops-review-values .ops-tile>span{font-size:10px}.ops-jdc-layout .ops-review-values .ops-tile strong small{display:block}.ops-jdc-layout .ops-secondary-kpis .ops-tile{padding:6px}.ops-jdc-layout .ops-secondary-kpis .ops-tile:nth-child(4){border-left:0}}
@media(prefers-reduced-motion:reduce){#ops-analysis-panel>:first-child{animation:none}}