/* Dashboard as a board of compact cards (screen parity, visual pass): the legacy dashboard is a grid of widget
   cards with small bold headers, not a single column of full-width panels. Layout only; every widget keeps its
   own content and loading rules. Blocks are marked data-widget=… by loadOverview(). */
#overview-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:16px;align-items:start}
#overview-content>[hidden]{display:none}
#overview-content>[data-widget=operations],#overview-content>[data-widget=activity]{grid-column:1/-1}
#overview-content>[data-widget] .panel{margin:0;height:100%}
#overview-content>[data-widget]>.panel>h2,#overview-content>[data-widget] .chart>h2{font-size:.92rem;font-weight:700;letter-spacing:.01em;margin:-4px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--border)}
#overview-content>[data-widget] .muted.oc-subtitle,#overview-content>[data-widget]>.panel>p.muted{font-size:.72rem;margin:0 0 10px}
/* Registry Activity: the four monthly series side by side, so the card is a strip rather than a page. */
#overview-content>[data-widget=activity] .oc-sm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#overview-content>[data-widget=operations] .metrics{margin-bottom:12px}
/* The day-by-day figures fold away under their summary. */
.dash-daily{padding:12px 18px}
.dash-daily>summary{cursor:pointer;font-weight:600;font-size:.86rem;color:var(--text)}
.dash-daily[open]>summary{margin-bottom:10px}
#overview-content .health-grid{gap:8px}
#overview-content .health-item{padding:10px 12px}
@media(max-width:1100px){
  #overview-content{grid-template-columns:minmax(0,1fr)}
  #overview-content>[data-widget=activity] .oc-sm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Dashboard tabs (legacy order: Overview, Service Status, Infrastructure, Finance, Documentation, Stats, AI). */
.dash-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--border);margin:0 0 14px}
.dash-tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:9px 14px;font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.dash-tab:hover{color:var(--text)}
.dash-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--teal,#2563eb)}
.dash-tab:focus-visible{outline:2px solid var(--teal,#2563eb);outline-offset:-2px}
.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.dash-grid>.panel,.dash-grid>.balance-tile>.panel{margin:0}
.dash-grid .panel>h2{font-size:.92rem;font-weight:700;margin:-4px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--border)}
@media(max-width:1100px){.dash-grid{grid-template-columns:minmax(0,1fr)}}
.dash-grid>.dash-wide{grid-column:1/-1}
.dash-embedded{border:0;box-shadow:none;padding:0;margin:0;background:none}