/*  SafarPass — Dark Theme compatibility layer
    ------------------------------------------------------------------
    styles.css carries the real dark palette (:root[data-theme="dark"]).
    This file only exists to neutralise the ~1,400 HARDCODED hex colours
    baked into inline style="" attributes across the HTML pages and the JS
    template literals that build banners, badges and cards. Inline styles
    beat stylesheets, so these rules need !important.

    GENERATED — regenerate rather than hand-editing if the palette moves.

    Every selector is scoped under html[data-theme="dark"]. With the theme
    off, this file contributes exactly nothing, so light mode is unchanged.
*/

/* ── Danger / red ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#FEF2F2" i],
html[data-theme="dark"] [style*="background: #FEF2F2" i],
html[data-theme="dark"] [style*="background-color:#FEF2F2" i],
html[data-theme="dark"] [style*="background-color: #FEF2F2" i],
html[data-theme="dark"] [style*="background:rgb(254, 242, 242)" i],
html[data-theme="dark"] [style*="background: rgb(254, 242, 242)" i],
html[data-theme="dark"] [style*="background-color:rgb(254, 242, 242)" i],
html[data-theme="dark"] [style*="background-color: rgb(254, 242, 242)" i],
html[data-theme="dark"] [style*="background:rgb(254,242,242)" i],
html[data-theme="dark"] [style*="background: rgb(254,242,242)" i],
html[data-theme="dark"] [style*="background-color:rgb(254,242,242)" i],
html[data-theme="dark"] [style*="background-color: rgb(254,242,242)" i],
html[data-theme="dark"] [style*="background:#FEE2E2" i],
html[data-theme="dark"] [style*="background: #FEE2E2" i],
html[data-theme="dark"] [style*="background-color:#FEE2E2" i],
html[data-theme="dark"] [style*="background-color: #FEE2E2" i],
html[data-theme="dark"] [style*="background:rgb(254, 226, 226)" i],
html[data-theme="dark"] [style*="background: rgb(254, 226, 226)" i],
html[data-theme="dark"] [style*="background-color:rgb(254, 226, 226)" i],
html[data-theme="dark"] [style*="background-color: rgb(254, 226, 226)" i],
html[data-theme="dark"] [style*="background:rgb(254,226,226)" i],
html[data-theme="dark"] [style*="background: rgb(254,226,226)" i],
html[data-theme="dark"] [style*="background-color:rgb(254,226,226)" i],
html[data-theme="dark"] [style*="background-color: rgb(254,226,226)" i],
html[data-theme="dark"] [style*="background:#FFF5F5" i],
html[data-theme="dark"] [style*="background: #FFF5F5" i],
html[data-theme="dark"] [style*="background-color:#FFF5F5" i],
html[data-theme="dark"] [style*="background-color: #FFF5F5" i],
html[data-theme="dark"] [style*="background:rgb(255, 245, 245)" i],
html[data-theme="dark"] [style*="background: rgb(255, 245, 245)" i],
html[data-theme="dark"] [style*="background-color:rgb(255, 245, 245)" i],
html[data-theme="dark"] [style*="background-color: rgb(255, 245, 245)" i],
html[data-theme="dark"] [style*="background:rgb(255,245,245)" i],
html[data-theme="dark"] [style*="background: rgb(255,245,245)" i],
html[data-theme="dark"] [style*="background-color:rgb(255,245,245)" i],
html[data-theme="dark"] [style*="background-color: rgb(255,245,245)" i] {
  background-color: #2A1517 !important;
}
html[data-theme="dark"] [style*="solid #FECACA" i],
html[data-theme="dark"] [style*="border-color:#FECACA" i],
html[data-theme="dark"] [style*="border-color: #FECACA" i],
html[data-theme="dark"] [style*="solid #FCA5A5" i],
html[data-theme="dark"] [style*="border-color:#FCA5A5" i],
html[data-theme="dark"] [style*="border-color: #FCA5A5" i] {
  border-color: #5A2A2E !important;
}
html[data-theme="dark"] [style*=";color:#991B1B" i],
html[data-theme="dark"] [style*=";color: #991B1B" i],
html[data-theme="dark"] [style*="\"color:#991B1B" i],
html[data-theme="dark"] [style*=";color:#B91C1C" i],
html[data-theme="dark"] [style*=";color: #B91C1C" i],
html[data-theme="dark"] [style*="\"color:#B91C1C" i],
html[data-theme="dark"] [style*=";color:#7F1D1D" i],
html[data-theme="dark"] [style*=";color: #7F1D1D" i],
html[data-theme="dark"] [style*="\"color:#7F1D1D" i],
html[data-theme="dark"] [style*=";color:#450A0A" i],
html[data-theme="dark"] [style*=";color: #450A0A" i],
html[data-theme="dark"] [style*="\"color:#450A0A" i],
html[data-theme="dark"] [style*=";color:#DC2626" i],
html[data-theme="dark"] [style*=";color: #DC2626" i],
html[data-theme="dark"] [style*="\"color:#DC2626" i] {
  color: #FCA5A5 !important;
}

/* ── Warning / amber ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#FFFBEB" i],
html[data-theme="dark"] [style*="background: #FFFBEB" i],
html[data-theme="dark"] [style*="background-color:#FFFBEB" i],
html[data-theme="dark"] [style*="background-color: #FFFBEB" i],
html[data-theme="dark"] [style*="background:rgb(255, 251, 235)" i],
html[data-theme="dark"] [style*="background: rgb(255, 251, 235)" i],
html[data-theme="dark"] [style*="background-color:rgb(255, 251, 235)" i],
html[data-theme="dark"] [style*="background-color: rgb(255, 251, 235)" i],
html[data-theme="dark"] [style*="background:rgb(255,251,235)" i],
html[data-theme="dark"] [style*="background: rgb(255,251,235)" i],
html[data-theme="dark"] [style*="background-color:rgb(255,251,235)" i],
html[data-theme="dark"] [style*="background-color: rgb(255,251,235)" i],
html[data-theme="dark"] [style*="background:#FEF3C7" i],
html[data-theme="dark"] [style*="background: #FEF3C7" i],
html[data-theme="dark"] [style*="background-color:#FEF3C7" i],
html[data-theme="dark"] [style*="background-color: #FEF3C7" i],
html[data-theme="dark"] [style*="background:rgb(254, 243, 199)" i],
html[data-theme="dark"] [style*="background: rgb(254, 243, 199)" i],
html[data-theme="dark"] [style*="background-color:rgb(254, 243, 199)" i],
html[data-theme="dark"] [style*="background-color: rgb(254, 243, 199)" i],
html[data-theme="dark"] [style*="background:rgb(254,243,199)" i],
html[data-theme="dark"] [style*="background: rgb(254,243,199)" i],
html[data-theme="dark"] [style*="background-color:rgb(254,243,199)" i],
html[data-theme="dark"] [style*="background-color: rgb(254,243,199)" i],
html[data-theme="dark"] [style*="background:#FEF9C3" i],
html[data-theme="dark"] [style*="background: #FEF9C3" i],
html[data-theme="dark"] [style*="background-color:#FEF9C3" i],
html[data-theme="dark"] [style*="background-color: #FEF9C3" i],
html[data-theme="dark"] [style*="background:rgb(254, 249, 195)" i],
html[data-theme="dark"] [style*="background: rgb(254, 249, 195)" i],
html[data-theme="dark"] [style*="background-color:rgb(254, 249, 195)" i],
html[data-theme="dark"] [style*="background-color: rgb(254, 249, 195)" i],
html[data-theme="dark"] [style*="background:rgb(254,249,195)" i],
html[data-theme="dark"] [style*="background: rgb(254,249,195)" i],
html[data-theme="dark"] [style*="background-color:rgb(254,249,195)" i],
html[data-theme="dark"] [style*="background-color: rgb(254,249,195)" i],
html[data-theme="dark"] [style*="background:#FEFCE8" i],
html[data-theme="dark"] [style*="background: #FEFCE8" i],
html[data-theme="dark"] [style*="background-color:#FEFCE8" i],
html[data-theme="dark"] [style*="background-color: #FEFCE8" i],
html[data-theme="dark"] [style*="background:rgb(254, 252, 232)" i],
html[data-theme="dark"] [style*="background: rgb(254, 252, 232)" i],
html[data-theme="dark"] [style*="background-color:rgb(254, 252, 232)" i],
html[data-theme="dark"] [style*="background-color: rgb(254, 252, 232)" i],
html[data-theme="dark"] [style*="background:rgb(254,252,232)" i],
html[data-theme="dark"] [style*="background: rgb(254,252,232)" i],
html[data-theme="dark"] [style*="background-color:rgb(254,252,232)" i],
html[data-theme="dark"] [style*="background-color: rgb(254,252,232)" i],
html[data-theme="dark"] [style*="background:#FFF7ED" i],
html[data-theme="dark"] [style*="background: #FFF7ED" i],
html[data-theme="dark"] [style*="background-color:#FFF7ED" i],
html[data-theme="dark"] [style*="background-color: #FFF7ED" i],
html[data-theme="dark"] [style*="background:rgb(255, 247, 237)" i],
html[data-theme="dark"] [style*="background: rgb(255, 247, 237)" i],
html[data-theme="dark"] [style*="background-color:rgb(255, 247, 237)" i],
html[data-theme="dark"] [style*="background-color: rgb(255, 247, 237)" i],
html[data-theme="dark"] [style*="background:rgb(255,247,237)" i],
html[data-theme="dark"] [style*="background: rgb(255,247,237)" i],
html[data-theme="dark"] [style*="background-color:rgb(255,247,237)" i],
html[data-theme="dark"] [style*="background-color: rgb(255,247,237)" i] {
  background-color: #2B2113 !important;
}
html[data-theme="dark"] [style*="solid #FDE68A" i],
html[data-theme="dark"] [style*="border-color:#FDE68A" i],
html[data-theme="dark"] [style*="border-color: #FDE68A" i],
html[data-theme="dark"] [style*="solid #FED7AA" i],
html[data-theme="dark"] [style*="border-color:#FED7AA" i],
html[data-theme="dark"] [style*="border-color: #FED7AA" i],
html[data-theme="dark"] [style*="solid #FDE047" i],
html[data-theme="dark"] [style*="border-color:#FDE047" i],
html[data-theme="dark"] [style*="border-color: #FDE047" i] {
  border-color: #5C4820 !important;
}
html[data-theme="dark"] [style*=";color:#92400E" i],
html[data-theme="dark"] [style*=";color: #92400E" i],
html[data-theme="dark"] [style*="\"color:#92400E" i],
html[data-theme="dark"] [style*=";color:#B45309" i],
html[data-theme="dark"] [style*=";color: #B45309" i],
html[data-theme="dark"] [style*="\"color:#B45309" i],
html[data-theme="dark"] [style*=";color:#854D0E" i],
html[data-theme="dark"] [style*=";color: #854D0E" i],
html[data-theme="dark"] [style*="\"color:#854D0E" i],
html[data-theme="dark"] [style*=";color:#78350F" i],
html[data-theme="dark"] [style*=";color: #78350F" i],
html[data-theme="dark"] [style*="\"color:#78350F" i],
html[data-theme="dark"] [style*=";color:#451A03" i],
html[data-theme="dark"] [style*=";color: #451A03" i],
html[data-theme="dark"] [style*="\"color:#451A03" i],
html[data-theme="dark"] [style*=";color:#9A3412" i],
html[data-theme="dark"] [style*=";color: #9A3412" i],
html[data-theme="dark"] [style*="\"color:#9A3412" i],
html[data-theme="dark"] [style*=";color:#7C2D12" i],
html[data-theme="dark"] [style*=";color: #7C2D12" i],
html[data-theme="dark"] [style*="\"color:#7C2D12" i] {
  color: #FCD34D !important;
}

/* ── Success / green ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#F0FDF4" i],
html[data-theme="dark"] [style*="background: #F0FDF4" i],
html[data-theme="dark"] [style*="background-color:#F0FDF4" i],
html[data-theme="dark"] [style*="background-color: #F0FDF4" i],
html[data-theme="dark"] [style*="background:rgb(240, 253, 244)" i],
html[data-theme="dark"] [style*="background: rgb(240, 253, 244)" i],
html[data-theme="dark"] [style*="background-color:rgb(240, 253, 244)" i],
html[data-theme="dark"] [style*="background-color: rgb(240, 253, 244)" i],
html[data-theme="dark"] [style*="background:rgb(240,253,244)" i],
html[data-theme="dark"] [style*="background: rgb(240,253,244)" i],
html[data-theme="dark"] [style*="background-color:rgb(240,253,244)" i],
html[data-theme="dark"] [style*="background-color: rgb(240,253,244)" i],
html[data-theme="dark"] [style*="background:#DCFCE7" i],
html[data-theme="dark"] [style*="background: #DCFCE7" i],
html[data-theme="dark"] [style*="background-color:#DCFCE7" i],
html[data-theme="dark"] [style*="background-color: #DCFCE7" i],
html[data-theme="dark"] [style*="background:rgb(220, 252, 231)" i],
html[data-theme="dark"] [style*="background: rgb(220, 252, 231)" i],
html[data-theme="dark"] [style*="background-color:rgb(220, 252, 231)" i],
html[data-theme="dark"] [style*="background-color: rgb(220, 252, 231)" i],
html[data-theme="dark"] [style*="background:rgb(220,252,231)" i],
html[data-theme="dark"] [style*="background: rgb(220,252,231)" i],
html[data-theme="dark"] [style*="background-color:rgb(220,252,231)" i],
html[data-theme="dark"] [style*="background-color: rgb(220,252,231)" i],
html[data-theme="dark"] [style*="background:#D1FAE5" i],
html[data-theme="dark"] [style*="background: #D1FAE5" i],
html[data-theme="dark"] [style*="background-color:#D1FAE5" i],
html[data-theme="dark"] [style*="background-color: #D1FAE5" i],
html[data-theme="dark"] [style*="background:rgb(209, 250, 229)" i],
html[data-theme="dark"] [style*="background: rgb(209, 250, 229)" i],
html[data-theme="dark"] [style*="background-color:rgb(209, 250, 229)" i],
html[data-theme="dark"] [style*="background-color: rgb(209, 250, 229)" i],
html[data-theme="dark"] [style*="background:rgb(209,250,229)" i],
html[data-theme="dark"] [style*="background: rgb(209,250,229)" i],
html[data-theme="dark"] [style*="background-color:rgb(209,250,229)" i],
html[data-theme="dark"] [style*="background-color: rgb(209,250,229)" i],
html[data-theme="dark"] [style*="background:#ECFDF5" i],
html[data-theme="dark"] [style*="background: #ECFDF5" i],
html[data-theme="dark"] [style*="background-color:#ECFDF5" i],
html[data-theme="dark"] [style*="background-color: #ECFDF5" i],
html[data-theme="dark"] [style*="background:rgb(236, 253, 245)" i],
html[data-theme="dark"] [style*="background: rgb(236, 253, 245)" i],
html[data-theme="dark"] [style*="background-color:rgb(236, 253, 245)" i],
html[data-theme="dark"] [style*="background-color: rgb(236, 253, 245)" i],
html[data-theme="dark"] [style*="background:rgb(236,253,245)" i],
html[data-theme="dark"] [style*="background: rgb(236,253,245)" i],
html[data-theme="dark"] [style*="background-color:rgb(236,253,245)" i],
html[data-theme="dark"] [style*="background-color: rgb(236,253,245)" i] {
  background-color: #0E2A1E !important;
}
html[data-theme="dark"] [style*="solid #BBF7D0" i],
html[data-theme="dark"] [style*="border-color:#BBF7D0" i],
html[data-theme="dark"] [style*="border-color: #BBF7D0" i],
html[data-theme="dark"] [style*="solid #A7F3D0" i],
html[data-theme="dark"] [style*="border-color:#A7F3D0" i],
html[data-theme="dark"] [style*="border-color: #A7F3D0" i],
html[data-theme="dark"] [style*="solid #86EFAC" i],
html[data-theme="dark"] [style*="border-color:#86EFAC" i],
html[data-theme="dark"] [style*="border-color: #86EFAC" i],
html[data-theme="dark"] [style*="solid #6EE7B7" i],
html[data-theme="dark"] [style*="border-color:#6EE7B7" i],
html[data-theme="dark"] [style*="border-color: #6EE7B7" i] {
  border-color: #1E5540 !important;
}
html[data-theme="dark"] [style*=";color:#166534" i],
html[data-theme="dark"] [style*=";color: #166534" i],
html[data-theme="dark"] [style*="\"color:#166534" i],
html[data-theme="dark"] [style*=";color:#065F46" i],
html[data-theme="dark"] [style*=";color: #065F46" i],
html[data-theme="dark"] [style*="\"color:#065F46" i],
html[data-theme="dark"] [style*=";color:#15803D" i],
html[data-theme="dark"] [style*=";color: #15803D" i],
html[data-theme="dark"] [style*="\"color:#15803D" i],
html[data-theme="dark"] [style*=";color:#052E16" i],
html[data-theme="dark"] [style*=";color: #052E16" i],
html[data-theme="dark"] [style*="\"color:#052E16" i],
html[data-theme="dark"] [style*=";color:#0D2218" i],
html[data-theme="dark"] [style*=";color: #0D2218" i],
html[data-theme="dark"] [style*="\"color:#0D2218" i],
html[data-theme="dark"] [style*=";color:#047857" i],
html[data-theme="dark"] [style*=";color: #047857" i],
html[data-theme="dark"] [style*="\"color:#047857" i] {
  color: #6EE7B7 !important;
}

/* ── Brand / indigo ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#EEF2FF" i],
html[data-theme="dark"] [style*="background: #EEF2FF" i],
html[data-theme="dark"] [style*="background-color:#EEF2FF" i],
html[data-theme="dark"] [style*="background-color: #EEF2FF" i],
html[data-theme="dark"] [style*="background:rgb(238, 242, 255)" i],
html[data-theme="dark"] [style*="background: rgb(238, 242, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(238, 242, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(238, 242, 255)" i],
html[data-theme="dark"] [style*="background:rgb(238,242,255)" i],
html[data-theme="dark"] [style*="background: rgb(238,242,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(238,242,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(238,242,255)" i],
html[data-theme="dark"] [style*="background:#EEF0FF" i],
html[data-theme="dark"] [style*="background: #EEF0FF" i],
html[data-theme="dark"] [style*="background-color:#EEF0FF" i],
html[data-theme="dark"] [style*="background-color: #EEF0FF" i],
html[data-theme="dark"] [style*="background:rgb(238, 240, 255)" i],
html[data-theme="dark"] [style*="background: rgb(238, 240, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(238, 240, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(238, 240, 255)" i],
html[data-theme="dark"] [style*="background:rgb(238,240,255)" i],
html[data-theme="dark"] [style*="background: rgb(238,240,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(238,240,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(238,240,255)" i],
html[data-theme="dark"] [style*="background:#E0E7FF" i],
html[data-theme="dark"] [style*="background: #E0E7FF" i],
html[data-theme="dark"] [style*="background-color:#E0E7FF" i],
html[data-theme="dark"] [style*="background-color: #E0E7FF" i],
html[data-theme="dark"] [style*="background:rgb(224, 231, 255)" i],
html[data-theme="dark"] [style*="background: rgb(224, 231, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(224, 231, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(224, 231, 255)" i],
html[data-theme="dark"] [style*="background:rgb(224,231,255)" i],
html[data-theme="dark"] [style*="background: rgb(224,231,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(224,231,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(224,231,255)" i],
html[data-theme="dark"] [style*="background:#EDE9FE" i],
html[data-theme="dark"] [style*="background: #EDE9FE" i],
html[data-theme="dark"] [style*="background-color:#EDE9FE" i],
html[data-theme="dark"] [style*="background-color: #EDE9FE" i],
html[data-theme="dark"] [style*="background:rgb(237, 233, 254)" i],
html[data-theme="dark"] [style*="background: rgb(237, 233, 254)" i],
html[data-theme="dark"] [style*="background-color:rgb(237, 233, 254)" i],
html[data-theme="dark"] [style*="background-color: rgb(237, 233, 254)" i],
html[data-theme="dark"] [style*="background:rgb(237,233,254)" i],
html[data-theme="dark"] [style*="background: rgb(237,233,254)" i],
html[data-theme="dark"] [style*="background-color:rgb(237,233,254)" i],
html[data-theme="dark"] [style*="background-color: rgb(237,233,254)" i],
html[data-theme="dark"] [style*="background:#F5F3FF" i],
html[data-theme="dark"] [style*="background: #F5F3FF" i],
html[data-theme="dark"] [style*="background-color:#F5F3FF" i],
html[data-theme="dark"] [style*="background-color: #F5F3FF" i],
html[data-theme="dark"] [style*="background:rgb(245, 243, 255)" i],
html[data-theme="dark"] [style*="background: rgb(245, 243, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(245, 243, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(245, 243, 255)" i],
html[data-theme="dark"] [style*="background:rgb(245,243,255)" i],
html[data-theme="dark"] [style*="background: rgb(245,243,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(245,243,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(245,243,255)" i],
html[data-theme="dark"] [style*="background:#F8FAFF" i],
html[data-theme="dark"] [style*="background: #F8FAFF" i],
html[data-theme="dark"] [style*="background-color:#F8FAFF" i],
html[data-theme="dark"] [style*="background-color: #F8FAFF" i],
html[data-theme="dark"] [style*="background:rgb(248, 250, 255)" i],
html[data-theme="dark"] [style*="background: rgb(248, 250, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(248, 250, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(248, 250, 255)" i],
html[data-theme="dark"] [style*="background:rgb(248,250,255)" i],
html[data-theme="dark"] [style*="background: rgb(248,250,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(248,250,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(248,250,255)" i],
html[data-theme="dark"] [style*="background:#F7F7FB" i],
html[data-theme="dark"] [style*="background: #F7F7FB" i],
html[data-theme="dark"] [style*="background-color:#F7F7FB" i],
html[data-theme="dark"] [style*="background-color: #F7F7FB" i],
html[data-theme="dark"] [style*="background:rgb(247, 247, 251)" i],
html[data-theme="dark"] [style*="background: rgb(247, 247, 251)" i],
html[data-theme="dark"] [style*="background-color:rgb(247, 247, 251)" i],
html[data-theme="dark"] [style*="background-color: rgb(247, 247, 251)" i],
html[data-theme="dark"] [style*="background:rgb(247,247,251)" i],
html[data-theme="dark"] [style*="background: rgb(247,247,251)" i],
html[data-theme="dark"] [style*="background-color:rgb(247,247,251)" i],
html[data-theme="dark"] [style*="background-color: rgb(247,247,251)" i],
html[data-theme="dark"] [style*="background:#FCFDFF" i],
html[data-theme="dark"] [style*="background: #FCFDFF" i],
html[data-theme="dark"] [style*="background-color:#FCFDFF" i],
html[data-theme="dark"] [style*="background-color: #FCFDFF" i],
html[data-theme="dark"] [style*="background:rgb(252, 253, 255)" i],
html[data-theme="dark"] [style*="background: rgb(252, 253, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(252, 253, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(252, 253, 255)" i],
html[data-theme="dark"] [style*="background:rgb(252,253,255)" i],
html[data-theme="dark"] [style*="background: rgb(252,253,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(252,253,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(252,253,255)" i] {
  background-color: #1A1F3D !important;
}
html[data-theme="dark"] [style*="solid #C7D2FE" i],
html[data-theme="dark"] [style*="border-color:#C7D2FE" i],
html[data-theme="dark"] [style*="border-color: #C7D2FE" i],
html[data-theme="dark"] [style*="solid #A5B4FC" i],
html[data-theme="dark"] [style*="border-color:#A5B4FC" i],
html[data-theme="dark"] [style*="border-color: #A5B4FC" i] {
  border-color: #343C6B !important;
}
html[data-theme="dark"] [style*=";color:#4338CA" i],
html[data-theme="dark"] [style*=";color: #4338CA" i],
html[data-theme="dark"] [style*="\"color:#4338CA" i],
html[data-theme="dark"] [style*=";color:#3730A3" i],
html[data-theme="dark"] [style*=";color: #3730A3" i],
html[data-theme="dark"] [style*="\"color:#3730A3" i],
html[data-theme="dark"] [style*=";color:#312E81" i],
html[data-theme="dark"] [style*=";color: #312E81" i],
html[data-theme="dark"] [style*="\"color:#312E81" i],
html[data-theme="dark"] [style*=";color:#1E1B4B" i],
html[data-theme="dark"] [style*=";color: #1E1B4B" i],
html[data-theme="dark"] [style*="\"color:#1E1B4B" i],
html[data-theme="dark"] [style*=";color:#1A2456" i],
html[data-theme="dark"] [style*=";color: #1A2456" i],
html[data-theme="dark"] [style*="\"color:#1A2456" i] {
  color: #A5B4FC !important;
}

/* ── Info / blue ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#EFF6FF" i],
html[data-theme="dark"] [style*="background: #EFF6FF" i],
html[data-theme="dark"] [style*="background-color:#EFF6FF" i],
html[data-theme="dark"] [style*="background-color: #EFF6FF" i],
html[data-theme="dark"] [style*="background:rgb(239, 246, 255)" i],
html[data-theme="dark"] [style*="background: rgb(239, 246, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(239, 246, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(239, 246, 255)" i],
html[data-theme="dark"] [style*="background:rgb(239,246,255)" i],
html[data-theme="dark"] [style*="background: rgb(239,246,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(239,246,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(239,246,255)" i],
html[data-theme="dark"] [style*="background:#DBEAFE" i],
html[data-theme="dark"] [style*="background: #DBEAFE" i],
html[data-theme="dark"] [style*="background-color:#DBEAFE" i],
html[data-theme="dark"] [style*="background-color: #DBEAFE" i],
html[data-theme="dark"] [style*="background:rgb(219, 234, 254)" i],
html[data-theme="dark"] [style*="background: rgb(219, 234, 254)" i],
html[data-theme="dark"] [style*="background-color:rgb(219, 234, 254)" i],
html[data-theme="dark"] [style*="background-color: rgb(219, 234, 254)" i],
html[data-theme="dark"] [style*="background:rgb(219,234,254)" i],
html[data-theme="dark"] [style*="background: rgb(219,234,254)" i],
html[data-theme="dark"] [style*="background-color:rgb(219,234,254)" i],
html[data-theme="dark"] [style*="background-color: rgb(219,234,254)" i],
html[data-theme="dark"] [style*="background:#E0F2FE" i],
html[data-theme="dark"] [style*="background: #E0F2FE" i],
html[data-theme="dark"] [style*="background-color:#E0F2FE" i],
html[data-theme="dark"] [style*="background-color: #E0F2FE" i],
html[data-theme="dark"] [style*="background:rgb(224, 242, 254)" i],
html[data-theme="dark"] [style*="background: rgb(224, 242, 254)" i],
html[data-theme="dark"] [style*="background-color:rgb(224, 242, 254)" i],
html[data-theme="dark"] [style*="background-color: rgb(224, 242, 254)" i],
html[data-theme="dark"] [style*="background:rgb(224,242,254)" i],
html[data-theme="dark"] [style*="background: rgb(224,242,254)" i],
html[data-theme="dark"] [style*="background-color:rgb(224,242,254)" i],
html[data-theme="dark"] [style*="background-color: rgb(224,242,254)" i],
html[data-theme="dark"] [style*="background:#F0F9FF" i],
html[data-theme="dark"] [style*="background: #F0F9FF" i],
html[data-theme="dark"] [style*="background-color:#F0F9FF" i],
html[data-theme="dark"] [style*="background-color: #F0F9FF" i],
html[data-theme="dark"] [style*="background:rgb(240, 249, 255)" i],
html[data-theme="dark"] [style*="background: rgb(240, 249, 255)" i],
html[data-theme="dark"] [style*="background-color:rgb(240, 249, 255)" i],
html[data-theme="dark"] [style*="background-color: rgb(240, 249, 255)" i],
html[data-theme="dark"] [style*="background:rgb(240,249,255)" i],
html[data-theme="dark"] [style*="background: rgb(240,249,255)" i],
html[data-theme="dark"] [style*="background-color:rgb(240,249,255)" i],
html[data-theme="dark"] [style*="background-color: rgb(240,249,255)" i] {
  background-color: #12213A !important;
}
html[data-theme="dark"] [style*="solid #BFDBFE" i],
html[data-theme="dark"] [style*="border-color:#BFDBFE" i],
html[data-theme="dark"] [style*="border-color: #BFDBFE" i],
html[data-theme="dark"] [style*="solid #93C5FD" i],
html[data-theme="dark"] [style*="border-color:#93C5FD" i],
html[data-theme="dark"] [style*="border-color: #93C5FD" i],
html[data-theme="dark"] [style*="solid #BAE6FD" i],
html[data-theme="dark"] [style*="border-color:#BAE6FD" i],
html[data-theme="dark"] [style*="border-color: #BAE6FD" i] {
  border-color: #27456E !important;
}
html[data-theme="dark"] [style*=";color:#1E40AF" i],
html[data-theme="dark"] [style*=";color: #1E40AF" i],
html[data-theme="dark"] [style*="\"color:#1E40AF" i],
html[data-theme="dark"] [style*=";color:#1D4ED8" i],
html[data-theme="dark"] [style*=";color: #1D4ED8" i],
html[data-theme="dark"] [style*="\"color:#1D4ED8" i],
html[data-theme="dark"] [style*=";color:#0369A1" i],
html[data-theme="dark"] [style*=";color: #0369A1" i],
html[data-theme="dark"] [style*="\"color:#0369A1" i],
html[data-theme="dark"] [style*=";color:#0C4A6E" i],
html[data-theme="dark"] [style*=";color: #0C4A6E" i],
html[data-theme="dark"] [style*="\"color:#0C4A6E" i],
html[data-theme="dark"] [style*=";color:#1E3A8A" i],
html[data-theme="dark"] [style*=";color: #1E3A8A" i],
html[data-theme="dark"] [style*="\"color:#1E3A8A" i] {
  color: #93C5FD !important;
}

/* ── Neutral / slate ─────────────────────────────────────────── */
html[data-theme="dark"] [style*="background:#F8FAFC" i],
html[data-theme="dark"] [style*="background: #F8FAFC" i],
html[data-theme="dark"] [style*="background-color:#F8FAFC" i],
html[data-theme="dark"] [style*="background-color: #F8FAFC" i],
html[data-theme="dark"] [style*="background:rgb(248, 250, 252)" i],
html[data-theme="dark"] [style*="background: rgb(248, 250, 252)" i],
html[data-theme="dark"] [style*="background-color:rgb(248, 250, 252)" i],
html[data-theme="dark"] [style*="background-color: rgb(248, 250, 252)" i],
html[data-theme="dark"] [style*="background:rgb(248,250,252)" i],
html[data-theme="dark"] [style*="background: rgb(248,250,252)" i],
html[data-theme="dark"] [style*="background-color:rgb(248,250,252)" i],
html[data-theme="dark"] [style*="background-color: rgb(248,250,252)" i],
html[data-theme="dark"] [style*="background:#F1F5F9" i],
html[data-theme="dark"] [style*="background: #F1F5F9" i],
html[data-theme="dark"] [style*="background-color:#F1F5F9" i],
html[data-theme="dark"] [style*="background-color: #F1F5F9" i],
html[data-theme="dark"] [style*="background:rgb(241, 245, 249)" i],
html[data-theme="dark"] [style*="background: rgb(241, 245, 249)" i],
html[data-theme="dark"] [style*="background-color:rgb(241, 245, 249)" i],
html[data-theme="dark"] [style*="background-color: rgb(241, 245, 249)" i],
html[data-theme="dark"] [style*="background:rgb(241,245,249)" i],
html[data-theme="dark"] [style*="background: rgb(241,245,249)" i],
html[data-theme="dark"] [style*="background-color:rgb(241,245,249)" i],
html[data-theme="dark"] [style*="background-color: rgb(241,245,249)" i],
html[data-theme="dark"] [style*="background:#F3F4F6" i],
html[data-theme="dark"] [style*="background: #F3F4F6" i],
html[data-theme="dark"] [style*="background-color:#F3F4F6" i],
html[data-theme="dark"] [style*="background-color: #F3F4F6" i],
html[data-theme="dark"] [style*="background:rgb(243, 244, 246)" i],
html[data-theme="dark"] [style*="background: rgb(243, 244, 246)" i],
html[data-theme="dark"] [style*="background-color:rgb(243, 244, 246)" i],
html[data-theme="dark"] [style*="background-color: rgb(243, 244, 246)" i],
html[data-theme="dark"] [style*="background:rgb(243,244,246)" i],
html[data-theme="dark"] [style*="background: rgb(243,244,246)" i],
html[data-theme="dark"] [style*="background-color:rgb(243,244,246)" i],
html[data-theme="dark"] [style*="background-color: rgb(243,244,246)" i],
html[data-theme="dark"] [style*="background:#F9FAFB" i],
html[data-theme="dark"] [style*="background: #F9FAFB" i],
html[data-theme="dark"] [style*="background-color:#F9FAFB" i],
html[data-theme="dark"] [style*="background-color: #F9FAFB" i],
html[data-theme="dark"] [style*="background:rgb(249, 250, 251)" i],
html[data-theme="dark"] [style*="background: rgb(249, 250, 251)" i],
html[data-theme="dark"] [style*="background-color:rgb(249, 250, 251)" i],
html[data-theme="dark"] [style*="background-color: rgb(249, 250, 251)" i],
html[data-theme="dark"] [style*="background:rgb(249,250,251)" i],
html[data-theme="dark"] [style*="background: rgb(249,250,251)" i],
html[data-theme="dark"] [style*="background-color:rgb(249,250,251)" i],
html[data-theme="dark"] [style*="background-color: rgb(249,250,251)" i],
html[data-theme="dark"] [style*="background:#FAFAFA" i],
html[data-theme="dark"] [style*="background: #FAFAFA" i],
html[data-theme="dark"] [style*="background-color:#FAFAFA" i],
html[data-theme="dark"] [style*="background-color: #FAFAFA" i],
html[data-theme="dark"] [style*="background:rgb(250, 250, 250)" i],
html[data-theme="dark"] [style*="background: rgb(250, 250, 250)" i],
html[data-theme="dark"] [style*="background-color:rgb(250, 250, 250)" i],
html[data-theme="dark"] [style*="background-color: rgb(250, 250, 250)" i],
html[data-theme="dark"] [style*="background:rgb(250,250,250)" i],
html[data-theme="dark"] [style*="background: rgb(250,250,250)" i],
html[data-theme="dark"] [style*="background-color:rgb(250,250,250)" i],
html[data-theme="dark"] [style*="background-color: rgb(250,250,250)" i],
html[data-theme="dark"] [style*="background:#F1F3F5" i],
html[data-theme="dark"] [style*="background: #F1F3F5" i],
html[data-theme="dark"] [style*="background-color:#F1F3F5" i],
html[data-theme="dark"] [style*="background-color: #F1F3F5" i],
html[data-theme="dark"] [style*="background:rgb(241, 243, 245)" i],
html[data-theme="dark"] [style*="background: rgb(241, 243, 245)" i],
html[data-theme="dark"] [style*="background-color:rgb(241, 243, 245)" i],
html[data-theme="dark"] [style*="background-color: rgb(241, 243, 245)" i],
html[data-theme="dark"] [style*="background:rgb(241,243,245)" i],
html[data-theme="dark"] [style*="background: rgb(241,243,245)" i],
html[data-theme="dark"] [style*="background-color:rgb(241,243,245)" i],
html[data-theme="dark"] [style*="background-color: rgb(241,243,245)" i],
html[data-theme="dark"] [style*="background:#F8F9FA" i],
html[data-theme="dark"] [style*="background: #F8F9FA" i],
html[data-theme="dark"] [style*="background-color:#F8F9FA" i],
html[data-theme="dark"] [style*="background-color: #F8F9FA" i],
html[data-theme="dark"] [style*="background:rgb(248, 249, 250)" i],
html[data-theme="dark"] [style*="background: rgb(248, 249, 250)" i],
html[data-theme="dark"] [style*="background-color:rgb(248, 249, 250)" i],
html[data-theme="dark"] [style*="background-color: rgb(248, 249, 250)" i],
html[data-theme="dark"] [style*="background:rgb(248,249,250)" i],
html[data-theme="dark"] [style*="background: rgb(248,249,250)" i],
html[data-theme="dark"] [style*="background-color:rgb(248,249,250)" i],
html[data-theme="dark"] [style*="background-color: rgb(248,249,250)" i],
html[data-theme="dark"] [style*="background:#E5E7EB" i],
html[data-theme="dark"] [style*="background: #E5E7EB" i],
html[data-theme="dark"] [style*="background-color:#E5E7EB" i],
html[data-theme="dark"] [style*="background-color: #E5E7EB" i],
html[data-theme="dark"] [style*="background:rgb(229, 231, 235)" i],
html[data-theme="dark"] [style*="background: rgb(229, 231, 235)" i],
html[data-theme="dark"] [style*="background-color:rgb(229, 231, 235)" i],
html[data-theme="dark"] [style*="background-color: rgb(229, 231, 235)" i],
html[data-theme="dark"] [style*="background:rgb(229,231,235)" i],
html[data-theme="dark"] [style*="background: rgb(229,231,235)" i],
html[data-theme="dark"] [style*="background-color:rgb(229,231,235)" i],
html[data-theme="dark"] [style*="background-color: rgb(229,231,235)" i],
html[data-theme="dark"] [style*="background:#E2E8F0" i],
html[data-theme="dark"] [style*="background: #E2E8F0" i],
html[data-theme="dark"] [style*="background-color:#E2E8F0" i],
html[data-theme="dark"] [style*="background-color: #E2E8F0" i],
html[data-theme="dark"] [style*="background:rgb(226, 232, 240)" i],
html[data-theme="dark"] [style*="background: rgb(226, 232, 240)" i],
html[data-theme="dark"] [style*="background-color:rgb(226, 232, 240)" i],
html[data-theme="dark"] [style*="background-color: rgb(226, 232, 240)" i],
html[data-theme="dark"] [style*="background:rgb(226,232,240)" i],
html[data-theme="dark"] [style*="background: rgb(226,232,240)" i],
html[data-theme="dark"] [style*="background-color:rgb(226,232,240)" i],
html[data-theme="dark"] [style*="background-color: rgb(226,232,240)" i],
html[data-theme="dark"] [style*="background:#E3E8F2" i],
html[data-theme="dark"] [style*="background: #E3E8F2" i],
html[data-theme="dark"] [style*="background-color:#E3E8F2" i],
html[data-theme="dark"] [style*="background-color: #E3E8F2" i],
html[data-theme="dark"] [style*="background:rgb(227, 232, 242)" i],
html[data-theme="dark"] [style*="background: rgb(227, 232, 242)" i],
html[data-theme="dark"] [style*="background-color:rgb(227, 232, 242)" i],
html[data-theme="dark"] [style*="background-color: rgb(227, 232, 242)" i],
html[data-theme="dark"] [style*="background:rgb(227,232,242)" i],
html[data-theme="dark"] [style*="background: rgb(227,232,242)" i],
html[data-theme="dark"] [style*="background-color:rgb(227,232,242)" i],
html[data-theme="dark"] [style*="background-color: rgb(227,232,242)" i],
html[data-theme="dark"] [style*="background:#EEF2F8" i],
html[data-theme="dark"] [style*="background: #EEF2F8" i],
html[data-theme="dark"] [style*="background-color:#EEF2F8" i],
html[data-theme="dark"] [style*="background-color: #EEF2F8" i],
html[data-theme="dark"] [style*="background:rgb(238, 242, 248)" i],
html[data-theme="dark"] [style*="background: rgb(238, 242, 248)" i],
html[data-theme="dark"] [style*="background-color:rgb(238, 242, 248)" i],
html[data-theme="dark"] [style*="background-color: rgb(238, 242, 248)" i],
html[data-theme="dark"] [style*="background:rgb(238,242,248)" i],
html[data-theme="dark"] [style*="background: rgb(238,242,248)" i],
html[data-theme="dark"] [style*="background-color:rgb(238,242,248)" i],
html[data-theme="dark"] [style*="background-color: rgb(238,242,248)" i],
html[data-theme="dark"] [style*="background:#F4F7FB" i],
html[data-theme="dark"] [style*="background: #F4F7FB" i],
html[data-theme="dark"] [style*="background-color:#F4F7FB" i],
html[data-theme="dark"] [style*="background-color: #F4F7FB" i],
html[data-theme="dark"] [style*="background:rgb(244, 247, 251)" i],
html[data-theme="dark"] [style*="background: rgb(244, 247, 251)" i],
html[data-theme="dark"] [style*="background-color:rgb(244, 247, 251)" i],
html[data-theme="dark"] [style*="background-color: rgb(244, 247, 251)" i],
html[data-theme="dark"] [style*="background:rgb(244,247,251)" i],
html[data-theme="dark"] [style*="background: rgb(244,247,251)" i],
html[data-theme="dark"] [style*="background-color:rgb(244,247,251)" i],
html[data-theme="dark"] [style*="background-color: rgb(244,247,251)" i] {
  background-color: #1A2133 !important;
}
html[data-theme="dark"] [style*="solid #CBD5E1" i],
html[data-theme="dark"] [style*="border-color:#CBD5E1" i],
html[data-theme="dark"] [style*="border-color: #CBD5E1" i],
html[data-theme="dark"] [style*="solid #D1D5DB" i],
html[data-theme="dark"] [style*="border-color:#D1D5DB" i],
html[data-theme="dark"] [style*="border-color: #D1D5DB" i],
html[data-theme="dark"] [style*="solid #D7DEE7" i],
html[data-theme="dark"] [style*="border-color:#D7DEE7" i],
html[data-theme="dark"] [style*="border-color: #D7DEE7" i] {
  border-color: #2E3850 !important;
}
html[data-theme="dark"] [style*=";color:#0F172A" i],
html[data-theme="dark"] [style*=";color: #0F172A" i],
html[data-theme="dark"] [style*="\"color:#0F172A" i],
html[data-theme="dark"] [style*=";color:#1E293B" i],
html[data-theme="dark"] [style*=";color: #1E293B" i],
html[data-theme="dark"] [style*="\"color:#1E293B" i],
html[data-theme="dark"] [style*=";color:#334155" i],
html[data-theme="dark"] [style*=";color: #334155" i],
html[data-theme="dark"] [style*="\"color:#334155" i],
html[data-theme="dark"] [style*=";color:#111827" i],
html[data-theme="dark"] [style*=";color: #111827" i],
html[data-theme="dark"] [style*="\"color:#111827" i],
html[data-theme="dark"] [style*=";color:#1F2937" i],
html[data-theme="dark"] [style*=";color: #1F2937" i],
html[data-theme="dark"] [style*="\"color:#1F2937" i],
html[data-theme="dark"] [style*=";color:#111111" i],
html[data-theme="dark"] [style*=";color: #111111" i],
html[data-theme="dark"] [style*="\"color:#111111" i] {
  color: #E2E8F0 !important;
}

