/* Zoho light-theme override for the legacy dark pages (billing / review / login /
   about). It re-maps style.css's CSS variables to the Zoho light palette and
   switches the font to Inter, so those pages match the redesigned main app and
   dashboard WITHOUT rewriting their markup or JS. Load AFTER style.css. */
:root{
  --bg:#f4f6f9; --bg-2:#ffffff; --panel:#ffffff; --panel-2:#f6f8fb;
  --border:#e6eaf0; --border-soft:#eef1f5;
  --text:#1b2733; --muted:#556577;
  --accent:#2b7de9; --accent-2:#1c6fd6; --accent-3:#2b7de9;
  --green:#2fa96b; --amber:#d98b16; --red:#e0524d;
  --shadow:0 1px 2px rgba(27,39,51,.05), 0 6px 20px rgba(27,39,51,.05);
  --shadow-sm:0 1px 2px rgba(27,39,51,.06);
  --radius:12px;
  --grad:linear-gradient(135deg,#2b7de9,#1c6fd6);
  color-scheme:light;
}
body{
  background:var(--bg); color:var(--text);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.btn{background:#fff}
.btn.primary,.btn:where(.primary){background:var(--accent);color:#fff;border-color:var(--accent)}
/* keep code/pre blocks readable on light */
.transcript,pre{background:var(--panel-2);color:var(--text);border-color:var(--border)}
/* table zebra + headers on light */
.ctable th{color:var(--muted)}
.ctable td{color:var(--text)}
a{color:var(--accent-2)}
/* KPI cards: value text was white (gradient/clip) on the dark theme — force dark
   ink so numbers are visible on the light cards. */
.card-value{color:var(--text) !important;-webkit-text-fill-color:var(--text) !important;background:none !important}
.card-label{color:var(--muted)}
.card-sub{color:var(--muted)}
.card{background:var(--panel);border-color:var(--border)}
.esttag,.muted{color:var(--muted)}
/* Headings & brand text were tuned for the dark theme (white / gradient-clip);
   force dark ink so they read on light. */
h1,h2,h3,.topbar h1,.brand h1{color:var(--text);-webkit-text-fill-color:var(--text);background:none}
.sub{color:var(--muted)}