/* TezBill — "Calm Blue" theme · soft, low-glare, easy on the eyes (light mode only). */
:root[data-theme="light"]{
  --cm-primary:#3b63c9;      /* buttons, active nav */
  --cm-primary-h:#2f52b0;    /* hover */
  --cm-accent:#4a78d8;       /* links, eyebrows */
  --cm-ink:#1e2f4d;          /* headings / text */
  --cm-text:#46587a;
  --cm-bg:#f6f8fc;
  --cm-surface:#ffffff;
  --cm-tint:#e9f0fb;         /* table head, hover */
  --cm-line:#dde6f4;
  --cm-shadow:0 2px 10px rgba(59,99,201,.07);
}

/* ---------- Canvas ---------- */
[data-theme="light"] body.tb-app,[data-theme="light"] body.tb-guest{background:var(--cm-bg) !important;color:var(--cm-text)}

/* ---------- Sidebar ---------- */
[data-theme="light"] .tb-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f2f6fc 100%) !important;
  border-right:1px solid var(--cm-line) !important;box-shadow:2px 0 14px rgba(59,99,201,.05) !important}
[data-theme="light"] .tb-sidebar .sidebar-caption{
  display:inline-block;color:var(--cm-primary) !important;background:var(--cm-tint);padding:5px 10px;border-radius:999px;font-weight:800 !important}