/* ── Plain white surfaces (6-digit form only — "#fff" would also match
      "#fffbeb", so the short form is deliberately left alone) ───────── */
html[data-theme="dark"] [style*="background:#ffffff" i],
html[data-theme="dark"] [style*="background: #ffffff" i],
html[data-theme="dark"] [style*="background-color:#ffffff" i],
html[data-theme="dark"] [style*="background-color: #ffffff" i] {
  background-color: #151B2E !important;
}

/* ══ CLASS-BASED RULES ═══════════════════════════════════════════════════
   Literals baked into styles.css and the pages' own <style> blocks. The
   attribute selectors above cannot reach these. The html[data-theme] prefix
   outranks the original rule, so load order is irrelevant.
   ═════════════════════════════════════════════════════════════════════ */

/* Plain white surfaces → card surface */
html[data-theme="dark"] .pub-link.ghost,
html[data-theme="dark"] .more-tabs-dropdown,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .sp-dt-wrap .sp-dt-input,
html[data-theme="dark"] .sp-dt-card,
html[data-theme="dark"] .bk-tab-btn,
html[data-theme="dark"] .bk-card,
html[data-theme="dark"] .bk-day-chip,
html[data-theme="dark"] .appt-day-chip,
html[data-theme="dark"] .wt-btn.active,
html[data-theme="dark"] .lookup-card,
html[data-theme="dark"] .login-prompt,
html[data-theme="dark"] .reg-status-card,
html[data-theme="dark"] .pm-action-btn,
html[data-theme="dark"] .sc-act,
html[data-theme="dark"] .sp-sheet,
html[data-theme="dark"] .sp-hd,
html[data-theme="dark"] .booking-detail,
html[data-theme="dark"] .transfer-claim-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .sp-schedule-card,
html[data-theme="dark"] .sp-foot {
  background-color: var(--s0) !important;
  border-color: var(--bdr) !important;
  color: var(--t2);
}

