/* ===== Night: smoked glass over dark paper ===== */
html[data-theme=night]{
  color-scheme:dark;
  --glass:rgba(255,255,255,.075);      /* panel sheen */
  --glass-hi:rgba(255,255,255,.12);    /* raised / hover */
  --glass-border:rgba(255,255,255,.16);
  --glass-blur:blur(26px) saturate(155%);
  --brand:#1570e6;--brand-ink:#fff;
  --ink:rgba(255,255,255,.95);--muted:rgba(255,255,255,.7);
  --green:#7fb3ff;--green-dark:#1570e6;--pale:rgba(21,112,230,.13);
  --bg:transparent;--line:rgba(255,255,255,.13);--nav:transparent;
  --amber:#ffc46b;--red:#ffa49b;--white:rgba(255,255,255,.08);
    color:var(--ink);
}
html[data-theme=night]{color-scheme:dark}
html[data-theme=night] body{background:transparent;color:var(--ink)}
html[data-theme=night] .content h1,html[data-theme=night] .page-heading h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.25)}
html[data-theme=night] .sidebar,html[data-theme=night] .topbar,html[data-theme=night] .card,html[data-theme=night] .detail-panel,html[data-theme=night] .employer-banner,html[data-theme=night] .filed-card,html[data-theme=night] .g-hero,html[data-theme=night] .help-box,html[data-theme=night] .review-card,html[data-theme=night] .role-banner,html[data-theme=night] .student-card,html[data-theme=night] .quiz-banner,html[data-theme=night] .fee-form,html[data-theme=night] .step-grid,html[data-theme=night] .case-selector,html[data-theme=night] .upload-zone,html[data-theme=night] .wf-step,html[data-theme=night] .plan,html[data-theme=night] .side-note,html[data-theme=night] .ins-verdict,html[data-theme=night] .impact,html[data-theme=night] .fm-pop-box,html[data-theme=night] dialog,html[data-theme=night] #toast{
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)
}
html[data-theme=night] .card,html[data-theme=night] .detail-panel,html[data-theme=night] .employer-banner,html[data-theme=night] .filed-card,html[data-theme=night] .g-hero,html[data-theme=night] .help-box,html[data-theme=night] .role-banner,html[data-theme=night] .student-card,html[data-theme=night] .quiz-banner,html[data-theme=night] .fee-form,html[data-theme=night] .step-grid,html[data-theme=night] .case-selector,html[data-theme=night] .wf-step,html[data-theme=night] .plan,html[data-theme=night] .ins-verdict,html[data-theme=night] .impact{
  background:var(--glass);border-color:var(--glass-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 8px rgba(0,0,0,.12)
}
html[data-theme=night] .card .card,html[data-theme=night] .card .step-grid,html[data-theme=night] .card .case-selector,html[data-theme=night] .card .help-box,html[data-theme=night] .card .plan{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:rgba(255,255,255,.05)}
html[data-theme=night] .sidebar{background:rgba(10,12,16,.28);border-right:1px solid var(--glass-border);box-shadow:inset -1px 0 0 rgba(255,255,255,.04)}
html[data-theme=night] .topbar{background:rgba(10,12,16,.18);border-bottom:1px solid var(--glass-border)}
html[data-theme=night] .nav-item{color:rgba(255,255,255,.78)}
html[data-theme=night] .nav-item:hover{background:rgba(255,255,255,.08);color:#fff}
html[data-theme=night] .nav-item.active{background:rgba(21,112,230,.16);color:#7fb3ff;box-shadow:inset 0 0 0 1px rgba(21,112,230,.28)}
html[data-theme=night] .side-profile{border-top-color:var(--glass-border)}
html[data-theme=night] .sp-nose{fill:#fff}
html[data-theme=night] .sp-whisk{stroke:#fff}
html[data-theme=night] .ji-word b{color:#fff}
html[data-theme=night] .brand small{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
html[data-theme=night] .avatar{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
html[data-theme=night] .demo-banner{background:rgba(0,0,0,.18);border-bottom:1px solid var(--line);color:var(--muted)}
html[data-theme=night] .page-footer{color:rgba(255,255,255,.55);border-top-color:var(--line)}
html[data-theme=night] .subtitle{color:rgba(255,255,255,.78)}
html[data-theme=night] .eyebrow{color:#7fb3ff}
html[data-theme=night] a{color:#7fb3ff}
html[data-theme=night] .btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
html[data-theme=night] .btn:hover{background:rgba(255,255,255,.18)}
html[data-theme=night] .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
html[data-theme=night] .btn.primary:hover{background:#3a86ef}
html[data-theme=night] .chip.active,html[data-theme=night] .filter.active,html[data-theme=night] .g-chip input:checked+span,html[data-theme=night] .qopt input:checked+span{background:rgba(21,112,230,.2);border-color:rgba(21,112,230,.6);color:#a9ccff}
html[data-theme=night] input,html[data-theme=night] select,html[data-theme=night] textarea,html[data-theme=night] .search-input,html[data-theme=night] .role-select{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html[data-theme=night] input::placeholder,html[data-theme=night] textarea::placeholder{color:rgba(255,255,255,.5)}
html[data-theme=night] input:focus,html[data-theme=night] select:focus,html[data-theme=night] textarea:focus{border-color:rgba(21,112,230,.75)!important;outline:none;box-shadow:0 0 0 3px rgba(21,112,230,.18)}
html[data-theme=night] input[type=checkbox],html[data-theme=night] input[type=radio]{accent-color:#1570e6}
html[data-theme=night] select option{background:#1b1d22;color:#fff}
html[data-theme=night] button:focus-visible,html[data-theme=night] a:focus-visible{outline:2px solid #1570e6}
html[data-theme=night] th{background:transparent!important;color:rgba(255,255,255,.62)}
html[data-theme=night] td,html[data-theme=night] th{border-color:var(--line)!important}
html[data-theme=night] tbody tr:hover td{background:rgba(255,255,255,.04)}
html[data-theme=night] dialog{background:rgba(22,24,30,.6);border-color:var(--glass-border);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 100px rgba(0,0,0,.5)}
html[data-theme=night] dialog::backdrop{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme=night] #toast{background:rgba(22,24,30,.62);border:1px solid var(--glass-border);color:#fff}
html[data-theme=night] .letter-preview,html[data-theme=night] .document-mock{--ink:#1a1a1a;--muted:#5f5b55;--line:#e5e1d8;--green:#0f5bc4;--pale:#f0f6fe;color:#1a1a1a;background:#fffdf8;border-color:transparent;box-shadow:0 30px 80px rgba(0,0,0,.45)}
html[data-theme=night] .letter-preview h1,html[data-theme=night] .letter-preview h2,html[data-theme=night] .letter-preview h3,html[data-theme=night] .document-mock h1,html[data-theme=night] .document-mock h2,html[data-theme=night] .document-mock h3{color:#1a1a1a;text-shadow:none}
@media (max-width:900px){html[data-theme=night] .sidebar{background:rgba(14,16,20,.82)}}