[data-theme="light"] .tb-sidebar .nav-group-label{color:#8a9bb8 !important}
[data-theme="light"] .tb-nav-link{color:var(--cm-ink) !important;border-radius:12px !important;font-weight:700 !important;transition:background .15s ease}
[data-theme="light"] .tb-nav-link:hover{background:var(--cm-tint) !important;color:var(--cm-primary) !important}
[data-theme="light"] .tb-nav-link .nav-glyph{box-shadow:none !important}
[data-theme="light"] .tb-nav-link.active{background:var(--cm-primary) !important;color:#fff !important;box-shadow:0 4px 12px rgba(59,99,201,.25) !important}
[data-theme="light"] .tb-nav-link.active .nav-glyph{background:rgba(255,255,255,.22) !important;color:#fff !important}
[data-theme="light"] .sidebar-bottom-card{background:#fff8ec !important;border:1px solid #f3e3c3 !important;color:#7a5b1f !important;border-radius:16px !important;box-shadow:none !important}
[data-theme="light"] .sidebar-bottom-card small{color:#9a7a3a !important}
[data-theme="light"] .sidebar-user{background:#fff !important;border:1px solid var(--cm-line) !important;color:var(--cm-ink) !important;border-radius:14px !important;box-shadow:none !important}
[data-theme="light"] .sidebar-user small{color:#72849f !important}
[data-theme="light"] .sidebar-user .avatar-initial{background:var(--cm-primary) !important;color:#fff !important}

/* ---------- Top bar ---------- */
[data-theme="light"] .tb-topbar{background:rgba(255,255,255,.9) !important}
[data-theme="light"] .topbar-crumb{color:var(--cm-accent) !important;font-weight:800 !important}
[data-theme="light"] .tb-topbar strong{color:var(--cm-ink) !important}
[data-theme="light"] .today-pill,[data-theme="light"] .command-trigger,[data-theme="light"] .theme-toggle{
  background:#fff !important;border:1px solid var(--cm-line) !important;color:var(--cm-primary) !important;border-radius:999px !important;box-shadow:none !important}

/* ---------- Hero banners ---------- */
[data-theme="light"] .dash-hero,[data-theme="light"] .credit-hero{
  background:linear-gradient(120deg,#e8f0fc 0%,#eceffb 100%) !important;
  border:1px solid var(--cm-line) !important;border-radius:22px !important;
  box-shadow:var(--cm-shadow) !important;color:var(--cm-ink) !important}
[data-theme="light"] .dash-hero::before,[data-theme="light"] .dash-hero::after,
[data-theme="light"] .credit-hero::before,[data-theme="light"] .credit-hero::after{display:none !important}
[data-theme="light"] .dash-hero h1,[data-theme="light"] .credit-hero h1{color:var(--cm-ink) !important;-webkit-text-fill-color:var(--cm-ink) !important;background:none !important}
[data-theme="light"] .dash-hero p,[data-theme="light"] .credit-hero p{color:var(--cm-text) !important;font-weight:600 !important}
[data-theme="light"] .dash-hero .eyebrow,[data-theme="light"] .credit-hero .eyebrow{color:var(--cm-accent) !important}
[data-theme="light"] .hero-meta,[data-theme="light"] .hero-meta span{color:var(--cm-accent) !important}
[data-theme="light"] .hero-meta b{color:var(--cm-ink) !important}
[data-theme="light"] .hero-meta .live-dot,[data-theme="light"] .dash-hero .live-dot{background:#22c55e !important;box-shadow:0 0 0 4px rgba(34,197,94,.18) !important}
[data-theme="light"] .credit-hero-pills span{background:#fff !important;color:var(--cm-primary) !important;border-color:var(--cm-line) !important}

/* ---------- Cards / panels ---------- */
[data-theme="light"] .panel,[data-theme="light"] .metric-card,[data-theme="light"] .card,[data-theme="light"] .tablewrap{
  background:var(--cm-surface) !important;border:1px solid var(--cm-line) !important;border-radius:18px !important;box-shadow:var(--cm-shadow) !important}
[data-theme="light"] .metric-featured{background:#edf2fc !important}
[data-theme="light"] .eyebrow{color:var(--cm-accent) !important;font-weight:800 !important}
[data-theme="light"] .panel h2,[data-theme="light"] .pagehead h1,[data-theme="light"] .pagehead h2{color:var(--cm-ink) !important}

/* ---------- Inner page headers ---------- */
[data-theme="light"] .pagehead{
  background:linear-gradient(120deg,#e8f0fc,#eceffb) !important;border:1px solid var(--cm-line) !important;
  border-radius:20px !important;box-shadow:var(--cm-shadow) !important;color:var(--cm-ink) !important}
[data-theme="light"] .pagehead p,[data-theme="light"] .pagehead .muted{color:var(--cm-text) !important}

/* ---------- Tables ---------- */
[data-theme="light"] table thead th,[data-theme="light"] th{
  background:var(--cm-tint) !important;color:var(--cm-primary) !important;border-bottom:1px solid #cdd9ee !important;font-weight:800 !important}
[data-theme="light"] tbody tr:hover td{background:#f3f7fd !important}
[data-theme="light"] td{border-bottom-color:#e6edf8 !important}

/* ---------- Buttons: solid, calm ---------- */
[data-theme="light"] .btn{
  background:var(--cm-primary) !important;color:#fff !important;border:0 !important;border-radius:12px !important;
  font-weight:800 !important;box-shadow:none !important;transition:background .15s ease}
[data-theme="light"] .btn:hover{background:var(--cm-primary-h) !important;transform:none;filter:none}
[data-theme="light"] .btn.gh,[data-theme="light"] .btn.ghost{
  background:#fff !important;color:var(--cm-primary) !important;border:1.5px solid #bccbea !important}
[data-theme="light"] .btn.gh:hover{background:var(--cm-tint) !important}
[data-theme="light"] .btn:disabled{opacity:.5}
[data-theme="light"] .dash-hero .btn,[data-theme="light"] .hero-meta .btn,[data-theme="light"] .hero-meta a{
  background:var(--cm-primary) !important;color:#fff !important;border-radius:12px !important;box-shadow:none !important}

/* ---------- Inputs ---------- */
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{
  border:1.5px solid #d4def0 !important;border-radius:12px !important;background:#fff !important;color:var(--cm-ink)}
[data-theme="light"] input::placeholder{color:#93a3bf}
[data-theme="light"] input:focus,[data-theme="light"] select:focus,[data-theme="light"] textarea:focus{
  outline:0 !important;border-color:var(--cm-accent) !important;box-shadow:0 0 0 3px rgba(74,120,216,.15) !important}

/* ---------- Pills / chips ---------- */
[data-theme="light"] .pill,[data-theme="light"] .metric-tag{border-radius:999px !important;font-weight:800}
[data-theme="light"] .chip,[data-theme="light"] .chips button{border-radius:999px !important}
[data-theme="light"] .chip.on,[data-theme="light"] .chips .on,[data-theme="light"] .chips .active{
  background:var(--cm-primary) !important;color:#fff !important;border-color:transparent !important}

/* ---------- Terminal cart header ---------- */
[data-theme="light"] .pos .right .rh{background:var(--cm-primary) !important;color:#fff !important;border-radius:16px 16px 0 0}
[data-theme="light"] .pos .right .rh b,[data-theme="light"] .pos .right .rh span{color:#fff !important}

/* ---------- Login ---------- */
[data-theme="light"] .tb-guestbar{background:rgba(255,255,255,.92) !important}
