/* AMP-235: Overview-only presentation tokens. The developer queue does not load this file. */
:root { --chart: #5479d1; --chart-soft: #dce6fc; --chart-grid: #e7ebf2; --overview-radius: 3px; --overview-shadow: none; }
:root[data-mode="dark"] { color-scheme: dark; --ink: #ebedf5; --muted: #b6bfd0; --faint: #a3adc2; --border: #374255; --divider: #273142; --field: #151c28; --surface: #1e2736; --deep: #e3dcf4; --link: #adc5ff; --primary-tint: #2a3851; --chart: #8db0ff; --chart-soft: #34496b; --chart-grid: #344054; --gray-1: #ebedf5; --gray-2: #d1d6e0; --gray-3: #b6bfd0; --gray-4: #a3adc2; --gray-6: #374255; --gray-7: #273142; --gray-8: #1e2736; --ok-bg: #213c33; --ok-text: #abdfb9; --warn-bg: #423824; --warn-text: #eed7a1; }
:root[data-mode="dark"] a:hover { color: var(--link); }
:root[data-mode="dark"] .skip-link, :root[data-mode="dark"] .skip-link:hover { background: var(--ink); color: var(--field); }
.overview-page { height: 100dvh; min-height: 0; }
.overview-page .app-header { flex: 0 0 48px; background: var(--surface); }
.overview-page .app-title { font-size: 12px; }
.overview-page .control-strip { flex: 0 0 48px; flex-wrap: wrap; gap: 14px; padding: 8px 20px; background: var(--surface); }
.overview-page select { background: var(--surface); color: var(--ink); border: 1px solid var(--border); border-radius: 4px; min-height: 30px; }
.overview-page #selection-status { font-size: 11px; color: var(--muted); margin-left: auto; }
.overview-page .appearance-style, .overview-page #mode-toggle { position:relative; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:4px; color:var(--muted); background:transparent; cursor:pointer; }
.overview-page .appearance-style:hover, .overview-page #mode-toggle:hover { color:var(--ink); background:var(--field); }
.overview-page .appearance-style:focus-within, .overview-page #mode-toggle:focus-visible { outline:2px solid var(--chart); outline-offset:2px; }
.overview-page .appearance-style select { position:absolute; inset:0; width:100%; height:100%; min-height:0; opacity:0; cursor:pointer; }
.appearance-style > svg { pointer-events:none; }
.mode-sun { display:none; }
:root[data-mode="dark"] .mode-sun { display:block; }
:root[data-mode="dark"] .mode-moon { display:none; }
.overview-page #dashboard-content { flex: 1; min-height: 0; padding: 0 20px 12px; width: 100%; max-width: none; display: flex; }
.overview-page .brand-signature { padding: 5px 20px; min-height: 26px; flex: 0 0 auto; }
.overview { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; }
.overview-heading { display: flex; align-items: center; justify-content: space-between; flex: 0 0 52px; }
.overview-heading h1 { font-size: 23px; font-weight: 600; letter-spacing: -.6px; margin: 0; }
.overview-cadence { color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 7px; }
.overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; flex: 1; min-height: 0; }
.overview-panel { position: relative; border: 1px solid var(--border); border-radius: var(--overview-radius); background: var(--surface); box-shadow: var(--overview-shadow); padding: 17px 17px 10px; display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.overview-panel > header { min-height:43px; padding-right:28px; }
.overview-panel h2 { display:inline; font-size: 13px; font-weight: 600; line-height: 1.45; margin: 0; flex: 1; }
.info-tip { position: relative; display: inline-block; font-size: 15px; color: var(--faint); cursor: help; outline-offset: 3px; }
.info-tip [role="tooltip"] { display: none; position: absolute; z-index: 20; top: 25px; right: -4px; width: 240px; background: var(--ink); color: var(--surface); border-radius: 6px; padding: 12px 14px; line-height: 1.6; font-size: 12px; box-shadow: 0 4px 18px #0003; font-weight: 400; }
.info-tip:hover [role="tooltip"], .info-tip:focus [role="tooltip"] { display: block; }
.panel-open { color: inherit; background: none; border: 0; padding: 0; text-align: left; cursor: pointer; display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; }
.panel-open:focus-visible { outline: 2px solid var(--chart); outline-offset: 6px; }
.panel-value { font-size: clamp(28px, 2.8vw, 42px); line-height: 1.2; letter-spacing: -1.5px; font-weight: 600; }
.panel-chart { display:block; position:relative; flex:1; width:100%; min-height:80px; margin-top:9px; }
.panel-chart .trend-chart { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.overview-panel > header > .info-tip { margin-left:4px; vertical-align:middle; font-weight:400; }
.overview-panel .info-tip { position:static; }
.overview-panel .info-tip [role="tooltip"] { top:48px; left:12px; right:12px; width:auto; }
.trend-chart text { font-family: var(--sans); font-size: 11px; fill: var(--faint); }
.chart-grid { stroke: var(--chart-grid); stroke-width: 1; }
.chart-line { stroke: var(--chart); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.chart-point { fill: var(--chart); stroke: var(--surface); stroke-width: 1.5; }
.chart-point--partial { fill: var(--surface); stroke: var(--chart); stroke-width: 2; }
.chart-point[role="button"], .chart-hit { cursor: pointer; }
.chart-point[role="button"]:focus { outline: 2px solid var(--ink); }
.partial-week { fill: var(--chart-soft); opacity: .3; }
.trend-chart .chart-empty { font-size: 15px; fill: var(--muted); }
.outcome-series { fill: var(--series-color, var(--chart)); }
.outcome-series-0 { --series-color:#8590a2; }.outcome-series-1 { --series-color:#267e5c; }
.outcome-series-2 { --series-color:#4474cf; }.outcome-series-3 { --series-color:#9870bf; }
.outcome-series-4 { --series-color:#ca8c25; }.outcome-series-5 { --series-color:#bd627a; }
.outcome-series-6 { --series-color:#567f82; }.outcome-series-7 { --series-color:#b9523a; }
.outcome-series-8 { --series-color:#967842; }.outcome-series-9 { --series-color:#658cc2; }
.chart-legend { display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;font-size:11px;color:var(--muted); }
.chart-legend li { display:flex;align-items:center;gap:5px; }
.chart-legend i { width:9px;height:9px;background:var(--series-color);display:inline-block; }
.panel-expand { position:absolute; top:17px; right:17px; display:flex; color:var(--chart); }
:root[data-mode="dark"] .app-brand img, :root[data-mode="dark"] .brand-signature img { filter: brightness(0) invert(1); }
#metric-detail { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; background: var(--surface); color: var(--ink); border: 0; }
#metric-detail[open] { display: flex; flex-direction: column; }
#metric-detail::backdrop { background: #0d1738a6; }
.detail-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 34px; border-bottom: 1px solid var(--border); flex: 0 0 auto; gap: 20px; }
.detail-eyebrow { color: var(--faint); font-size: 12px; }
.detail-header h2 { font-size: 26px; letter-spacing: -.5px; margin: 4px 0 0; }
.detail-close { border: 1px solid var(--border); background: var(--surface); color: var(--ink); padding: 8px 14px; border-radius: 5px; cursor: pointer; }
.detail-close span { margin-left: 12px; font-size: 20px; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); min-height: 0; flex: 1; }
.detail-graph { padding: 35px 32px; display: flex; flex-direction: column; min-height: 0; overflow-y: auto; }
.detail-value { font-size: 50px; font-weight: 600; letter-spacing: -1.5px; }
.detail-value > span { display: block; font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--muted); margin-top: 4px; }
.detail-graph .trend-chart { width: 100%; flex: 1; min-height: 220px; }
.detail-chart-footer { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }
.detail-sidebar { border-left: 1px solid var(--border); background: var(--field); padding: 25px 28px; overflow-y: auto; min-width: 0; font-size: 13px; }
.detail-sidebar h3 { font-size: 14px; margin: 23px 0 8px; }
.detail-sidebar p { line-height: 1.65; }
.detail-period { display: flex; flex-direction: column; gap: 8px; color: var(--muted); }
.detail-period select { width: 100%; padding: 7px; }
.detail-observation { border-top: 1px solid var(--border); margin-top: 22px; }
.observation-value { font-size: 30px; }
.observation-value small { font-size: 11px; color: var(--muted); margin-left: 6px; }
.detail-state { color: var(--muted); font-size: 12px; line-height: 1.6; }
.detail-sidebar details { padding: 14px 0; border-top: 1px solid var(--border); }
.detail-sidebar summary { font-weight: 600; cursor: pointer; }
.detail-breakdown, .evidence-list { list-style: none; padding: 0; }
.detail-breakdown li { display: flex; justify-content: space-between; padding: 5px 0; gap: 12px; }
.evidence-list li { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.evidence-list span, .evidence-list small { color: var(--muted); font-size: 11px; }
.detail-provenance div { margin: 12px 0; }.detail-provenance dt { color: var(--muted); }.detail-provenance dd { margin: 3px 0; overflow-wrap: anywhere; font-size: 11px; }
@media (max-width: 1150px), (max-height: 700px) {
  .overview-page { height: auto; min-height: 100dvh; }
  .overview-page #dashboard-content { display: block; }
  .overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(310px,auto); grid-template-rows: none; }
  .overview-panel { min-height: 310px; }
  .overview-page #selection-status { flex-basis: 100%; margin: 0; }
}
@media (max-width: 720px) {
  .overview-grid { grid-template-columns: 1fr; }
  .overview-page #dashboard-content { padding: 0 12px 12px; }
  .overview-page .control-strip { padding: 10px 12px; gap: 8px; }
  .overview-page .app-title { display: none; }
  .detail-layout { display: block; overflow-y: auto; }
  .detail-graph { padding: 22px 16px; overflow: visible; }
  .detail-sidebar { border-left: 0; border-top: 1px solid var(--border); overflow: visible; }
  .detail-header { padding: 15px; }.detail-header h2 { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.panel-chart .trend-chart text { font-size:11px; }
.panel-chart .trend-chart .chart-empty { font-size:12px; }

#selection-status[data-freshness="stale"], #selection-status[data-freshness="failed"] { color: var(--ink); font-weight: 600; }

/* Metric-specific evidence: calculations and compact visuals before optional source detail. */
.detail-sidebar > .metric-help { margin-top: 14px; }
.detail-observation { margin-top: 16px; }
.detail-observation .detail-agent { color: var(--muted); font-size: 11px; margin: 16px 0 5px; }
.observation-value { font-size: 28px; display: flex; align-items: center; gap: 10px; }
.metric-help { font-size: 11px; letter-spacing: 0; font-weight: 400; }
.metric-help [role="tooltip"] { left: 0; right: auto; width: 200px; max-width: 60vw; }
.metric-coverage .metric-help [role="tooltip"] { left: auto; right: 0; }
.metric-formula { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 12px 14px; margin: 15px 0; display: flex; flex-direction: column; gap: 5px; }
.metric-formula > span { text-transform: uppercase; letter-spacing: .08em; font-size: 9px; color: var(--muted); }
.metric-formula strong { font-size: 13px; font-weight: 500; }
.metric-rule { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin: 16px 0; font-size: 10px; color: var(--muted); }
.metric-rule span { padding: 7px; border: 1px solid var(--border); border-radius: 4px; text-align: center; flex: 1; }
.metric-rule b { color: var(--chart); }
.metric-tiles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.metric-tiles div { min-width: 0; }
.metric-tiles dd { margin: 0 0 4px; font-size: 21px; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.metric-tiles dt { font-size: 10px; color: var(--muted); line-height: 1.5; }
.metric-bars { list-style: none; padding: 0; margin: 17px 0; }
.metric-bars li { margin: 0 0 12px; }
.metric-bars li > div:first-child { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; margin-bottom: 5px; }
.metric-bars span { overflow-wrap: anywhere; }
.metric-bars strong { white-space: nowrap; font-variant-numeric: tabular-nums; }
.metric-track { height: 7px; background: var(--border); border-radius: 3px; overflow: hidden; }
.metric-track i { display: block; height: 100%; background: var(--series-color,var(--chart)); border-radius: inherit; }
.metric-coverage { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; }
.metric-coverage strong { font-size: 13px; }
.detail-sidebar .metric-note { font-size: 11px; color: var(--muted); line-height: 1.5; margin: 10px 0; }
.metric-warning { font-size: 11px; padding: 8px 10px; background: var(--warn-bg); color: var(--warn-text); border-radius: 4px; margin: 10px 0; }
.detail-sidebar h4 { font-size: 11px; margin: 17px 0 8px; font-weight: 600; }
.detail-sidebar .metric-fold { padding: 12px 0; }
.metric-fold > summary { font-size: 11px; font-weight: 500; }
.metric-table-wrap { overflow-x: auto; margin: 12px 0; }
.metric-table { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
.metric-table th { font-weight: 500; font-size: 10px; color: var(--muted); }
.metric-table td,.metric-table th { border-bottom: 1px solid var(--border); padding: 9px 6px; vertical-align: top; overflow-wrap: anywhere; }
.metric-table td:first-child,.metric-table th:first-child { padding-left: 0; }
.metric-table td > span { overflow-wrap: anywhere; }
.metric-table a { overflow-wrap: anywhere; }
.metric-yes { color: var(--ok-text); }.metric-missing { color: var(--warn-text); }
.metric-secondary { font-size: 20px; margin: 12px 0; }
.metric-repos { list-style: none; padding: 0; }
.metric-repos li { display: flex; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 12px; overflow-wrap: anywhere; }
.metric-repos li > span { color: var(--chart); font-size: 21px; }

/* Approved HUD and Factory concepts. Classic deliberately inherits none of this block. */
:root[data-theme="hud"] {
  --ink:#183c40; --muted:#3e6067; --faint:#47676d; --field:#e4edee; --surface:#f1f7f6;
  --border:#a5b9bb; --divider:#cedbda; --chart:#176b59; --chart-soft:#c5ddd5; --chart-grid:#bbceca;
  --link:#155b52; --primary:#176b59; --primary-tint:#d0e6df; --primary-hover:#176b59;
  --rail:94px;
  --overview-radius:0; --overview-shadow:none;
}
:root[data-theme="hud"][data-mode="dark"] {
  --ink:#f0f7f8; --muted:#bacdd1; --faint:#adc2c8; --field:#172633; --surface:#203442;
  --border:#4e6775; --divider:#3c5563; --chart:#84e6c4; --chart-soft:#314e51; --chart-grid:#46616c;
  --link:#a4f0d8; --primary:#84e6c4; --primary-tint:#294c4b; --primary-hover:#a4f0d8;

}
:root[data-theme="factory"] {
  --ink:#252820; --muted:#51574b; --faint:#59604f; --field:#eeeFE8; --surface:#f8f8f2;
  --border:#b6bcae; --divider:#d4d8cc; --chart:#436e36; --chart-soft:#d2ddcb; --chart-grid:#c7cfc0;
  --link:#85400c; --primary:#974313; --primary-tint:#f2e4d6; --primary-hover:#85400c;
  --rail:120px;
  --overview-radius:0; --overview-shadow:none; --signal:#974313;
}
:root[data-theme="factory"][data-mode="dark"] {
  --ink:#f2f3ed; --muted:#b7bbac; --faint:#a5ad98; --field:#090b09; --surface:#0f120e;
  --border:#32382c; --divider:#292e25; --chart:#afce9b; --chart-soft:#273220; --chart-grid:#333e2d;
  --link:#f5b27b; --primary:#ef8a41; --primary-tint:#271d13; --primary-hover:#f5b27b;
  --signal:#ef8a41;
}
:root:is([data-theme="hud"],[data-theme="factory"]) {
  --gray-1:var(--ink); --gray-2:var(--ink); --gray-3:var(--muted); --gray-4:var(--faint);
  --gray-6:var(--border); --gray-7:var(--field); --gray-8:var(--surface);
}
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-page {
  background-color:var(--field);
}
:root:is([data-theme="hud"],[data-theme="factory"]) .app-header { padding:0 22px; }
:root:is([data-theme="hud"],[data-theme="factory"]) .app-title { text-align:left; text-transform:uppercase; letter-spacing:.12em; font-family:var(--mono); font-size:11px; }
:root:is([data-theme="hud"],[data-theme="factory"]) .app-brand img { height:24px; }
:root:is([data-theme="hud"],[data-theme="factory"]) .avatar { border:1px solid var(--border); background:var(--field); color:var(--muted); border-radius:0; }
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-heading { flex-basis:48px; }
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-heading h1 { font-family:var(--mono); font-size:16px; text-transform:uppercase; letter-spacing:.14em; font-weight:400; }
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-panel {
  border:1px solid var(--border); padding:20px 18px 12px;
  background:color-mix(in srgb,var(--surface) 65%,transparent);
}
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-panel h2 { font-family:var(--mono); text-transform:uppercase; font-weight:400; font-size:11px; letter-spacing:.035em; }
:root:is([data-theme="hud"],[data-theme="factory"]) .overview-page :is(select,#mode-toggle,.detail-close,.metric-formula,.metric-rule span) { border-radius:0; font-family:var(--mono); }
:root:is([data-theme="hud"],[data-theme="factory"]) .trend-chart text { font-family:var(--mono); }
:root:is([data-theme="hud"],[data-theme="factory"]) .chart-line { stroke-width:2; }
:root:is([data-theme="hud"],[data-theme="factory"]) .chart-grid { stroke-dasharray:2 3; }
:root:is([data-theme="hud"],[data-theme="factory"]) #metric-detail {
  background-color:var(--field);
}
:root:is([data-theme="hud"],[data-theme="factory"]) .detail-header { background:var(--surface); }
:root:is([data-theme="hud"],[data-theme="factory"]) .detail-header h2 { font-family:var(--mono); text-transform:uppercase; font-size:22px; font-weight:400; }
:root:is([data-theme="hud"],[data-theme="factory"]) .detail-sidebar { background:color-mix(in srgb,var(--surface) 90%,transparent); }
:root[data-theme="hud"] .panel-value { font-family:var(--mono); font-size:clamp(28px,2.6vw,40px); letter-spacing:-2px; font-weight:700; }
:root[data-theme="hud"] .detail-value { font-family:var(--mono); font-weight:700; }
:root[data-theme="factory"] .overview-page { font-family:var(--mono); }
:root[data-theme="factory"] :is(.panel-value,.detail-value) { font-family:var(--sans); font-weight:300; font-size:clamp(36px,3.4vw,52px); letter-spacing:-2px; }
:root[data-theme="factory"] .overview-panel { background-color:transparent; }
:root[data-theme="factory"] :is([data-metric="human-effort"],[data-metric="cost"]) { --chart:var(--signal); }
:root[data-theme="factory"] .chart-line { stroke-width:2.2; }
:root[data-theme="factory"] .chart-point { stroke-width:1; }
:root[data-theme="factory"] .chart-grid { stroke-dasharray:none; opacity:.8; }
/* Series keep their existing identities and legends; palette changes convey no new status. */
:root[data-theme="hud"] .outcome-series-0 { --series-color:#718e94; }
:root[data-theme="hud"] .outcome-series-1 { --series-color:#408c73; }
:root[data-theme="hud"] .outcome-series-2 { --series-color:#81c8ac; }
:root[data-theme="hud"] .outcome-series-3 { --series-color:#708bb5; }
:root[data-theme="hud"] .outcome-series-4 { --series-color:#baa275; }
:root[data-theme="hud"] .outcome-series-5 { --series-color:#ac7d90; }
:root[data-theme="hud"] .outcome-series-6 { --series-color:#58a9a5; }
:root[data-theme="hud"] .outcome-series-7 { --series-color:#c38669; }
:root[data-theme="hud"] .outcome-series-8 { --series-color:#869c62; }
:root[data-theme="hud"] .outcome-series-9 { --series-color:#a6bbcf; }
:root[data-theme="factory"] .outcome-series-0 { --series-color:#858c7d; }
:root[data-theme="factory"] .outcome-series-1 { --series-color:#799967; }
:root[data-theme="factory"] .outcome-series-2 { --series-color:#d78242; }
:root[data-theme="factory"] .outcome-series-3 { --series-color:#b7b59c; }
:root[data-theme="factory"] .outcome-series-4 { --series-color:#b9a369; }
:root[data-theme="factory"] .outcome-series-5 { --series-color:#ac8270; }
:root[data-theme="factory"] .outcome-series-6 { --series-color:#6a9580; }
:root[data-theme="factory"] .outcome-series-7 { --series-color:#b15b35; }
:root[data-theme="factory"] .outcome-series-8 { --series-color:#8c855c; }
:root[data-theme="factory"] .outcome-series-9 { --series-color:#b6cea6; }
@media (min-width:1151px) and (min-height:701px) {
  :root:is([data-theme="hud"],[data-theme="factory"]) .overview-page :is(.control-strip,#dashboard-content,.brand-signature) { margin-left:var(--rail); width:calc(100% - var(--rail)); }
  :root:is([data-theme="hud"],[data-theme="factory"]) .app-header nav { position:absolute; left:0; top:48px; bottom:0; width:var(--rail); padding:24px 7px; border-right:1px solid var(--border); background:var(--surface); }
  :root:is([data-theme="hud"],[data-theme="factory"]) .section-menu { flex-direction:column; align-items:stretch; gap:14px; }
  :root:is([data-theme="hud"],[data-theme="factory"]) .section-menu a { padding:12px 5px; border-radius:0; font-family:var(--mono); font-size:11px; text-align:center; }
  :root:is([data-theme="hud"],[data-theme="factory"]) .section-menu a[aria-current] { border-left:2px solid var(--primary); color:var(--link); }
  :root:is([data-theme="hud"],[data-theme="factory"]) .overview-page .app-title { margin-left:18px; }
}
@media (max-width:720px) {
  :root:is([data-theme="hud"],[data-theme="factory"]) .detail-header h2 { font-size:17px; }
  :root:is([data-theme="hud"],[data-theme="factory"]) .overview-page .app-header { padding:0 12px; }
  :root[data-theme="factory"] .panel-value { font-size:40px; }
}

/* Currency ticks can extend left of the SVG plot box; preserve the label in the panel padding. */
:root:is([data-theme="hud"],[data-theme="factory"]) .panel-open .trend-chart { overflow:visible; }

/* Light canvases need darker data marks; retain the pale instrument palette in dark mode. */
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-0 { --series-color:#526c72; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-1 { --series-color:#286b57; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-2 { --series-color:#377d73; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-3 { --series-color:#526992; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-4 { --series-color:#7e653c; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-5 { --series-color:#87566b; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-6 { --series-color:#327778; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-7 { --series-color:#925736; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-8 { --series-color:#596b37; }
:root[data-theme="hud"]:not([data-mode="dark"]) .outcome-series-9 { --series-color:#576f85; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-0 { --series-color:#61695a; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-1 { --series-color:#526d40; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-2 { --series-color:#a45119; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-3 { --series-color:#797858; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-4 { --series-color:#7b6835; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-5 { --series-color:#85563d; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-6 { --series-color:#426d5d; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-7 { --series-color:#9b4c24; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-8 { --series-color:#686037; }
:root[data-theme="factory"]:not([data-mode="dark"]) .outcome-series-9 { --series-color:#5d7749; }
@media (max-width:1150px), (max-height:700px) {
  /* Wrapped controls take their own height instead of overlapping the first chart. */
  :root:is([data-theme="hud"],[data-theme="factory"]) .overview-page .control-strip { flex-basis:auto; }
}