/* ============================================================
   midnight.css — midnight theme rules, split out of overrides.css.
   Loaded after overrides.css (these are :root[data-theme="midnight"]
   rules, higher specificity, so file order is immaterial).
   ============================================================ */
:root[data-theme="midnight"] .tabs { border-bottom: 1px solid var(--border); gap: 22px; align-items: center; }:root[data-theme="midnight"] .tab-group { gap: 22px; }:root[data-theme="midnight"] .tab {
  border-bottom: 1px solid transparent; margin-bottom: -1px; border-radius: 0;
  padding: 8px 0; background: transparent; color: var(--text-muted); letter-spacing: 0.03em;
}:root[data-theme="midnight"] .tab .icon-svg { display: none; }:root[data-theme="midnight"] .tab:hover:not(.active) { color: var(--text); background: transparent; }:root[data-theme="midnight"] .tab.active,
:root[data-theme="midnight"] .tab[aria-selected="true"],
:root[data-color-scheme="dark"][data-theme="midnight"] .tab.active,
:root[data-color-scheme="dark"][data-theme="midnight"] .tab[aria-selected="true"] {
  background: transparent; color: var(--accent-gold); border-bottom-color: var(--accent-gold);
}:root[data-theme="midnight"] .stat-card .value,
:root[data-theme="midnight"] #netWorthCurrent,
:root[data-theme="midnight"] #retirementFinal,
:root[data-theme="midnight"] #debtTotal { font-weight: 500; letter-spacing: 0.005em; }:root[data-theme="midnight"] .stats-grid {
  gap: 1px; background: var(--border); border: 1px solid var(--border);
  border-radius: var(--r-xl); overflow: hidden;
}:root[data-theme="midnight"] .stat-card { background: var(--surface); border: none; border-radius: 0; padding: 24px 26px; box-shadow: none; }:root[data-theme="midnight"] .stat-card:hover { transform: none; box-shadow: none; border-color: transparent; background: var(--surface-elevated); }:root[data-theme="midnight"] .stat-card .icon { display: none; }:root[data-theme="midnight"] .stat-card .label { color: var(--text-subtle); letter-spacing: 0.14em; font-weight: 600; margin-bottom: 12px; }:root[data-theme="midnight"] .stat-card .value { font-size: 30px; line-height: 1.05; }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child { background: var(--surface); border-color: transparent; color: var(--text); }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child::after { content: none; }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child .icon { display: none; }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child .label { color: var(--text-subtle); }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child .value { color: var(--text); font-size: 30px; font-variation-settings: normal; }:root[data-theme="midnight"] .stats-grid > .stat-card:first-child .change,
:root[data-theme="midnight"] .stats-grid > .stat-card:first-child .sublabel { color: var(--text-muted); }:root[data-theme="midnight"] .chart-container { background: var(--surface); border-color: var(--border); border-radius: 18px; padding: 26px 28px; }:root[data-theme="midnight"] .chart-title { font-size: 21px; font-weight: 500; }:root[data-theme="midnight"] .chart-header { border-bottom: 1px solid var(--border); }:root[data-theme="midnight"] .badge {
  background: transparent; border: 1px solid var(--border-strong); color: var(--primary);
  font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; padding: 2px 8px; font-weight: 600;
}:root[data-theme="midnight"] .badge--warning,
:root[data-theme="midnight"] .badge--danger { background: transparent; border-color: var(--secondary); color: var(--secondary); }:root[data-theme="midnight"] .section-title,
:root[data-theme="midnight"] .header h1 { font-weight: 500; }:root[data-theme="midnight"] { --ledger-pad-v: 10px; --ledger-pad-h: 15px; --ledger-font: 12.5px; }:root[data-theme="midnight"] #mainSystem > .stats-grid { grid-template-columns: repeat(5, 1fr); }@media (max-width: 1024px) {:root[data-theme="midnight"] #mainSystem > .stats-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 600px) {:root[data-theme="midnight"] #mainSystem > .stats-grid { grid-template-columns: 1fr; }}:root[data-theme="midnight"] .tab { padding: 8px 0 12px; }:root[data-theme="midnight"] .chart-header { border-bottom-style: solid; }:root[data-theme="midnight"] .stat-card .value { font-variation-settings: normal; }