.overview-band{padding:22px 0;border-bottom:1px solid var(--line)}
.overview-band:first-child{padding-top:0}
.overview-band h3{font-size:19px;line-height:1.3;margin:0}
.overview-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:20px 0 0}
.overview-metrics>div{min-width:0;padding-left:12px;border-left:3px solid var(--green)}
.overview-metrics>div:nth-child(2n){border-left-color:var(--yellow)}
.overview-metrics dt{font-size:13px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.overview-metrics dd{font-size:25px;font-weight:bold;margin:7px 0 0;line-height:1.2;font-variant-numeric:tabular-nums}
.overview-date,#overview-updated{font-size:13px;color:var(--muted);line-height:1.5}
.overview-date{margin-top:18px}
.overview-unavailable{color:var(--red);font-size:14px}
#overview-refresh{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}
@media(min-width:781px){
  .app-shell>aside{overflow:hidden}
  .app-shell>aside nav{min-height:0;flex:1;overflow-y:auto;align-content:start}
  .app-shell>aside>.brand-logo,.app-shell>aside>.account-card{flex-shrink:0}
}
@media(max-width:780px){
  .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .overview-band .section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .overview-band .text-command{white-space:normal;text-align:left;max-width:100%}
}
