/* GENERATED by scripts/make-dark-css.mjs — do not edit by hand.
   The dark theme: every colour of the light CSS, re-mapped, under html[data-theme="dark"]. */
html[data-theme="dark"] {
  color-scheme: dark;
  --teal: #0d9488;
  --teal-dark: #5eead4;
  --teal-soft: #123f3b;
  --ink: #e5edf5;
  --body: #cbd5e1;
  --muted: #94a3b8;
  --line: #2a3648;
  --bg: #0b1220;
  --card: #131c2c;
  --green: #34d399;
  --green-soft: #0f3b2e;
  --red: #dc2626;
  --red-soft: #3f1d1f;
  --amber: #fbbf24;
  --amber-soft: #3d2e10;
  --blue: #60a5fa;
  --blue-soft: #16264a;
  --shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .35);
  --side-pill-ink: #ffffff;
}

/* ============ from public/css/app.css ============ */
html[data-theme="dark"] .topbar {
  background: #39655b;
  border-bottom: 1px solid #53847b;
  color: #ededed;
}
html[data-theme="dark"] .topbar .brand .qht-mark {
  color: #ededed;
}
html[data-theme="dark"] .bar-out {
  background: rgba(20, 26, 36, 0.82);
  border: 1px solid #53847b;
  color: #cce6e3;
}
html[data-theme="dark"] .theme-btn {
  background: rgba(20, 26, 36, 0.82);
  border: 1px solid #53847b;
  color: #cce6e3;
}
html[data-theme="dark"] .theme-btn:hover {
  background: #141a24;
}
html[data-theme="dark"] .bar-out:hover {
  background: #141a24;
  color: #d4b6b4;
}
html[data-theme="dark"] .sign-out {
  color: #d4b6b4;
  border-color: #61322e;
}
html[data-theme="dark"] .sign-out:hover {
  background: #331515;
  border-color: #6c3934;
}
html[data-theme="dark"] .topbar .who .role {
  color: #c2cecc;
}
html[data-theme="dark"] .sidenav {
  box-shadow: 4px 0 24px rgba(15, 23, 42, 0.16);
}
html[data-theme="dark"] .nav-backdrop {
  background: rgba(15, 23, 42, 0.45);
}
html[data-theme="dark"] .sidenav .count {
  color: #c2c8cf;
}
html[data-theme="dark"] .sidenav button.active .count {
  background: rgba(20, 26, 36, 0.22);
  color: #ffffff;
}
html[data-theme="dark"] .nav-toggle {
  background: rgba(20, 26, 36, 0.82);
  border: 1px solid #53847b;
  color: #cce6e3;
}
html[data-theme="dark"] .nav-toggle:hover {
  background: #141a24;
}
html[data-theme="dark"] .kpi {
  --tint: #18332e;
  --edge: #335b54;
  --ink-label: #c4dfdc;
}
html[data-theme="dark"] .kpi.good {
  --tint: #193325;
  --edge: #366047;
  --ink-label: #c0dfd6;
}
html[data-theme="dark"] .kpi.warn {
  --tint: #362a16;
  --edge: #675231;
  --ink-label: #e4d1ba;
}
html[data-theme="dark"] .kpi.bad {
  --tint: #331515;
  --edge: #61322e;
  --ink-label: #d4b6b4;
}
html[data-theme="dark"] .kpi .value.warn {
  color: #e4d1ba;
}
html[data-theme="dark"] .kpi .value.bad {
  color: #d4b6b4;
}
html[data-theme="dark"] .kpi .value.good {
  color: #c0dfd6;
}
html[data-theme="dark"] .kpi-note {
  color: #c6ccd0;
}
html[data-theme="dark"] .day-hero {
  background-color: #1f3934;
  background-image: linear-gradient(135deg, #1a3630 0%, #1f3934 55%, #22321e 100%);
  border: 1px solid #335b54;
}
html[data-theme="dark"] .day-hero-date {
  color: #cad7d5;
}
html[data-theme="dark"] .day-hero-sub {
  color: #c6d2d1;
}
html[data-theme="dark"] .ring {
  --fill: #336a60;
  background: conic-gradient(var(--fill) calc(var(--pct) * 1%), #27403a 0);
}
html[data-theme="dark"] .ring.warn {
  --fill: #66502a;
}
html[data-theme="dark"] .ring.bad {
  --fill: #5b2925;
}
html[data-theme="dark"] .ring::before {
  background: #152d25;
}
html[data-theme="dark"] .low-row:hover {
  box-shadow: 0 6px 16px -10px rgba(15, 23, 42, 0.5);
}
html[data-theme="dark"] .low-row .avatar {
  color: #e6d7bf;
  background: #41321a;
}
html[data-theme="dark"] .low-row.bad .avatar {
  color: #d9bcba;
  background: #3b1b18;
}
html[data-theme="dark"] .all-clear {
  color: #c0dfd6;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #141a24;
}
html[data-theme="dark"] .install-card {
  background: #132f29;
}
html[data-theme="dark"] .seg {
  border: 2px solid #3e4f62;
}
html[data-theme="dark"] .seg button:hover:not(.active) {
  background: #1c2736;
}
html[data-theme="dark"] .seg button.active {
  color: #ffffff;
  box-shadow: 0 1px 4px rgba(15, 118, 110, 0.45);
}
html[data-theme="dark"] .review-table .col-approve {
  background: rgba(5, 150, 105, 0.06);
}
html[data-theme="dark"] .review-table .col-reject {
  background: rgba(220, 38, 38, 0.05);
}
html[data-theme="dark"] .photo-view {
  background: rgba(15, 23, 42, 0.88);
}
html[data-theme="dark"] .pv-img {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .pv-close {
  border: 1px solid rgba(36, 48, 66, 0.35);
  background: rgba(20, 26, 36, 0.12);
  color: #ffffff;
}
html[data-theme="dark"] .pv-close:hover {
  background: rgba(20, 26, 36, 0.22);
}
html[data-theme="dark"] .team-cal .cday.future {
  background: #161d28;
}
html[data-theme="dark"] .team-cal .cday.has:hover {
  background: #132f29;
}
html[data-theme="dark"] .team-cal .pip {
  color: #ffffff;
}
html[data-theme="dark"] .team-cal .pip.flagged {
  background: #7d5433;
}
html[data-theme="dark"] .wiz-track > i {
  background: linear-gradient(90deg, #3e7369, var(--teal));
}
html[data-theme="dark"] .choice:hover:not(.is-only) {
  border-color: #407168;
}
html[data-theme="dark"] .choice-ic {
  color: #c2c8ce;
}
html[data-theme="dark"] .choice[aria-pressed="true"] {
  border-color: #508f84;
  background: #17302b;
}
html[data-theme="dark"] .choice[aria-pressed="true"] .choice-ic {
  background: #1b3b35;
  color: #c4dfdc;
}
html[data-theme="dark"] .choice[aria-pressed="true"] .choice-tick {
  color: #ffffff;
}
html[data-theme="dark"] .wizard .stepper li.done .dot {
  color: #ffffff;
}
html[data-theme="dark"] .rev-row {
  border-bottom: 1px solid var(--line-soft, #24384c);
}
html[data-theme="dark"] .icon-btn:hover {
  border-color: #34465b;
}
html[data-theme="dark"] button.btn {
  color: #ffffff;
}
html[data-theme="dark"] button.btn.ghost {
  background: #141a24;
}
html[data-theme="dark"] button.btn.ghost.danger-text:hover {
  border-color: #643030;
}
html[data-theme="dark"] .badge.approved,
html[data-theme="dark"] .badge.active,
html[data-theme="dark"] .badge.released {
  color: #c4f3e6;
}
html[data-theme="dark"] .badge.pending {
  color: #eecab5;
}
html[data-theme="dark"] .badge.rejected,
html[data-theme="dark"] .badge.suspended {
  color: #e8b4b4;
}
html[data-theme="dark"] .badge.flagged,
html[data-theme="dark"] .badge.on_hold {
  background: #3a2b18;
  color: #ebc1b3;
}
html[data-theme="dark"] .badge.pending_agreement {
  color: #adbae6;
}
html[data-theme="dark"] .badge.role {
  color: #c6edeb;
}
html[data-theme="dark"] .badge.missed {
  color: #e8b4b4;
}
html[data-theme="dark"] tbody tr:hover {
  background: #131f2b;
}
html[data-theme="dark"] .bar > i.warn {
  background: #7e6034;
}
html[data-theme="dark"] .bar > i.bad {
  background: #6e322d;
}
html[data-theme="dark"] .org-legend {
  background: #13232e;
  border: 1px solid #34465b;
}
html[data-theme="dark"] .org-legend .lvl.admin {
  background: #1f1635;
  border-color: #3d3165;
  color: #c1bad9;
}
html[data-theme="dark"] .org-legend .lvl.head {
  background: #1b3b35;
  border-color: #407168;
  color: #c4dfdc;
}
html[data-theme="dark"] .org-legend .lvl.infl {
  background: #332615;
  border-color: #6a5533;
  color: #e4d1ba;
}
html[data-theme="dark"] .org-node {
  --node-edge: #34465b;
  --node-av: #19242f;
  --node-av-ink: #c7cdd4;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
html[data-theme="dark"] .org-node[data-person]:hover {
  border-color: #4a776f;
  box-shadow: 0 8px 20px -12px rgba(15, 23, 42, 0.55);
}
html[data-theme="dark"] .org-node .org-role {
  color: #c2c8ce;
}
html[data-theme="dark"] .org-chev {
  color: #b6bdc3;
}
html[data-theme="dark"] .org-toggle {
  background: rgba(20, 26, 36, 0.8);
  color: #c7cdd4;
}
html[data-theme="dark"] .org-toggle:hover {
  background: #141a24;
}
html[data-theme="dark"] .org-node.admin {
  --node-bg: #1f1635;
  --node-edge: #3d3165;
  --node-av: #141a24;
  --node-av-ink: #bcb5d4;
}
html[data-theme="dark"] .org-node.head_influencer {
  --node-bg: #1b3b35;
  --node-edge: #407168;
  --node-av: #141a24;
  --node-av-ink: #c4dfdc;
}
html[data-theme="dark"] .org-node.influencer {
  --node-bg: #332615;
  --node-edge: #6a5533;
  --node-av: #141a24;
  --node-av-ink: #e4d1ba;
}
html[data-theme="dark"] .pchip {
  color: #c7cdd4;
}
html[data-theme="dark"] .pchip[aria-pressed="true"] {
  background: #1b3b35;
  border-color: #407168;
  color: #c4dfdc;
}
html[data-theme="dark"] .pchip-n {
  background: rgba(15, 23, 42, 0.07);
}
html[data-theme="dark"] .pchip[aria-pressed="true"] .pchip-n {
  background: rgba(20, 26, 36, 0.75);
}
html[data-theme="dark"] .pcard {
  --pc-edge: #384a5b;
  --pc-av: #172530;
  --pc-ink: #c7cdd4;
}
html[data-theme="dark"] .pcard.head_influencer {
  --pc-edge: #407168;
  --pc-av: #1b3b35;
  --pc-ink: #c4dfdc;
}
html[data-theme="dark"] .pcard.influencer {
  --pc-edge: #6a5533;
  --pc-av: #332615;
  --pc-ink: #e4d1ba;
}
html[data-theme="dark"] .pcard:hover {
  box-shadow: 0 8px 20px -14px rgba(15, 23, 42, 0.6);
}
html[data-theme="dark"] .pchev {
  color: #b1b8bf;
}
html[data-theme="dark"] .picon {
  color: #bdc2c7;
}
html[data-theme="dark"] .picon:hover {
  color: #d4b6b4;
  background: #331515;
  border-color: #61322e;
}
html[data-theme="dark"] .rcard.good .rpct {
  color: #c0dfd6;
}
html[data-theme="dark"] .rcard.warn .rpct {
  color: #e4d1ba;
}
html[data-theme="dark"] .rcard.bad  .rpct {
  color: #d4b6b4;
}
html[data-theme="dark"] .md-top .ring::before {
  background: #141a24;
}
html[data-theme="dark"] .md-open:hover {
  border-color: #43776c;
  box-shadow: 0 6px 18px rgba(80, 130, 120, 0.14);
}
html[data-theme="dark"] .md-open .ring::before {
  background: #141a24;
}
html[data-theme="dark"] .md-open-go {
  stroke: #c2cecc;
}
html[data-theme="dark"] .md-back {
  color: #c6d9d5;
}
html[data-theme="dark"] .md-step {
  background: #141a24;
  color: #c7cdd4;
}
html[data-theme="dark"] .md-tick {
  color: #c2c8ce;
}
html[data-theme="dark"] .md-step.done {
  background: #153226;
  border-color: #326956;
  color: #c0dfd6;
}
html[data-theme="dark"] .md-step.done .md-tick {
  color: #ffffff;
}
html[data-theme="dark"] .md-sec.flash {
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.12);
}
html[data-theme="dark"] .md-sec-ic {
  background: #362a16;
  color: #e4d1ba;
}
html[data-theme="dark"] .md-state {
  background: #362a16;
  color: #e4d1ba;
}
html[data-theme="dark"] .md-sec.done .md-state,
html[data-theme="dark"] .md-sec.done .md-sec-ic {
  background: #193325;
  color: #c0dfd6;
}
html[data-theme="dark"] .md-hint {
  color: #c2c8ce;
}
html[data-theme="dark"] .md-hint.ok {
  color: #c0dfd6;
}
html[data-theme="dark"] .md-hint.bad {
  color: #d4b6b4;
}
html[data-theme="dark"] .md input.md-ok {
  border-color: #397660;
}
html[data-theme="dark"] .md input.md-bad {
  border-color: #7c413c;
  box-shadow: 0 0 0 3px rgba(15, 15, 15, 0.15);
}
html[data-theme="dark"] .md-seg button {
  color: #c7cdd4;
}
html[data-theme="dark"] .md-seg button[aria-pressed="true"] {
  background: #141a24;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
}
html[data-theme="dark"] .md-savebar {
  background: #141a24;
  box-shadow: 0 12px 26px -18px rgba(15, 23, 42, 0.5);
}
html[data-theme="dark"] .md-status {
  color: #c2c8ce;
}
html[data-theme="dark"] .md-savebar.dirty {
  background: #2e2413;
  border-color: #675231;
}
html[data-theme="dark"] .md-savebar.dirty .md-status {
  color: #e4d1ba;
}
html[data-theme="dark"] .cal .day {
  background: #141a24;
}
html[data-theme="dark"] .cal .day.approved {
  border-color: #3d7e64;
  color: #c4f3e6;
}
html[data-theme="dark"] .cal .day.pending {
  border-color: #82723f;
  color: #eecab5;
}
html[data-theme="dark"] .cal .day.rejected {
  border-color: #643030;
  color: #e8b4b4;
}
html[data-theme="dark"] .cal .day.flagged {
  background: #3a2b18;
  border-color: #745738;
  color: #ebc1b3;
}
html[data-theme="dark"] .cal .day.missed {
  background: #2e1315;
  border-color: #56292f;
  color: #ebb1c1;
}
html[data-theme="dark"] .cal .day.future {
  background: #161d28;
}
html[data-theme="dark"] .legend i.lg-approved {
  border: 1px solid #3d7e64;
}
html[data-theme="dark"] .legend i.lg-pending {
  border: 1px solid #82723f;
}
html[data-theme="dark"] .legend i.lg-rejected {
  border: 1px solid #643030;
}
html[data-theme="dark"] .legend i.lg-missed {
  background: #2e1315;
  border: 1px solid #56292f;
}
html[data-theme="dark"] .legend i.lg-flagged-dot {
  background: #7d5433;
}
html[data-theme="dark"] .msg.error {
  color: #e8b4b4;
}
html[data-theme="dark"] .msg.ok {
  color: #c4f3e6;
}
html[data-theme="dark"] .msg.info {
  color: #adbae6;
}
html[data-theme="dark"] .msg.warn {
  color: #eecab5;
}
html[data-theme="dark"] .modal-bg {
  background: rgba(15, 23, 42, 0.55);
}
html[data-theme="dark"] .modal {
  background: #141a24;
}
html[data-theme="dark"] .bottom-nav {
  background: #141a24;
}
html[data-theme="dark"] .bottom-nav button.active {
  box-shadow: inset 0 0 0 1.5px #0f0f0f;
}
html[data-theme="dark"] .hero {
  background-color: #1f3934;
  background-image: linear-gradient(135deg, #1a3630 0%, #1f3934 55%, #22321e 100%);
  border: 1px solid #335b54;
  color: #ccd9d7;
}
html[data-theme="dark"] .hero .sub {
  color: #c6d2d1;
}
html[data-theme="dark"] .hero .tiny {
  color: #cad7d5;
}
html[data-theme="dark"] .today-card {
  background: #141a24;
}
html[data-theme="dark"] .today-card.done {
  border-color: #326956;
  background: #193325;
}
html[data-theme="dark"] .today-card .big svg {
  stroke: #b0c3c0;
}
html[data-theme="dark"] .today-card .big.done svg {
  stroke: #bad4cb;
}
html[data-theme="dark"] .pick {
  background: #132f29;
}
html[data-theme="dark"] .cam-wrap video {
  background: #000000;
}
html[data-theme="dark"] .cam-flip {
  border: 1px solid rgba(36, 48, 66, 0.35);
  background: rgba(15, 23, 42, 0.55);
  color: #ffffff;
}
html[data-theme="dark"] .cam-flip:hover {
  background: rgba(15, 23, 42, 0.75);
}
html[data-theme="dark"] .upload-drop {
  background: #132f29;
}
html[data-theme="dark"] .clause {
  background: #141a24;
}
html[data-theme="dark"] .clause.checked {
  background: #132f29;
}
html[data-theme="dark"] .who-avatar[data-band="good"] {
  color: #c4f3e6;
}
html[data-theme="dark"] .who-avatar[data-band="warn"] {
  color: #eecab5;
}
html[data-theme="dark"] .who-avatar[data-band="bad"] {
  color: #e8b4b4;
}
html[data-theme="dark"] .senders-table tr.tappable:hover {
  background: #131f2b;
}
@media (max-width: 719px) {
  html[data-theme="dark"] table.senders-table tr.tappable:active {
    background: #142230;
  }
}

/* ============ from public/css/login.css ============ */
html[data-theme="dark"] body.auth {
  background: radial-gradient(1100px 620px at 12% 8%, rgba(20, 26, 36, 0.55), transparent 62%),
    radial-gradient(900px 520px at 88% 92%, rgba(39, 76, 69, 0.5), transparent 64%),
    linear-gradient(155deg, #1f3934 0%, #25403b 42%, #25342d 100%);
}
html[data-theme="dark"] .auth-shell {
  box-shadow: 0 24px 60px -26px rgba(20, 60, 56, 0.38), 0 2px 6px rgba(20, 60, 56, 0.1);
}
html[data-theme="dark"] .auth-brand {
  color: #ccd9d7;
  background-color: #213b35;
  background-image: linear-gradient(160deg, #1b342e 0%, #213b35 48%, #203022 100%);
  border-right: 1px solid #335b54;
}
html[data-theme="dark"] .auth-brand::after {
  background-color: #476f6a;
}
html[data-theme="dark"] .auth-brand .lede {
  color: #cad6d4;
}
html[data-theme="dark"] .auth-points li {
  color: #ccd9d7;
}
html[data-theme="dark"] .auth-points .ic {
  background: rgba(20, 26, 36, 0.72);
  border: 1px solid #335b54;
}
html[data-theme="dark"] .auth-points svg {
  stroke: #c4dfdc;
}
html[data-theme="dark"] .f-float input {
  background: #141a24;
}
html[data-theme="dark"] .f-float input:focus {
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.14);
}
html[data-theme="dark"] .f-float input:-webkit-autofill,
html[data-theme="dark"] .f-float input:-webkit-autofill:hover,
html[data-theme="dark"] .f-float input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #0f0f0f inset;
  box-shadow: 0 0 0 100px #0f0f0f inset;
}
html[data-theme="dark"] .f-float input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #0f0f0f inset, 0 0 0 4px rgba(13, 148, 136, 0.14);
  box-shadow: 0 0 0 100px #0f0f0f inset, 0 0 0 4px rgba(13, 148, 136, 0.14);
}
html[data-theme="dark"] .auth-form .btn.block:hover:not(:disabled) {
  box-shadow: 0 8px 18px -8px rgba(13, 148, 136, 0.8);
}
html[data-theme="dark"] .ripple {
  background: rgba(20, 26, 36, 0.45);
}
html[data-theme="dark"] .spinner {
  border: 2px solid rgba(36, 48, 66, 0.4);
  border-top-color: #243042;
}
html[data-theme="dark"] .theme-float {
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}
html[data-theme="dark"] .apk-dl {
  border: 1.5px dashed #407168;
  background: #142f27;
  color: #d9dfed;
}
html[data-theme="dark"] .apk-dl:hover {
  background: #18352e;
  border-color: #508f84;
}
html[data-theme="dark"] .apk-ic {
  background: #1b3b35;
  color: #c4dfdc;
}
html[data-theme="dark"] .apk-meta {
  color: #c2c8ce;
}
html[data-theme="dark"] .apk-go {
  background: #141a24;
  color: #c4dfdc;
}
html[data-theme="dark"] .portal {
  --p-tile: #1b3b35;
  --p-ink: #c4dfdc;
  --p-edge: #335b54;
  background: #141a24;
  border: 1px solid #33423e;
  box-shadow: 0 10px 26px -18px rgba(20, 60, 56, 0.45), 0 1px 2px rgba(20, 60, 56, 0.06);
}
html[data-theme="dark"] .portal.p-admin {
  --p-tile: #1f1635;
  --p-ink: #bcb5d4;
  --p-edge: #382b5a;
}
html[data-theme="dark"] .portal.p-head {
  --p-tile: #1b3b35;
  --p-ink: #c4dfdc;
  --p-edge: #336358;
}
html[data-theme="dark"] .portal.p-influencer {
  --p-tile: #372a17;
  --p-ink: #e4d1ba;
  --p-edge: #634f30;
}
html[data-theme="dark"] .portal:hover {
  box-shadow: 0 16px 30px -18px rgba(20, 60, 56, 0.55), 0 1px 2px rgba(20, 60, 56, 0.06);
}
html[data-theme="dark"] .portal-ic {
  background: linear-gradient(160deg, #141a24 0%, var(--p-tile) 55%);
  box-shadow: inset 0 1px 0 rgba(15, 15, 15, 0.9),
              0 6px 14px -8px var(--p-ink);
}
html[data-theme="dark"] .portal-go {
  background: #18212d;
  color: #c7cdd4;
}
html[data-theme="dark"] .portal-chip {
  background: #1b3b35;
  color: #c4dfdc;
}
html[data-theme="dark"] .portal-chip.p-admin {
  background: #1f1635;
  color: #bcb5d4;
}
html[data-theme="dark"] .portal-chip.p-influencer {
  background: #372a17;
  color: #e4d1ba;
}

/* ============ from public/agreement.html ============ */
html[data-theme="dark"] .terms-head {
  color: #ffffff;
}
html[data-theme="dark"] .terms-head h1 {
  color: #ffffff;
}
html[data-theme="dark"] .token-box {
  border: 1px solid #3f8278;
}
html[data-theme="dark"] .token-box .amt {
  color: #c6edeb;
}
html[data-theme="dark"] .sticky-accept {
  background: #141a24;
  box-shadow: 0 -2px 8px rgba(15, 23, 42, 0.06);
}

/* ---- hand tweaks ---- */
html[data-theme="dark"] body { background: var(--bg); color: var(--body); }
html[data-theme="dark"] .topbar .brand .qht-mark { color: #e5edf5; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background-color: #0f1726; color: var(--ink); border-color: #334155; }
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #7b8aa0; }
html[data-theme="dark"] .theme-btn { background: rgba(255, 255, 255, .08); border-color: #3d5a55; color: #e5edf5; }
html[data-theme="dark"] .theme-btn:hover { background: rgba(255, 255, 255, .16); }

/* the other buttons in the top bar match the switch */
html[data-theme="dark"] .bar-out, html[data-theme="dark"] .nav-toggle { background: rgba(255, 255, 255, .08); border-color: #3d5a55; color: #e5edf5; }
html[data-theme="dark"] .nav-toggle:hover { background: rgba(255, 255, 255, .16); }
html[data-theme="dark"] .bar-out:hover { background: rgba(248, 113, 113, .16); color: #fca5a5; }

/* White text needs a deeper teal behind it than --teal (3.7:1). The light
   theme hovers to --teal-dark, which is a LIGHT teal here — white on it
   would vanish — so the hover goes darker instead. */
html[data-theme="dark"] button.btn:not(.ghost):not(.danger) { background: #0f766e; }
html[data-theme="dark"] button.btn:not(.ghost):not(.danger):hover { background: #115e59; }
html[data-theme="dark"] button.btn.danger:hover { background: #b91c1c; }
html[data-theme="dark"] .seg button.active { background: #0f766e; color: #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .sidenav button.active { background: #0f766e; color: #ffffff; }

html[data-theme="dark"] .topbar .who .role { color: #dcefeb; }
html[data-theme="dark"] .review-table thead .col-approve { color: #6ee7b7; }
html[data-theme="dark"] .review-table thead .col-reject { color: #fca5a5; }