/* ============================================================
   PER-TAB METRICS v48.23 (2026-07-18)
   The container element JS still tags .mpt-grid (bookkeeping: dedup
   check, pane targeting in 72-metrics-per-tab.js) but the actual grid
   layout and card visuals now come entirely from .hero-secondary /
   .hero-secondary-card (30-hero.css) — Ali wants the Dashboard hero's
   big-card style ("+7 vs luna trecuta" style deltas, white icon next to
   a large number) on every tab, replacing the smaller boxed card row
   this file used to draw itself.
   ============================================================ */
/* .hero-secondary normally sits below the hero chart (margin-top:sp-6 for
   separation); here it's the first element in the pane instead, so that
   gap would just be dead space at the very top. */
.mpt-grid.hero-secondary {
  margin-top: 0;
  margin-bottom: var(--sp-6);
}
.mpt-loading {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--text-muted, #8b8b94);
  font-size: 13px;
  padding: 24px 8px;
  font-style: italic;
}