.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.overview-heading h2{margin:6px 0}
.overview-heading p{margin-bottom:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric-card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-surface)}
.metric-card{padding:20px}
.metric-card span{display:block;color:var(--color-text-muted);font-size:.875rem}
.metric-card strong{display:block;margin-top:10px;font-size:1.6rem}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:16px;margin-top:16px}
.panel{padding:20px}
.panel-heading{display:flex;justify-content:space-between;align-items:center}
.panel-heading h3{margin:0}
.queue-list{display:grid;gap:10px;margin-top:16px}
.queue-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--color-border)}
.queue-item strong{font-size:.875rem}
.queue-item span{color:var(--color-text-muted)}
.health-list{margin:8px 0 0}
.health-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--color-border)}
.health-list dd{margin:0;font-weight:700;text-align:right}
@media(max-width:1100px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .metric-grid{grid-template-columns:1fr}
  .overview-heading{align-items:start;flex-direction:column}
  .metric-card strong{font-size:1.35rem}
  .queue-item{grid-template-columns:1fr}
}