/* Dark appearance (2026-10-03) - applied when <html data-theme="dark"> (see js/theme.js: Light / Dark / Device).
   Loaded AFTER styles.css, so these rules override the light defaults. The sign-in/welcome/lock screens, the title
   bar, the bottom bar and the gold-on-navy cards are already dark and are left alone.

   Palette: page #0b1020 · surface #141b30 · raised #1a2340 · line #2a3350 · text #e6eaf5 · muted #9aa6bd.
   Many surfaces are Tailwind utility classes in the markup (bg-white, text-slate-900 ...), so they are
   re-pointed here by class rather than edited one by one. */

html[data-theme="dark"] {
    --bg-light: #0b1020;
    --card-bg: #141b30;
    --border-color: #2a3350;
    --text-main: #e6eaf5;
    --text-muted: #9aa6bd;
}
html[data-theme="dark"] body { background-color: #0b1020; color: #e6eaf5; }

/* ---- Tailwind utility re-pointing ---- */
html[data-theme="dark"] .bg-white { background-color: #141b30 !important; }
html[data-theme="dark"] .bg-slate-50 { background-color: #101729 !important; }
html[data-theme="dark"] .bg-slate-100 { background-color: #1a2340 !important; }
html[data-theme="dark"] .bg-slate-200 { background-color: #232d4d !important; }
html[data-theme="dark"] .hover\:bg-slate-50:hover, html[data-theme="dark"] .hover\:bg-slate-100:hover { background-color: #1a2340 !important; }
html[data-theme="dark"] .hover\:bg-slate-200:hover, html[data-theme="dark"] .hover\:bg-slate-300:hover { background-color: #2a3560 !important; }
html[data-theme="dark"] .text-slate-900, html[data-theme="dark"] .text-slate-800 { color: #e6eaf5 !important; }
html[data-theme="dark"] .text-slate-700, html[data-theme="dark"] .text-slate-600 { color: #c3cbdd !important; }
html[data-theme="dark"] .text-slate-500 { color: #9aa6bd !important; }
html[data-theme="dark"] .text-slate-400 { color: #7f8aa3 !important; }
html[data-theme="dark"] .border-slate-100, html[data-theme="dark"] .border-slate-200, html[data-theme="dark"] .border-slate-300 { border-color: #2a3350 !important; }
html[data-theme="dark"] .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #2a3350 !important; }

html[data-theme="dark"] .bg-purple-50 { background-color: #1a1738 !important; }
html[data-theme="dark"] .bg-purple-100 { background-color: #262050 !important; }
html[data-theme="dark"] .border-purple-200, html[data-theme="dark"] .border-purple-300 { border-color: #3d3470 !important; }
html[data-theme="dark"] .text-purple-900, html[data-theme="dark"] .text-purple-800, html[data-theme="dark"] .text-purple-950, html[data-theme="dark"] .text-purple-700 { color: #d9c9ff !important; }
html[data-theme="dark"] .hover\:bg-purple-50:hover { background-color: #262050 !important; }

html[data-theme="dark"] .bg-amber-50, html[data-theme="dark"] .bg-amber-100 { background-color: #2c230e !important; }
html[data-theme="dark"] .text-amber-900, html[data-theme="dark"] .text-amber-800, html[data-theme="dark"] .text-amber-700 { color: #f2d896 !important; }
html[data-theme="dark"] .border-amber-200, html[data-theme="dark"] .border-amber-300, html[data-theme="dark"] .border-amber-400 { border-color: #6b5420 !important; }
html[data-theme="dark"] .bg-red-50, html[data-theme="dark"] .bg-red-100 { background-color: #3a1818 !important; }
html[data-theme="dark"] .text-red-800, html[data-theme="dark"] .text-red-700, html[data-theme="dark"] .text-red-600 { color: #fca5a5 !important; }
html[data-theme="dark"] .border-red-200, html[data-theme="dark"] .border-red-300, html[data-theme="dark"] .border-red-400 { border-color: #7f2d2d !important; }
html[data-theme="dark"] .bg-sky-50, html[data-theme="dark"] .bg-sky-100 { background-color: #0e2a3f !important; }
html[data-theme="dark"] .text-sky-700, html[data-theme="dark"] .text-sky-600 { color: #7cc4ff !important; }
html[data-theme="dark"] .border-sky-200 { border-color: #1f4a68 !important; }
html[data-theme="dark"] .hover\:bg-sky-100:hover { background-color: #12354f !important; }
html[data-theme="dark"] .bg-green-100 { background-color: #10331f !important; }
html[data-theme="dark"] .text-green-700 { color: #86efac !important; }

/* Form controls */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: #0f1527; color: #e6eaf5; border-color: #2a3350;
}
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #6f7b95; }
html[data-theme="dark"] input:disabled { background-color: #131a2e !important; color: #9aa6bd !important; }
/* sign-in / create-account screens keep their own look */
html[data-theme="dark"] .auth-screen input:not([type="checkbox"]) { background-color: rgba(255,255,255,.06); }

/* ---- Roster ---- */
html[data-theme="dark"] .day-column { background: #121a31; border-color: #2a3350; }
html[data-theme="dark"] .flight-card { background: #1a2340; border-color: #2a3350; }
html[data-theme="dark"] .flight-card.out-of-base { background-color: #251a28; border-left-color: #e0526b; }
html[data-theme="dark"] .route { color: #f1f4fb; }
html[data-theme="dark"] .flight-info { color: #b4bdd0; }
html[data-theme="dark"] .flight-times { color: #cfd6e6; }
html[data-theme="dark"] .registration, html[data-theme="dark"] .commission-avg { color: #94a0b8; }
html[data-theme="dark"] .CPT { color: #8aaedb; }
html[data-theme="dark"] .FO { color: #86c29c; }
html[data-theme="dark"] .SCCM, html[data-theme="dark"] .CC { color: #d6b676; }
html[data-theme="dark"] .swap-suffix, html[data-theme="dark"] .swap-badge-view-btn { color: #d9bd78; background-color: #2f2712; }
html[data-theme="dark"] .swap-suffix-muted { color: #5d6985; background-color: transparent; }
html[data-theme="dark"] .happy-to-work-box { background-color: #0f2a1b; border-bottom-color: #1d5233; color: #86efac; }
html[data-theme="dark"] .duty-status-box { background-color: #101729; border-bottom-color: #2a3350; }
html[data-theme="dark"] .duty-status-work { color: #b4bdd0; }
html[data-theme="dark"] .tile-actions button { background: #232d4d; }
html[data-theme="dark"] .tile-actions button:active, html[data-theme="dark"] .tile-actions button[aria-expanded="true"] { background: #2e3a63; }
html[data-theme="dark"] .return-badge { color: #d9b24a; }
html[data-theme="dark"] .tile-actions button.return-info-btn { color: #cdd6ee; }
html[data-theme="dark"] .tile-actions button.return-info-btn[aria-pressed="true"] { background: #4a3d16; }
html[data-theme="dark"] .yesterday-summary { background: #161e36; color: #8793ac; border-bottom-color: #2a3350; }
html[data-theme="dark"] .goto-date-bar { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .goto-date-label { color: #b4bdd0; }
html[data-theme="dark"] .goto-date-input { background: #0f1527; color: #e6eaf5; border-color: #2a3350; color-scheme: dark; }
html[data-theme="dark"] .goto-date-msg { color: #9aa6bd; }
html[data-theme="dark"] .swap-match-chip, html[data-theme="dark"] .duty-status-everyone { color: #86efac; background: #0f2a1b; border-color: #1d5233; }

/* ---- Bottom bar ---- */
html[data-theme="dark"] #bottom-nav { background-color: #0f1527 !important; border-top-color: #2a3350 !important; }
html[data-theme="dark"] #bottom-nav .bottom-nav-btn { color: #9aa6bd; }
html[data-theme="dark"] #bottom-nav .bottom-nav-btn.active { background: #1a2340; color: #fff; }

/* ---- My flights ---- */
html[data-theme="dark"] .mf-seg { background: #1a2340; }
html[data-theme="dark"] .mf-seg-btn { color: #9aa6bd; }
html[data-theme="dark"] .mf-seg-btn.active { background: #2a3560; color: #fff; box-shadow: none; }
html[data-theme="dark"] .mf-note { color: #9aa6bd; }
html[data-theme="dark"] .mf-action-btn { background: #141b30; border-color: #2a3350; color: #e6eaf5; }
html[data-theme="dark"] .roster-change-banner { background: #2c230e; border-color: #6b5420; color: #f2d896; }
html[data-theme="dark"] .up-day-head { color: #8793ac; }
html[data-theme="dark"] .up-card { background: #141b30; border-color: #2a3350; box-shadow: none; }
html[data-theme="dark"] .up-card .tl-line::after, html[data-theme="dark"] .up-card .tl-plane, html[data-theme="dark"] .up-card .tl-block { background: #141b30; }
html[data-theme="dark"] .up-title, html[data-theme="dark"] .up-leg-route { color: #f1f4fb; }
html[data-theme="dark"] .up-leg { border-top-color: #232d4d; }
html[data-theme="dark"] .up-leg-flight { color: #94a0b8; }
html[data-theme="dark"] .up-turn { background: #232d4d; color: #b4bdd0; }

html[data-theme="dark"] .logbook-commission-btn, html[data-theme="dark"] .logbook-acars-tag { color: #f5e3a8; background: #2e2610; border-color: #8a6d1f; }
html[data-theme="dark"] .logbook-edited-dot { color: #5d6985; }

/* ---- Settings ---- */
html[data-theme="dark"] .settings-time-card, html[data-theme="dark"] .settings-admin-filter { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .settings-time-title, html[data-theme="dark"] .settings-admin-filter label, html[data-theme="dark"] .about-app-name { color: #e6eaf5; }
html[data-theme="dark"] .settings-time-desc, html[data-theme="dark"] .about-app-version, html[data-theme="dark"] .about-company { color: #9aa6bd; }
html[data-theme="dark"] .segmented { background: #1a2340; }
html[data-theme="dark"] .seg-btn { color: #9aa6bd; }
html[data-theme="dark"] .seg-btn.active { background: #cda43a; color: #0f1747; box-shadow: none; }
html[data-theme="dark"] .settings-select { background: #0f1527; color: #e6eaf5; border-color: #2a3350; }
html[data-theme="dark"] .about-link-row { background: #141b30; color: #e6eaf5; border-bottom-color: #2a3350; }
html[data-theme="dark"] .settings-signout-btn { background: #141b30; color: #fca5a5; border-color: #7f2d2d; }
html[data-theme="dark"] .switch-slider { background: #3a4670; }
html[data-theme="dark"] #options-view details > summary::after { color: #9aa6bd; }

/* ---- Admin ---- */
html[data-theme="dark"] #admin-view.bg-purple-50, html[data-theme="dark"] #admin-view .bg-purple-50 { background-color: #131a30 !important; }
html[data-theme="dark"] #admin-view .bg-purple-100, html[data-theme="dark"] #admin-view table thead, html[data-theme="dark"] #admin-view .bg-purple-100 th { background-color: #1d2447 !important; }
html[data-theme="dark"] #admin-view .border-purple-200 { border-color: #2f3868 !important; }
html[data-theme="dark"] #admin-view .border-purple-300 { border-color: #3d4780 !important; }
html[data-theme="dark"] #admin-view .text-purple-950, html[data-theme="dark"] #admin-view .text-purple-900, html[data-theme="dark"] #admin-view .text-purple-800, html[data-theme="dark"] #admin-view .text-purple-700 { color: #dfe4ff !important; }
html[data-theme="dark"] .admin-group-head { color: #b9a6ff; }
html[data-theme="dark"] .adm-user-row { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .adm-user-name { color: #e6eaf5; }
html[data-theme="dark"] .adm-user-meta { color: #9aa6bd; }
html[data-theme="dark"] .admin-sheet-panel { background: #141b30; }
html[data-theme="dark"] .admin-sheet-name { color: #e6eaf5; }
html[data-theme="dark"] .admin-sheet-meta, html[data-theme="dark"] .admin-sheet-label, html[data-theme="dark"] .admin-sheet-close { color: #9aa6bd; }
html[data-theme="dark"] .admin-sheet-select { background: #0f1527; color: #e6eaf5; border-color: #2a3350; }
html[data-theme="dark"] .adm-action { background: #1a2340; border-color: #2a3350; color: #e6eaf5; }
html[data-theme="dark"] .adm-action-danger { background: #3a1818; border-color: #7f2d2d; color: #fca5a5; }

/* ---- Pop-ups (ACARS, modals, chat) ---- */
html[data-theme="dark"] .acars-card { background: #141b30; color: #d5dbea; }
html[data-theme="dark"] .acars-title { color: #f1f4fb; }
html[data-theme="dark"] .acars-text, html[data-theme="dark"] .acars-summary { color: #c3cbdd; }
html[data-theme="dark"] .acars-small, html[data-theme="dark"] .acars-label, html[data-theme="dark"] .acars-mini, html[data-theme="dark"] .acars-msg.info { color: #9aa6bd; }
html[data-theme="dark"] .acars-btn-secondary { background: #1a2340; color: #e6eaf5; border-color: #2a3350; }
html[data-theme="dark"] .acars-btn-primary { background: #cda43a; color: #0f1747; }
html[data-theme="dark"] .acars-input { background: #0f1527; color: #e6eaf5; border-color: #2a3350; }
html[data-theme="dark"] .acars-msg.error { color: #fca5a5; }
html[data-theme="dark"] .acars-card ::placeholder { color: #6f7b95; }
html[data-theme="dark"] .goto-today-btn { background: #cda43a; color: #0f1747; }

/* ---- Flight tile redesign (2026-10-03), dark ---- */
html[data-theme="dark"] .flight-card { border-color: #2a3350; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35); }
html[data-theme="dark"] .tile-head .route { color: #e8ecf6; }
html[data-theme="dark"] .tile-head .flight-info { color: #8f9bb5; }
html[data-theme="dark"] .route-arrow { color: #bfa468; }
html[data-theme="dark"] .tl-label { color: #6f7b95; }
html[data-theme="dark"] .tl-time { color: #eef1f9; }
html[data-theme="dark"] .tl-line::before { background: linear-gradient(90deg, #6f7fb5, #bfa468); }
html[data-theme="dark"] .tl-line::after { background: #1a2340; border-color: #7f8fc4; }
html[data-theme="dark"] .tl-plane { background: #1a2340; color: #bfa468; }
html[data-theme="dark"] .tl-block { background: #1a2340; color: #9aa6bd; }
html[data-theme="dark"] .tile-crew { border-top-color: #2a3350; }
html[data-theme="dark"] .tile-crew .crew-other { color: #c3cbdc; }

/* Your own flights: a brighter outline on a slightly lifted indigo card. */
html[data-theme="dark"] .flight-card.mine { background: #1b2548; border: 1.5px solid #5f6fb0; box-shadow: 0 2px 10px rgba(80, 100, 190, 0.14); }
html[data-theme="dark"] .flight-card.mine .route { color: #f1f4fb; }
html[data-theme="dark"] .flight-card.mine .tl-line::after, html[data-theme="dark"] .flight-card.mine .tl-plane, html[data-theme="dark"] .flight-card.mine .tl-block { background: #1b2548; }
html[data-theme="dark"] .flight-card.mine .tile-crew { border-top-color: #303b6c; }
html[data-theme="dark"] .mine-badge { color: #d9bd78; background: #2f2712; }

html[data-theme="dark"] .flight-card.out-of-base { background: #241a29; border-color: #4a2a37; border-left-color: #4a2a37; }
html[data-theme="dark"] .flight-card.out-of-base .route { color: #d98b99; }
html[data-theme="dark"] .flight-card.out-of-base .tl-line::after, html[data-theme="dark"] .flight-card.out-of-base .tl-plane, html[data-theme="dark"] .flight-card.out-of-base .tl-block { background: #241a29; }
html[data-theme="dark"] .flight-card .out-of-base-badge { color: #d9a0ac; background: #3a2029; }

html[data-theme="dark"] .flight-card.no-crew-known { background: transparent; border-color: #34406a; }
html[data-theme="dark"] .flight-card.no-crew-known .tile-head .route, html[data-theme="dark"] .flight-card.no-crew-known .tl-time { color: #6f7b95; }
html[data-theme="dark"] .flight-card.no-crew-known .no-crew-badge { color: #6f7b95; }

/* ---- Logbook pages + statistics (2026-10-03), dark ---- */
html[data-theme="dark"] .lb-page { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .lb-page-head { background: #1a2348; }
html[data-theme="dark"] .lb-page-sum { color: #cdb272; }
html[data-theme="dark"] .lb-totals { background: #111830; }
html[data-theme="dark"] .lb-totals-bf { border-bottom-color: #2a3350; }
html[data-theme="dark"] .lb-totals-cf { border-top-color: #3a4670; }
html[data-theme="dark"] .lb-totals-title, html[data-theme="dark"] .lb-grand { color: #8f9bb5; }
html[data-theme="dark"] .lb-grand strong { color: #dfe5f6; }
html[data-theme="dark"] .lb-cells { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .lb-cell { border-left-color: #232d4d; }
html[data-theme="dark"] .lb-cell-label { color: #6f7b95; }
html[data-theme="dark"] .lb-cell-value { color: #dfe5f6; }
html[data-theme="dark"] .lb-cell-dim .lb-cell-value { color: #3d4868; }
html[data-theme="dark"] .lb-entry { border-top-color: #232d4d; }
html[data-theme="dark"] .lb-entry:nth-of-type(odd) { background: #111830; }
html[data-theme="dark"] .lb-date, html[data-theme="dark"] .lb-total { color: #dfe5f6; }
html[data-theme="dark"] .lb-cap { background: #232d4d; color: #b4bdd0; }
html[data-theme="dark"] .lb-cap-PIC { background: #2f2712; color: #d9bd78; }
html[data-theme="dark"] .lb-port-code { color: #eef1f9; }
html[data-theme="dark"] .lb-port-time, html[data-theme="dark"] .lb-meta { color: #b4bdd0; }
html[data-theme="dark"] .lb-track { color: #bfa468; }
html[data-theme="dark"] .lb-track::before { border-top-color: #3a4670; }
html[data-theme="dark"] .lb-reg { color: #9aa6bd; }
html[data-theme="dark"] .lb-remarks, html[data-theme="dark"] .lb-acars-line, html[data-theme="dark"] .lb-crewbox summary { color: #8f9bb5; }
html[data-theme="dark"] .lbs-heading, html[data-theme="dark"] .lbs-value, html[data-theme="dark"] .lbs-name { color: #eef1f9; }
html[data-theme="dark"] .lbs-card { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .lbs-row + .lbs-row { border-top-color: #232d4d; }
html[data-theme="dark"] .lbs-sub, html[data-theme="dark"] .lbs-meta { color: #8f9bb5; }
html[data-theme="dark"] .lbs-pos { color: #4b5776; }
html[data-theme="dark"] .lbs-name.CPT { color: #8aaedb; } html[data-theme="dark"] .lbs-name.FO { color: #86c29c; } html[data-theme="dark"] .lbs-name.SCCM { color: #d6b676; }
html[data-theme="dark"] .lb-extras-text { color: #b4bdd0; }
html[data-theme="dark"] .lb-add { color: #9db4ee; }
html[data-theme="dark"] .lb-cap-SIM { background: #17304a; color: #8fc3e8; }
html[data-theme="dark"] .lb-entry-sim { background: #11203a; }

html[data-theme="dark"] .lbi-src { background: #141b30; border-color: #2a3350; color: #b4bdd0; }
html[data-theme="dark"] .lbi-src.active { background: #cda43a; border-color: #cda43a; color: #1b1405; }
html[data-theme="dark"] .lbi-help-link, html[data-theme="dark"] .lbi-mail { color: #9db4ee; }
html[data-theme="dark"] .lbi-prev-row { border-bottom-color: #232d4d; color: #b4bdd0; }
html[data-theme="dark"] .lbi-summary { color: #eef1f9; }
html[data-theme="dark"] .lbi-preview { background: #111830; color: #b4bdd0; }
html[data-theme="dark"] .lbi-map-label { color: #b4bdd0; }
html[data-theme="dark"] .tile-actions a.track-flight-btn { background: #232d4d; }
html[data-theme="dark"] .tile-actions a.track-flight-btn:active { background: #2e3a63; }
html[data-theme="dark"] .tl-status { color: #6f7b95; }
html[data-theme="dark"] .tl-status[data-s="Departed"] { color: #d9a85f; }
html[data-theme="dark"] .tl-status[data-s="Enroute"] { color: #7fb0e6; }
html[data-theme="dark"] .tl-status[data-s="Landed"] { color: #6fc08a; }
html[data-theme="dark"] .tl-status[data-s="Delayed"], html[data-theme="dark"] .tl-status[data-s="Cancelled"], html[data-theme="dark"] .tl-status[data-s="Diverted"] { color: #e08a8a; }

/* My flights > My roster (2026-10-03) */
html[data-theme="dark"] .mr-nav-btn, html[data-theme="dark"] .mr-toggle, html[data-theme="dark"] .mr-chip, html[data-theme="dark"] .mr-day { background: #141b30; border-color: #2a3350; color: #e6ecff; }
html[data-theme="dark"] .mr-month-title, html[data-theme="dark"] .mr-chip-num, html[data-theme="dark"] .mr-day-num, html[data-theme="dark"] .mr-line { color: #e6ecff; }
html[data-theme="dark"] .mr-total, html[data-theme="dark"] .mr-chip-label, html[data-theme="dark"] .mr-day-dow { color: #9aa6bd; }
html[data-theme="dark"] .mr-today { color: #8fb4ff; }
html[data-theme="dark"] .mr-day.is-today { border-color: #8fb4ff; box-shadow: 0 0 0 1px #8fb4ff; }
html[data-theme="dark"] .mr-badge { background: #232c4a; color: #c3cde6; }
html[data-theme="dark"] .mr-badge.mr-flying { background: #1e3a6e; color: #bcd3ff; }
html[data-theme="dark"] .mr-badge.mr-standby { background: #4a3a14; color: #f3d98a; }
html[data-theme="dark"] .mr-badge.mr-reserve { background: #3b2f66; color: #d6c8ff; }
html[data-theme="dark"] .mr-badge.mr-training { background: #14444f; color: #a8e6f3; }
html[data-theme="dark"] .mr-badge.mr-leave { background: #164a2a; color: #b5ecc6; }
html[data-theme="dark"] .mr-line.mr-empty { color: #6b7694; }

html[data-theme="dark"] .mr-hist, html[data-theme="dark"] .mr-hist-select, html[data-theme="dark"] .mr-hist-toggle { background: #141b30; border-color: #2a3350; color: #e6ecff; }
html[data-theme="dark"] .mr-hist.is-locked { background: #10162a; }
html[data-theme="dark"] .mr-hist-title, html[data-theme="dark"] .mr-change-date, html[data-theme="dark"] .mr-change-line.mr-change-now { color: #e6ecff; }
html[data-theme="dark"] .mr-hist-text, html[data-theme="dark"] .mr-change-line, html[data-theme="dark"] .mr-hist-pick-label { color: #9aa6bd; }
html[data-theme="dark"] .mr-hist-headline, html[data-theme="dark"] .mr-change-times, html[data-theme="dark"] .mr-changed-tag { color: #fbbf24; }
html[data-theme="dark"] .mr-hist-viewing { background: #3a2f0f; color: #fcd34d; }
html[data-theme="dark"] .mr-hist-back { color: #8fb4ff; }
html[data-theme="dark"] .mr-change { border-top-color: #2a3350; }
html[data-theme="dark"] .mr-day.is-changed { border-color: #b45309; }

html[data-theme="dark"] .invite-strip { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .invite-strip-text { color: #9aa6bd; }
html[data-theme="dark"] .invite-strip-btn { background: #8fb4ff; border-color: #8fb4ff; color: #0b1020; }

/* Logbook redesign (2026-10-03) */
html[data-theme="dark"] .lbk-seg { background: #1c2540; }
html[data-theme="dark"] .lbk-seg-btn { color: #9aa6bd; }
html[data-theme="dark"] .lbk-seg-btn.active { background: #141b30; color: #e6ecff; }
html[data-theme="dark"] .lbk-chip, html[data-theme="dark"] .lbk-list, html[data-theme="dark"] .lbk-card, html[data-theme="dark"] .lbk-add-menu { background: #141b30; border-color: #2a3350; color: #e6ecff; }
html[data-theme="dark"] .lbk-row { background: #141b30; border-bottom-color: #2a3350; }
html[data-theme="dark"] .lbk-row:nth-child(even) { background: #10162a; }
html[data-theme="dark"] .lbk-day b, html[data-theme="dark"] .lbk-route, html[data-theme="dark"] .lbk-times em, html[data-theme="dark"] .lbk-add-item { color: #e6ecff; }
html[data-theme="dark"] .lbk-times, html[data-theme="dark"] .lbk-note { color: #c0cadf; }
html[data-theme="dark"] .lbk-meta, html[data-theme="dark"] .lbk-day small, html[data-theme="dark"] .lbk-ld, html[data-theme="dark"] .lbk-card > h4, html[data-theme="dark"] .lbk-tot-s, html[data-theme="dark"] .lbk-dual small { color: #9aa6bd; }
html[data-theme="dark"] .lbk-line, html[data-theme="dark"] .lbk-tot, html[data-theme="dark"] .lbk-appr, html[data-theme="dark"] .lbk-more { border-top-color: #2a3350; }
html[data-theme="dark"] .lbk-line > span:first-child { color: #9aa6bd; }
html[data-theme="dark"] .lbk-cap { background: #232d4b; color: #c0cadf; }
html[data-theme="dark"] .lbk-cap.pic { background: #2f2712; color: #d9bd78; }
html[data-theme="dark"] .lbk-bar { background: #2a3350; }
html[data-theme="dark"] .lbk-sheet { background: #0c1224; }
html[data-theme="dark"] .lbk-sheet-foot { background: #141b30; border-top-color: #2a3350; }
html[data-theme="dark"] .lbk-input, html[data-theme="dark"] .lbk-text, html[data-theme="dark"] .lbk-appr select, html[data-theme="dark"] .lbk-appr input, html[data-theme="dark"] .lbk-fill, html[data-theme="dark"] .lbk-step button, html[data-theme="dark"] .lbk-seg2 button { background: #10162a; border-color: #2a3350; color: #e6ecff; }
html[data-theme="dark"] .lbk-action { background: #10231f; border-color: #1f5c52; color: #5eead4; }
html[data-theme="dark"] .lbk-save { background: #8fb4ff; color: #0b1020; }
html[data-theme="dark"] .home-tab-select { background: #1a2340; color: #e6ebf7; border-color: #34406a; }
/* Added 2026-10-04 (review): light-only colours that were unreadable on the dark page */
html[data-theme="dark"] .lbk-total { color: #e6eaf5; }
html[data-theme="dark"] .lbk-tag { color: #f5e6b8; background: #3a3016; border-color: #8a6a12; }
html[data-theme="dark"] .up-swap-btn { background: #232d4d; border-color: #3a4670; color: #cdd6ee; }
html[data-theme="dark"] .up-swap-btn.is-flagged { background: #4a3d16; border-color: #c9922a; color: #f3d98b; }

/* ---- New swap message marker (2026-10-05) ---- */
html[data-theme="dark"] .msg-banner { background: #0c2a3f; border-color: #1e5d82; color: #bae6fd; }
html[data-theme="dark"] .msg-banner-open { background: #38bdf8; color: #082f49; }
html[data-theme="dark"] .msg-banner-close { color: #7dd3fc; }
html[data-theme="dark"] .nav-badge, html[data-theme="dark"] .msg-new-dot { background: #ef4444; color: #fff; }

html[data-theme="dark"] .rv-chip.hint { color: #9aa6bd; }
html[data-theme="dark"] .roster-manage-btn { background: #141b30; border-color: #2a3350; color: #cbd5e1; }

html[data-theme="dark"] .sw-seg { background: #1a2340; }
html[data-theme="dark"] .sw-seg-btn { color: #9aa6bd; }
html[data-theme="dark"] .sw-seg-btn.active { background: #2a3560; color: #fff; box-shadow: none; }
html[data-theme="dark"] .thread-row { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .thread-row-title { color: #e6eaf5; }
html[data-theme="dark"] .thread-row-who, html[data-theme="dark"] .thread-row-when { color: #9aa6bd; }
html[data-theme="dark"] .thread-row-last { color: #cbd5e1; }
html[data-theme="dark"] .thread-bubble.theirs { background: #232d4d; color: #e6eaf5; }
html[data-theme="dark"] .thread-bubble-who, html[data-theme="dark"] .thread-hidden-note, html[data-theme="dark"] .thread-people-note { color: #9aa6bd; }
html[data-theme="dark"] .thread-actions { background: #141b30; border-top-color: #2a3350; }
html[data-theme="dark"] .thread-action, html[data-theme="dark"] .thread-person-btn { background: #1a2340; color: #cbd5e1; border-color: #2a3350; }
html[data-theme="dark"] .thread-action.danger { color: #fca5a5; border-color: #7f1d1d; }
html[data-theme="dark"] .thread-people { background: #0f1527; border-bottom-color: #2a3350; }
html[data-theme="dark"] .thread-person { color: #e6eaf5; }

html[data-theme="dark"] .howto-row { background: #141b30; border-color: #2a3350; }
html[data-theme="dark"] .howto-row-title { color: #e6eaf5; }
html[data-theme="dark"] .howto-row-blurb { color: #9aa6bd; }
html[data-theme="dark"] .howto-row-steps { color: #7dd3fc; }
html[data-theme="dark"] .howto-box { background: #141b30; }
html[data-theme="dark"] .howto-head { background: #0b1020; }
html[data-theme="dark"] .howto-img { border-color: #2a3350; background: #0f1527; }
html[data-theme="dark"] .howto-step-title { color: #e6eaf5; }
html[data-theme="dark"] .howto-step-text { color: #cbd5e1; }
html[data-theme="dark"] .howto-dot { background: #3a456b; }
html[data-theme="dark"] .howto-dot.on { background: #e6eaf5; }
html[data-theme="dark"] .howto-btn { background: #1a2340; border-color: #2a3350; color: #cbd5e1; }
html[data-theme="dark"] .howto-btn.primary { background: #e6eaf5; border-color: #e6eaf5; color: #0f1747; }
/* The return-flight arrow on a tile (2026-10-05): its own dark-blue colour rule beat the button's, so it was nearly invisible in dark mode. */
html[data-theme="dark"] .tile-actions .return-info-btn .ta-icon { color: #e3e9f8; }