/* The overview is an operational surface; values are sourced from scoped API records. */
#operational-dashboard{--dashboard-surface:var(--surface-card);--dashboard-track:var(--surface-button);min-width:0;font-size:var(--text-sm);line-height:1.5;padding:0 0 18px}
#operational-dashboard h2{font:600 var(--text-body)/1.4 system-ui,sans-serif;margin:0;letter-spacing:0}
#operational-dashboard h3{font:600 var(--text-md)/1.4 system-ui,sans-serif;margin:0}
#operational-dashboard a{text-underline-offset:3px}
.dashboard-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;margin:2px 0 24px;font-size:var(--text-2xs);color:var(--muted)}
.dashboard-scope{display:flex;align-items:center;gap:7px}.dashboard-scope::before{content:'';width:6px;height:6px;border:1px solid var(--control-border);border-radius:50%}
.dashboard-updated{margin-left:auto;font-variant-numeric:tabular-nums}.dashboard-refresh{padding:7px 12px;font-size:var(--text-2xs)}
.dashboard-refresh[aria-disabled=true]{opacity:.6;cursor:progress}
.dashboard-load-error{margin:0 0 18px;border-left:3px solid var(--gold-strong);background:var(--surface-cream);padding:10px 12px;color:var(--text-ochre);font-size:var(--text-xs)}
.dashboard-panel-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:17px;min-width:0}
.dashboard-view-all{margin-left:auto;white-space:nowrap;font-size:var(--text-2xs);font-weight:600;text-decoration:none}
.dashboard-panel-heading>.context-help{margin:0 0 0 auto}.dashboard-panel-heading>.dashboard-view-all+.context-help{margin-left:0}
.dashboard-panel-heading>.context-help .help-content{left:auto;right:0}
.dashboard-flow{margin:0 0 20px}.dashboard-flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch}
.dashboard-flow-card{background:var(--dashboard-surface);border:1px solid var(--line);border-radius:7px;padding:17px 18px;min-width:0}
.dashboard-flow-heading{display:flex;align-items:center;gap:10px}.dashboard-step{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border:1px solid var(--border-moss);border-radius:5px;color:var(--text-sage);font:var(--text-2xs) ui-monospace,monospace;background:var(--surface-sage)}
.dashboard-flow-arrow{align-self:center;justify-self:center;color:var(--text-subtle);font-size:var(--text-2xl)}
.dashboard-primary-metric{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:9px;text-decoration:none;color:var(--ink);margin:19px 0 18px}
.dashboard-primary-metric>span:nth-child(2){font-size:var(--text-2xs);color:var(--muted);line-height:1.35;max-width:85px}
.dashboard-count{font:600 var(--text-6xl)/1.2 system-ui,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--ink)}
.dashboard-metric-arrow{color:var(--green-soft);font-size:var(--text-body)}.dashboard-primary-metric:hover .dashboard-metric-arrow{color:var(--green)}
.dashboard-minor-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:12px}
.dashboard-minor-metric{display:flex;flex-direction:column;gap:3px;text-decoration:none;min-width:0}.dashboard-minor-metric>strong{color:var(--ink);font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums}.dashboard-minor-metric>span{font-size:var(--text-2xs);line-height:1.4;color:var(--muted)}
.dashboard-minor-metric:hover>span,.dashboard-primary-metric:hover>span:nth-child(2){color:var(--green);text-decoration:underline}
.dashboard-distribution-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin:20px 0}
.dashboard-panel{min-width:0;background:var(--dashboard-surface);border:1px solid var(--line);border-radius:7px;padding:18px}
.dashboard-bars{display:grid;gap:12px}.dashboard-bar-row{display:grid;grid-template-columns:82px minmax(0,1fr) 36px;align-items:center;gap:12px;font-size:var(--text-2xs)}.dashboard-bar-label{color:var(--muted)}.dashboard-bar-count{text-align:right;font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}
.dashboard-bar-row meter,.dashboard-bar-unavailable{appearance:none;-webkit-appearance:none;border:0;background:var(--dashboard-track);height:8px;width:100%;border-radius:2px;overflow:hidden}
.dashboard-bar-row meter::-webkit-meter-bar{background:var(--dashboard-track);border:0;border-radius:2px;height:8px}
.dashboard-bar-row meter::-webkit-meter-optimum-value{background:var(--green-soft);border-radius:2px}
.dashboard-bar-row meter::-moz-meter-bar{background:var(--green-soft);border-radius:2px}
.dashboard-bar-row[data-run-status=queued] meter::-webkit-meter-optimum-value,.dashboard-bar-row[data-run-status=cancelled] meter::-webkit-meter-optimum-value{background:var(--text-subtle)}
.dashboard-bar-row[data-run-status=queued] meter::-moz-meter-bar,.dashboard-bar-row[data-run-status=cancelled] meter::-moz-meter-bar{background:var(--text-subtle)}
.dashboard-bar-row[data-run-status=running] meter::-webkit-meter-optimum-value{background:var(--teal)}.dashboard-bar-row[data-run-status=running] meter::-moz-meter-bar{background:var(--teal)}
.dashboard-bar-row[data-run-status=failed] meter::-webkit-meter-optimum-value{background:var(--error-soft)}.dashboard-bar-row[data-run-status=failed] meter::-moz-meter-bar{background:var(--error-soft)}
.dashboard-bar-row[data-run-status=interrupted] meter::-webkit-meter-optimum-value{background:var(--gold)}.dashboard-bar-row[data-run-status=interrupted] meter::-moz-meter-bar{background:var(--gold)}
.dashboard-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-attention-item{display:flex;flex-direction:column;gap:7px;text-decoration:none;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--surface-sage)}.dashboard-attention-item>span:last-child{font-size:var(--text-2xs);color:var(--muted)}.dashboard-attention-item>.dashboard-count{font-size:var(--text-5xl)}.dashboard-attention-item:hover{border-color:var(--border-accent-soft)}.dashboard-attention-reassess{background:var(--surface-cream);border-color:var(--border-sand)}.dashboard-attention-reassess>.dashboard-count{color:var(--text-ochre)}
.dashboard-review-decisions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;font-size:var(--text-2xs);margin:15px 0 0;color:var(--muted)}.dashboard-review-decisions dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.dashboard-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dashboard-record-list{list-style:none;padding:0;margin:0}.dashboard-record{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 12px;border-top:1px solid var(--line);padding:12px 0}.dashboard-record:first-child{border-top:0;padding-top:0}.dashboard-record:last-child{padding-bottom:0}.dashboard-record-primary{display:flex;flex-direction:column;gap:4px;min-width:0;grid-row:span 2}.dashboard-record-title{font-weight:600;font-size:var(--text-sm);align-self:start;overflow-wrap:anywhere}.dashboard-record-detail{color:var(--muted);font:var(--text-xs)/1.4 ui-monospace,monospace;overflow-wrap:anywhere}.dashboard-record>time,.dashboard-record>.dashboard-muted{font-size:var(--text-2xs);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.dashboard-status{justify-self:end;padding:3px 6px;border-radius:3px;border:1px solid var(--border-sage);background:var(--surface-sage);color:var(--text-sage);font-size:var(--text-2xs);line-height:1.4;white-space:nowrap}.dashboard-status-succeeded{color:var(--success-strong);background:var(--surface-button);border-color:var(--border-moss)}.dashboard-status-running{color:var(--teal-strong);background:var(--info-surface);border-color:var(--border-cool)}.dashboard-status-failed{color:var(--text-rust);background:var(--error-surface);border-color:var(--error-border)}.dashboard-status-interrupted{color:var(--text-ochre);background:var(--surface-cream);border-color:var(--border-sand)}
.dashboard-empty{font-size:var(--text-xs);color:var(--muted);margin:14px 0 0}.dashboard-muted{color:var(--muted)}
@media(min-width:1450px){.dashboard-flow-card{padding:21px 23px}.dashboard-primary-metric>span:nth-child(2){max-width:none}.dashboard-count{font-size:var(--text-7xl)}}
@media(max-width:1100px){.dashboard-flow-grid{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)}.dashboard-flow-card{padding:15px 13px}.dashboard-primary-metric{grid-template-columns:auto 1fr;gap:5px 8px}.dashboard-metric-arrow{display:none}.dashboard-primary-metric>span:nth-child(2){max-width:none}.dashboard-recent-grid{grid-template-columns:1fr}.dashboard-panel{padding:16px}.dashboard-minor-metrics{gap:7px}.dashboard-bar-row{grid-template-columns:70px minmax(0,1fr) 26px;gap:8px}}
@media(max-width:760px){.dashboard-distribution-grid{grid-template-columns:1fr}.dashboard-flow-grid{grid-template-columns:1fr}.dashboard-flow-card{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px}.dashboard-flow-heading{grid-column:1/-1}.dashboard-flow-arrow{height:27px;line-height:27px;transform:rotate(90deg)}.dashboard-primary-metric{margin:7px 0;align-self:center}.dashboard-minor-metrics{padding:9px 0 9px 14px;border-top:0;border-left:1px solid var(--line);align-self:center}.dashboard-count{font-size:var(--text-5xl)}.dashboard-toolbar{gap:8px;margin-bottom:18px}.dashboard-scope{flex:1 1 100%}.dashboard-updated{margin-left:0;margin-right:auto}.dashboard-panel-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){#operational-dashboard *{scroll-behavior:auto}}

#dashboard-decisions { margin-block: 1rem; border-inline-start: 3px solid var(--green); }
#dashboard-decisions .decision-kind + .decision-kind { margin-block-start: .75rem; }
#dashboard-decisions .decision-kind h3 { margin: 0 0 .25rem; font-size: var(--text-lg); }
#dashboard-decisions .dashboard-record { grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 2fr) auto; }
@media (max-width: 700px) {
 #dashboard-decisions .dashboard-record { grid-template-columns: 1fr; }
}