/* Glass look (Dashboard + TODAY Classic). Loaded by /glass/glass.js; switched with the Glass pill. */
/* ── Glass mockup override: Dashboard (historic) + TODAY Classic ── */
:root{
  --bg-card:rgba(255,255,255,.07); --bg-card-hover:rgba(255,255,255,.11);
  --border-card:rgba(255,255,255,.16); --border-accent:rgba(255,255,255,.14);
  --text-primary:#fff; --text-secondary:#f1f5fb; --text-muted:rgba(235,240,250,.68); --text-dim:rgba(235,240,250,.45);
  --green:#30d158; --blue:#64d2ff; --amber:#ffd60a; --red:#ff453a;
  --green-bg:rgba(48,209,88,.16); --green-border:rgba(48,209,88,.35);
  --amber-bg:rgba(255,214,10,.15); --amber-border:rgba(255,214,10,.35);
  --red-bg:rgba(255,69,58,.15); --red-border:rgba(255,69,58,.35);
  --radius:22px; --radius-sm:14px;
  --hi:rgba(255,255,255,.42);
}
html,body{background:#06091a}
body::before{background:
    radial-gradient(38vw 30vw at 12% 20%,rgba(10,132,255,.50),transparent 70%),
    radial-gradient(34vw 28vw at 88% 18%,rgba(191,90,242,.40),transparent 70%),
    radial-gradient(40vw 26vw at 72% 95%,rgba(100,210,255,.32),transparent 70%),
    radial-gradient(30vw 24vw at 20% 98%,rgba(255,55,95,.28),transparent 70%),
    radial-gradient(26vw 20vw at 50% 55%,rgba(48,209,88,.14),transparent 70%),
    linear-gradient(160deg,#0a1024 0%,#070b18 55%,#05070f 100%)!important}

/* material */
.district-card,.psap-card,#pk-district .pk-kpi,.ticker-controls{
  background:linear-gradient(155deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.035) 100%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(185%);backdrop-filter:blur(26px) saturate(185%);
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 var(--hi),inset 0 -1px 0 rgba(255,255,255,.06),0 1rem 2.6rem rgba(0,0,0,.36),0 .2rem .6rem rgba(0,0,0,.22)!important}
#pk-district .pk-kpi{border-radius:20px!important;border-top:1px solid rgba(255,255,255,.22)!important;position:relative}
.psap-card{border-radius:24px!important;overflow:hidden}
.psap-card::after,.district-card::before{opacity:0}          /* colored top strips -> status shown by tint instead */
.psap-card.grade-green{box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px rgba(48,209,88,.18),0 1rem 2.6rem rgba(0,0,0,.36)!important}
.psap-card.grade-amber{box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px rgba(255,214,10,.28),0 1rem 2.6rem rgba(0,0,0,.36)!important}
.psap-card.grade-red{box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px rgba(255,69,58,.3),0 1rem 2.6rem rgba(0,0,0,.36)!important}
.psap-card-header{border-bottom:1px solid rgba(255,255,255,.08)!important}

/* header + tickers: frosted bars */
.header{background:rgba(255,255,255,.04)!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1)!important}
.ticker,.summary-ticker{background:rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-color:rgba(255,255,255,.1)!important}
.ticker::before,.summary-ticker::before{background:linear-gradient(90deg,#090d1d,transparent)!important}
.ticker::after,.summary-ticker::after{background:linear-gradient(270deg,#090d1d,transparent)!important}

/* header buttons -> glass capsules */
.header a[style]{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;letter-spacing:.01em!important;font-weight:600!important;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 .3rem .9rem rgba(0,0,0,.3)}
.header a[href*="today"]{background:linear-gradient(180deg,rgba(100,210,255,.42),rgba(10,132,255,.28))!important}
.header a.on,.header a[aria-current]{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.18))!important}

/* capsules and badges */
#pk-district .pk-pill,.section-label .dc-pill{border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
#pk-district .pk-pill.live{background:rgba(48,209,88,.16)!important;color:#d1fadf!important}
.psap-nena-badge{border-radius:999px!important;letter-spacing:.02em!important}
.tc-btn,#pk-district .pk-cbtn{border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
.tc-btn[aria-pressed="true"]{background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.16))!important}
.ticker-controls{border-radius:999px!important}
.view-toggle{border-radius:999px;background:rgba(255,255,255,.07)}
.view-toggle button.active{border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.16));color:#fff}
.psap-seal{border-color:rgba(255,255,255,.25)!important}
.psap-grade-inline{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.td-body::before,.td-body::after{background:rgba(255,255,255,.12)!important}
.td-k{background:rgba(255,255,255,.08)!important;border-radius:999px}
.td-spark i{background:#0a84ff!important} .td-spark i.now{background:#64d2ff!important}
#pk-district .pk-prog .pg{background:rgba(255,255,255,.12)!important;border-radius:999px} #pk-district .pk-prog .pg i{background:#64d2ff!important}
.header .vt{border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:3px!important;gap:3px;overflow:visible!important;
  background:rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:.02em!important}
.header .vt a[style]{border:0!important;box-shadow:none!important;background:transparent!important;color:rgba(235,240,250,.7)!important;padding:6px 14px!important;text-transform:none!important}
.header .vt a.on[style]{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.18))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 .2rem .6rem rgba(0,0,0,.3)!important}
.header button{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 .3rem .9rem rgba(0,0,0,.3)!important}