/* Command Center, the super admin home (admin redesign phase 5, decisions
   145–150; Ledger 2 phase 6, decision 344; superadmin/_dashboard_content.html).
   One column on every screen, in the page's reading order: Needs attention
   (full width, only when something needs you), the 4 figure cards, Tickets
   sold beside On sale now (.lg-pair, event-dash.css: side by side from 64em,
   the chart sets the height), System health as one row of group tiles.
   Role tokens only. */

.lg-cc__body { display: flex; flex-direction: column; gap: var(--space-4); }
.lg-cc__attn, .lg-cc__kpi { min-inline-size: 0; }
.lg-cc__updated { margin: 0; color: var(--text-muted); font-size: var(--size-caption); }
.lg-cc__section { margin: 0; font-size: var(--size-section); line-height: var(--leading-section); font-weight: 600; letter-spacing: -0.01em; }

/* On sale now: one row per event (title + money, sub line, sold bar). In the
   pair it shows as many whole rows as fit (data-lg-fit, js/v3/fit.js). */
.lg-cc__events { list-style: none; margin: 0; padding: 0; }
.lg-cc__event {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-1) var(--space-3);
  padding-block: var(--space-3);
  border-top: 1px solid var(--border);
}
.lg-cc__event:first-child { border-top: 0; padding-top: 0; }
.lg-cc__event-title { font-weight: 600; color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
a.lg-cc__event-title:focus-visible { outline: var(--focus-ring) solid var(--focus); outline-offset: 2px; border-radius: var(--radius-pill); }
@media (hover: hover) and (pointer: fine) { a.lg-cc__event-title:hover { color: var(--primary); } }
.lg-cc__event-money { font-family: var(--font-mono); white-space: nowrap; }
.lg-cc__event-sub { grid-column: 1 / -1; color: var(--text-muted); font-size: var(--size-caption); }
.lg-cc__event > :last-child:not(.lg-cc__event-sub) { grid-column: 1 / -1; }

/* System health (344): the System health page's tiles (system-health.css),
   here links to that page. One row on desktop; they wrap (never squeeze)
   below about 9rem each. Fine tiles carry no second line, so a row stays
   one height. */
.lg-cc__health { display: flex; flex-direction: column; gap: var(--space-3); min-inline-size: 0; }
.lg-cc__health .lg-cc__tiles > li { flex-basis: 9rem; }   /* beats .lg-sh__tiles > li (loaded later) */
a.lg-sh__tile { text-decoration: none; }