/* SunPay light theme (sunpaytm.quest look) - loaded on every page EXCEPT the admin console.
   Technique: the dark UI is flipped with one filter; the variables below are pre-calibrated so the
   final on-screen colours are exactly: page #eef2f8, cards #fff, text #1e2433, accent blue #3b82f6. */
html{filter:invert(1) hue-rotate(180deg)}
:root{
  --bg:#0a0e14; --bar:#000000; --bar-line:#131820;
  --card:#000000; --card2:#05070b; --card3:#0a0e14; --field:#000000;
  --line:#131820; --line2:#1f2632;
  --txt:#d5dbea; --mut:#919aac; --mut2:#646d7f; --faint:#464e5c;
  --or:#448bff; --or2:#3171d5; --or-dark:#000000; --or-bg:rgba(68,139,255,.12);
  --blue:#448bff; --blue2:#5a9cff; --blue-bg:rgba(68,139,255,.12);
  --red:#ff7272; --red2:#ff8b8b; --green:#18a54c; --green2:#4bb673; --green-t:#4bb673; --purple:#d18fff; --amber:#d16f00; --sky:#0091d5; --teal:#1fa69a;
  --shadow:0 10px 30px rgba(255,255,255,.10);
}
body::before{background:var(--bg)!important}
body::after{background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px!important}
/* white cards with a soft shadow, like the SunPay login */
.auth-card,.card,.modal-card,.stat{background:#000!important;border-color:var(--line)!important}
.auth-card{box-shadow:0 24px 60px rgba(255,255,255,.14)!important}
.card{box-shadow:0 6px 22px rgba(255,255,255,.08)}
/* keep real pictures, QR codes and the logo in their original colours */
img,video,canvas,picture,.brand-mark,[class*="qr"] svg{filter:invert(1) hue-rotate(180deg)}
/* text on coloured buttons/badges stays white */
.ab-pv.none .ab-av,
.tb-btn .dot,
.btn-blue,
.btn-green,
.btn-red,
.btn-tg,
.ig-chip.blue,
.ig-mi,
.ig-method,
.pa-live-btn.on,.pa-export-btn,
.pb-seg-o input:checked+span,
.kind-user .nav-group.open>.nav-item,
.tg-open{color:#000!important}