/* Inputs keep a slightly recessed surface, including on focus */
html[data-theme="dark"] input.fi, html[data-theme="dark"] select.fi, html[data-theme="dark"] textarea.fi, html[data-theme="dark"] .lookup-input,
html[data-theme="dark"] input.fi:focus, html[data-theme="dark"] select.fi:focus, html[data-theme="dark"] textarea.fi:focus, html[data-theme="dark"] .lookup-input:focus,
html[data-theme="dark"] .sp-dt-grid input, html[data-theme="dark"] .sp-dt-preview {
  background-color: var(--s1) !important;
  border-color: var(--bdr) !important;
  color: var(--t1) !important;
}

/* Status pills */
html[data-theme="dark"] .t-ok { background-color:#0E2A1E !important; color:#6EE7B7 !important; }
html[data-theme="dark"] .t-err { background-color:#2A1517 !important; color:#FCA5A5 !important; }
html[data-theme="dark"] .t-warn { background-color:#2B2113 !important; color:#FCD34D !important; }
html[data-theme="dark"] .t-info { background-color:#1A1F3D !important; color:#A5B4FC !important; }
html[data-theme="dark"] .t-pur { background-color:#221A3D !important; color:#C4B5FD !important; }
html[data-theme="dark"] .t-blu { background-color:#12213A !important; color:#93C5FD !important; }
html[data-theme="dark"] .cnic-badge.ok { background-color:#0E2A1E !important; color:#6EE7B7 !important; }
html[data-theme="dark"] .cnic-badge.err { background-color:#2A1517 !important; color:#FCA5A5 !important; }

/* Callout / banner variants */
html[data-theme="dark"] .sp-ok,
html[data-theme="dark"] .bdp-ok {
  background-color:#0E2A1E !important; border-color:#1E5540 !important; color:#6EE7B7 !important;
}
html[data-theme="dark"] .sp-err,
html[data-theme="dark"] .bdp-err,
html[data-theme="dark"] .form-summary,
html[data-theme="dark"] .sc-act.danger,
html[data-theme="dark"] .pub-link.danger:hover {
  background-color:#2A1517 !important; border-color:#5A2A2E !important; color:#FCA5A5 !important;
}
html[data-theme="dark"] .sp-warn,
html[data-theme="dark"] .bdp-warn,
html[data-theme="dark"] .pay-instr-box {
  background-color:#2B2113 !important; border-color:#5C4820 !important; color:#FCD34D !important;
}
html[data-theme="dark"] .sp-info,
html[data-theme="dark"] .bdp-info {
  background-color:#12213A !important; border-color:#27456E !important; color:#93C5FD !important;
}
html[data-theme="dark"] .security-chip,
html[data-theme="dark"] .bk-tab-btn.active,
html[data-theme="dark"] .sc-act:hover,
html[data-theme="dark"] .selfie-uploader,
html[data-theme="dark"] .sp-tz-badge {
  background-color:#1A1F3D !important; border-color:#343C6B !important; color:#A5B4FC !important;
}

/* auth.html paints its own light gradient on <body> */
html[data-theme="dark"] body {
  background-image: linear-gradient(160deg,#12172B 0%,#0B1020 50%,#141A33 100%) !important;
}

/* Translucent white bars — these use rgba() in styles.css, so the hex-based
   rules above never see them. */
html[data-theme="dark"] .topbar { background-color: rgba(17,23,41,.90) !important; border-color: var(--bdr) !important; }
html[data-theme="dark"] .pub-nav { background-color: rgba(17,23,41,.92) !important; border-color: var(--bdr) !important; }
html[data-theme="dark"] .pub-links { background-color: rgba(11,16,32,.98) !important; }

html[data-theme="dark"] .selfie-preview { background-color: var(--s2) !important; }

/* Brand FILLS — in dark mode --brand is tuned for legible brand-coloured
   TEXT, which makes it too light to carry white text as a background.
   These are every rule in the codebase that fills with the brand; they use
   the darker --brand-fill so white labels on them stay above 4.5:1. */
html[data-theme="dark"] .pub-link.act,
html[data-theme="dark"] .pg-btn.active,
html[data-theme="dark"] .cpill:hover,
html[data-theme="dark"] .cpill.on,
html[data-theme="dark"] .ctab.on,
html[data-theme="dark"] .sec-view-all:hover,
html[data-theme="dark"] .wt-count,
html[data-theme="dark"] .pm-action-btn:hover,
html[data-theme="dark"] .sc-act.primary,
html[data-theme="dark"] .step.active .step-dot,
html[data-theme="dark"] .date-tab.active,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn.primary {
  background-color: var(--brand-fill) !important;
  color: #FFFFFF !important;
}

/* ── Structural safety net ──────────────────────────────────────────── */
html[data-theme="dark"] [style*="box-shadow" i] { box-shadow: 0 4px 14px rgba(0,0,0,.45) !important; }

/* ⚠️ QR codes MUST keep a white quiet zone — many scanners fail on an
   inverted or tinted code. These deliberately stay white in dark mode. */
html[data-theme="dark"] .tk-qr, html[data-theme="dark"] .tw-qr, html[data-theme="dark"] .qr-fullscreen img, html[data-theme="dark"] .qr-card, html[data-theme="dark"] .qr-canvas,
html[data-theme="dark"] img[src*="qrserver"], html[data-theme="dark"] img[alt*="QR" i], html[data-theme="dark"] canvas.qr, html[data-theme="dark"] .qr-box {
  background: #FFFFFF !important;
}

/* The rendered ticket PNG is baked light — never tint or invert it. */
html[data-theme="dark"] img[src*="/media/tickets/"] { background: #FFFFFF !important; }

/* Toggle knob rides on a coloured track — it stays white in both themes. */
html[data-theme="dark"] .toggle::after { background: #FFFFFF !important; }