/* Batch 2 (2026-10-23): dark theme for the mobile Home cards (Today card first).
   app-vnext.css paints these cards white in both themes while their text follows the dark
   theme, so text was light-on-white. Light theme is untouched: every rule below is scoped to
   html:not([data-theme="light"]) and to the vNext mobile breakpoint. */
@media(max-width:700px){
  html:not([data-theme="light"]) .mobile-home-card{
    --pp-ink:var(--pp-c-ink); --pp-muted:var(--pp-c-muted); --pp-line:var(--pp-c-home-line); --pp-surface:var(--pp-c-home-card); --pp-surface-soft:var(--pp-c-home-soft);
    --pp-green:var(--pp-c-accent); --pp-green-dark:var(--pp-c-accent); --pp-green-soft:rgba(77,237,170,.14);
    --text:var(--pp-c-ink); --text-dim:var(--pp-c-muted); --surface-1:var(--pp-c-home-soft); --border:var(--pp-c-home-line);
    --b1-taken-bg:var(--pp-c-accent); --b1-taken-ink:var(--pp-c-on-accent);
    --b1-btn-bg:var(--pp-c-home-soft); --b1-btn-ink:var(--pp-c-ink); --b1-btn-border:#6f9781;
    --b1-skip-ink:var(--pp-c-warn-soft-ink); --b1-miss-ink:var(--pp-c-bad-ink);
    --b1-bar-logged:var(--pp-c-accent); --b1-bar-projected:rgba(77,237,170,.34);
    --b1-note:var(--pp-c-seg-ink); --b1-label:var(--pp-c-seg-ink);
    --b1-ok-ink:var(--pp-c-pos-ink); --b1-ok-bg:rgba(74,222,128,.13); --b1-warn-bg:rgba(251,191,36,.13); --b1-bad-bg:rgba(248,113,113,.13);
    background:var(--pp-c-home-card); border-color:var(--pp-c-home-line); box-shadow:0 7px 22px rgba(0,0,0,.28); color:var(--pp-c-ink);
  }
  html:not([data-theme="light"]) .mobile-home-card.today{background:linear-gradient(145deg,var(--pp-c-tint-top) 0%,var(--pp-c-home-card) 70%);border-color:var(--pp-c-tint-border);}
  html:not([data-theme="light"]) .mobile-home-card .mobile-today-progress{background:var(--pp-c-home-soft);border-color:var(--pp-c-home-line);}
  html:not([data-theme="light"]) .mobile-home-card .mobile-today-progress strong{color:var(--pp-c-ink);}
  html:not([data-theme="light"]) .mobile-home-card .mobile-card-link{color:var(--pp-c-accent)!important;}
  /* Cycle Spend card: batch1 pinned a light palette here; give it the dark one instead. */
  html:not([data-theme="light"]) .home-cost-card{--text:var(--pp-c-ink);--text-dim:var(--pp-c-muted);--surface-1:var(--pp-c-home-soft);--border:var(--pp-c-home-line);--chart-grid:rgba(77,237,170,.18);--chart-dose-line:rgba(245,251,248,.28);color:var(--pp-c-ink);}
  html:not([data-theme="light"]) .home-cost-card .btn.small{background:var(--pp-c-accent);color:var(--pp-c-on-accent);}
  html:not([data-theme="light"]) .home-cost-card .mobile-card-link{color:var(--pp-c-accent)!important;}
  html:not([data-theme="light"]) .mobile-home-card .mobile-home-insight-row,
  html:not([data-theme="light"]) .mobile-home-card .mobile-progress-kpi,
  html:not([data-theme="light"]) .mobile-home-card .mobile-cycle-card{background:var(--pp-c-home-soft)!important;border-color:var(--pp-c-home-line)!important;color:var(--pp-c-ink)!important;}
  html:not([data-theme="light"]) .mobile-home-card .mobile-insight-icon{background:rgba(77,237,170,.14);color:var(--pp-c-accent);}
}