/* =================================================================
   LeadLinka — Dark Mode
   Activated when body has class "dark-mode".
   theme.js applies this class based on:
     • OS/browser system preference (automatic, no toggle needed)
     • Manual override via the Settings toggle (stored in localStorage)
   ================================================================= */

/* color-scheme is controlled ONLY by our dark-mode class, never by the OS.
   This prevents browser native form controls from going dark when the OS
   is dark but the user has LeadLinka set to light mode. */
body             { color-scheme: light; }
body.dark-mode   { color-scheme: dark; }

/* ── CSS custom properties ── */
body.dark-mode {
  --secondary-color:   #131622;
  --text-color:        #dde1f0;
  --card-bg:           #1e2238;
  --border-light:      #2e3354;
  --link-color:        #8fa3d8;
  --link-hover-color:  #afc0e8;
  --footer-bg:         #0e1018;
  --footer-text:       #c8cfe8;
  --container-bg:      #1a1d30;
  /* --primary-color stays #5a6ea6 – brand periwinkle works on dark */
}

/* ─────────────────────────────────────────
   GLOBAL BASE
───────────────────────────────────────── */
body.dark-mode {
  background-color: #131622 !important;
  color: #dde1f0 !important;
}

body.dark-mode a { color: #8fa3d8; }
body.dark-mode a:hover { color: #afc0e8; }
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4 { color: #dde1f0; }

/* ─────────────────────────────────────────
   PAGE PANELS & CONTAINERS
───────────────────────────────────────── */
body.dark-mode .container,
body.dark-mode .lp-body,
body.dark-mode .lm-body {
  background: #1a1d30 !important;
  box-shadow: 0 6px 28px rgba(0,0,0,0.5) !important;
}

/* ─────────────────────────────────────────
   NAVIGATION DROPDOWN
───────────────────────────────────────── */
body.dark-mode .dropdown-content,
body.dark-mode li.dropdown .dropdown-content {
  background-color: #1e2238 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.55) !important;
  border: 1px solid #2e3354 !important;
}

body.dark-mode .dropdown-content a,
body.dark-mode li.dropdown .dropdown-content a {
  color: #dde1f0 !important;
}

body.dark-mode .dropdown-content a:hover,
body.dark-mode li.dropdown .dropdown-content a:hover {
  background-color: #252a42 !important;
}

/* ─────────────────────────────────────────
   FEATURE & PRICING CARDS
───────────────────────────────────────── */
body.dark-mode .feature-card,
body.dark-mode .pricing-card {
  background-color: #1e2238 !important;
  border-color: #2e3354 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4) !important;
}

body.dark-mode .feature-card p,
body.dark-mode .pricing-card ul li { color: #9da8c7 !important; }

/* ─────────────────────────────────────────
   FORMS & INPUTS
───────────────────────────────────────── */
body.dark-mode .register-form {
  background-color: #1e2238 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}

body.dark-mode .register-form h2 { color: #8fa3d8 !important; }

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: #252a42 !important;
  color: #dde1f0 !important;
  border-color: #3a3f5a !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: #6b7494 !important; }

/* Chrome/Safari autofill override — dark mode */
body.dark-mode input:-webkit-autofill,
body.dark-mode input:-webkit-autofill:hover,
body.dark-mode input:-webkit-autofill:focus,
body.dark-mode input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #252a42 inset !important;
  -webkit-text-fill-color: #dde1f0 !important;
  transition: background-color 99999s ease-in-out 0s;
}

/* ─────────────────────────────────────────
   PROFILE PAGE
───────────────────────────────────────── */
body.dark-mode .profile-section {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}

body.dark-mode .profile-header h1 { color: #dde1f0 !important; }
body.dark-mode .profile-header p  { color: #6b7494 !important; }

/* ─────────────────────────────────────────
   SIDEBARS
───────────────────────────────────────── */
body.dark-mode .sidebar-nav,
body.dark-mode .hub-sidebar,
body.dark-mode .councils-sidebar {
  background-color: #1e2238 !important;
  border-color: #2e3354 !important;
}

body.dark-mode .sidebar-nav h3,
body.dark-mode .hub-sidebar h3,
body.dark-mode .councils-sidebar h3 { border-color: #2e3354; }

body.dark-mode .sidebar-nav a { color: #9da8c7 !important; }
body.dark-mode .sidebar-nav a:hover { color: #8fa3d8 !important; }

body.dark-mode .hub-sidebar select,
body.dark-mode .hub-sidebar input,
body.dark-mode .councils-sidebar select,
body.dark-mode .councils-sidebar input {
  background-color: #252a42 !important;
  color: #dde1f0 !important;
  border-color: #3a3f5a !important;
}

/* ─────────────────────────────────────────
   TABLES
───────────────────────────────────────── */
body.dark-mode table,
body.dark-mode #hub-projects-table,
body.dark-mode #councils-table {
  background-color: #1e2238 !important;
}

body.dark-mode table td,
body.dark-mode #hub-projects-table td,
body.dark-mode #councils-table td {
  border-color: #2e3354 !important;
  color: #dde1f0;
}

body.dark-mode table tr:nth-child(even),
body.dark-mode #hub-projects-table tr:nth-child(even),
body.dark-mode #councils-table tr:nth-child(even) {
  background-color: #252a42 !important;
}

body.dark-mode #councils-table th { background-color: #3a4472 !important; }

/* ─────────────────────────────────────────
   SIMILAR PROJECTS & DETAIL PAGE
───────────────────────────────────────── */
body.dark-mode #similar-list li {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}

body.dark-mode .project-detail {
  background-color: #1e2238 !important;
  border-color: #2e3354 !important;
}

body.dark-mode .project-detail span,
body.dark-mode .project-detail a { color: #9da8c7 !important; }

/* ─────────────────────────────────────────
   LANDING PAGE COMPONENTS
───────────────────────────────────────── */
body.dark-mode .lp-stat {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

body.dark-mode .lp-stat-label { color: #6b7494 !important; }
body.dark-mode .lp-section    { border-color: #2e3354 !important; }
body.dark-mode .lp-stats      { border-color: #2e3354 !important; }
body.dark-mode .lp-who-divider { background: #2e3354 !important; }
body.dark-mode .lp-card       { background: #1e2238 !important; }

body.dark-mode .lp-card p,
body.dark-mode .lp-col-text p,
body.dark-mode .lp-who-item p { color: #9da8c7 !important; }

body.dark-mode .lm-section      { border-color: #2e3354 !important; }
body.dark-mode .lm-use-case     {
  background: #1e2238 !important;
  border-color: #3a4472 !important;
}

body.dark-mode .lm-use-case p,
body.dark-mode .lm-faq-item p,
body.dark-mode .lm-section p { color: #9da8c7 !important; }

/* ─────────────────────────────────────────
   COOKIE BANNER & MODAL
───────────────────────────────────────── */
body.dark-mode .cookie-banner {
  background-color: #1e2238 !important;
  border-color: #2e3354 !important;
  color: #dde1f0 !important;
}

body.dark-mode .cookie-modal-content {
  background: #1e2238 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

body.dark-mode .cookie-modal-content h2 { color: #dde1f0 !important; }
body.dark-mode .cookie-description { color: #9da8c7 !important; }
body.dark-mode .cookie-modal-footer { color: #9da8c7 !important; }

body.dark-mode #reject-all {
  background-color: #252a42 !important;
  color: #dde1f0 !important;
}

/* ─────────────────────────────────────────
   DISCOVER PAGE
   (overrides inline <style> in discover.html)
───────────────────────────────────────── */

/* Sidebar */
body.dark-mode .filter-group label { color: #9da8c7 !important; }

body.dark-mode .filter-group input,
body.dark-mode .filter-group select {
  background: #252a42 !important;
  color: #dde1f0 !important;
  border-color: #3a3f5a !important;
}

body.dark-mode .filter-group input:focus,
body.dark-mode .filter-group select:focus { border-color: #5c6bc0 !important; }

body.dark-mode .btn-clear {
  color: #9da8c7 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .btn-clear:hover { color: #dde1f0 !important; border-color: #8fa3d8 !important; }

/* Toolbar */
body.dark-mode .discover-count        { color: #9da8c7 !important; }
body.dark-mode .discover-count strong { color: #dde1f0 !important; }

/* View toggle */
body.dark-mode .view-btn {
  background: #252a42 !important;
  color: #9da8c7 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .view-btn.active {
  background: #5c6bc0 !important;
  color: #fff !important;
  border-color: #5c6bc0 !important;
}

/* Cards */
body.dark-mode .discover-card {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode .discover-card:hover {
  box-shadow: 0 4px 16px rgba(92,107,192,0.25) !important;
}

body.dark-mode .card-image-wrap        { background: #252a42 !important; }
body.dark-mode .card-image-placeholder { background: #252a42 !important; color: #4a506a !important; }

body.dark-mode .card-type {
  background: #1e2448 !important;
  color: #8fa3d8 !important;
}

body.dark-mode .card-address     { color: #dde1f0 !important; }
body.dark-mode .card-council     { color: #6b7494 !important; }
body.dark-mode .card-council span { color: #8fa3d8 !important; }
body.dark-mode .card-description { color: #9da8c7 !important; }
body.dark-mode .card-date        { color: #6b7494 !important; }
body.dark-mode .card-link        { color: #8fa3d8 !important; }
body.dark-mode .card-link:hover  { color: #afc0e8 !important; }
body.dark-mode .card-footer      { border-color: #2e3354 !important; }
body.dark-mode .card-actions     { color: #6b7494; }

/* Freshness chips */
body.dark-mode .freshness-new    { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .freshness-recent { background: #0f1e30 !important; color: #74a9d8 !important; }

/* Status badges */
body.dark-mode .status-permitted,
body.dark-mode .status-approved  { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .status-refused,
body.dark-mode .status-rejected  { background: #2e1018 !important; color: #f08090 !important; }
body.dark-mode .status-pending   { background: #0f1e30 !important; color: #74a9d8 !important; }
body.dark-mode .status-other     { background: #252a42 !important; color: #9da8c7 !important; }

/* Lead score badges */
body.dark-mode .lead-score-hot    { background: #2e1e0a !important; color: #f4a261 !important; }
body.dark-mode .lead-score-strong { background: #1a1e36 !important; color: #8fa3d8 !important; }
body.dark-mode .lead-score-warm   { background: #1e1228 !important; color: #c09ada !important; }

/* Classification chips */
body.dark-mode .classify-commercial { background: #0f1e30 !important; color: #74a9d8 !important; }
body.dark-mode .classify-residential { background: #2a0e1a !important; color: #f08090 !important; }
body.dark-mode .classify-mixed       { background: #1e1228 !important; color: #c09ada !important; }

/* Score breakdown popover */
body.dark-mode .score-breakdown {
  background: #1e2238 !important;
  border-color: #3a3f5a !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
  color: #dde1f0 !important;
}
body.dark-mode .score-breakdown-title  { color: #8fa3d8 !important; }
body.dark-mode .score-breakdown-row    { border-color: #2e3354 !important; }
body.dark-mode .score-breakdown-total  {
  border-color: #3a3f5a !important;
  color: #dde1f0 !important;
}
body.dark-mode .score-breakdown-divider {
  border-color: #3a3f5a !important;
  color: #6b7494 !important;
}
body.dark-mode .score-pts.zero   { color: #4a506a !important; }
body.dark-mode .score-breakdown-fit {
  background: #1e2448 !important;
  color: #8fa3d8 !important;
}

/* Feedback bar */
body.dark-mode .feedback-bar {
  border-color: #2e3354 !important;
  color: #6b7494 !important;
}
body.dark-mode .feedback-btn {
  border-color: #3a3f5a !important;
  color: #9da8c7 !important;
}
body.dark-mode .feedback-btn:hover   { border-color: #5c6bc0 !important; color: #8fa3d8 !important; }
body.dark-mode .feedback-btn.liked      { background: #122a1c !important; border-color: #43a047 !important; color: #56c87a !important; }
body.dark-mode .feedback-btn.disliked   { background: #2e1018 !important; border-color: #ef5350 !important; color: #f08090 !important; }
body.dark-mode .feedback-btn.bookmarked { background: #2a1f00 !important; border-color: #f9a825 !important; color: #ffd54f !important; }
body.dark-mode .feedback-reset       { color: #4a506a !important; }
body.dark-mode .feedback-reset:hover { color: #9da8c7 !important; }

/* Undo toast — already dark-themed, just soften for dark mode */
body.dark-mode #ll-undo-toast { background: #252a42 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important; }

/* Inline hidden-card strip */
body.dark-mode .card-hidden-strip { color: #6b7494 !important; }
body.dark-mode .card-undo-btn {
  border-color: #3a3f5a !important;
  color: #9da8c7 !important;
}
body.dark-mode .card-undo-btn:hover {
  border-color: #8fa3d8 !important;
  color: #8fa3d8 !important;
}

/* Pagination */
body.dark-mode .page-btn {
  background: #252a42 !important;
  color: #9da8c7 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .page-btn:hover:not(:disabled) {
  background: #1e2448 !important;
  border-color: #5c6bc0 !important;
}
body.dark-mode .page-btn.active {
  background: #5c6bc0 !important;
  color: #fff !important;
  border-color: #5c6bc0 !important;
}
body.dark-mode .page-info { color: #6b7494 !important; }

/* Map border */
body.dark-mode #discover-map { border-color: #2e3354 !important; }
body.dark-mode #councils-map { border-color: #2e3354 !important; }

/* Saved view button */
body.dark-mode #btn-saved-view {
  background: #122a1c !important;
  color: #56c87a !important;
  border-color: #1e4a2e !important;
}
body.dark-mode #btn-saved-view.active {
  background: #1e4a2e !important;
  border-color: #56c87a !important;
}

/* Hidden view button */
body.dark-mode #btn-hidden-view {
  background: #2e1018 !important;
  color: #f08090 !important;
  border-color: #5a2030 !important;
}
body.dark-mode #btn-hidden-view.active {
  background: #5a2030 !important;
  border-color: #f08090 !important;
}

/* ─────────────────────────────────────────
   TOGGLE SWITCH
───────────────────────────────────────── */
body.dark-mode .toggle-slider { background: #3a3f5a !important; }
body.dark-mode .toggle-switch input:checked + .toggle-slider { background: #5c6bc0 !important; }
body.dark-mode .toggle-row p { color: #6b7494 !important; }

/* ─────────────────────────────────────────
   FOOTER
───────────────────────────────────────── */
body.dark-mode footer {
  background-color: #0e1018 !important;
  color: #c8cfe8 !important;
}

body.dark-mode footer a       { color: #7d91c4 !important; }
body.dark-mode footer a:hover { color: #afc0e8 !important; }

/* ─────────────────────────────────────────
   COUNCILS PAGE — National panel
───────────────────────────────────────── */

/* Loading overlay */
body.dark-mode #loading-overlay {
  background: rgba(19,22,34,0.75) !important;
  color: #dde1f0 !important;
}

/* Offline warning bar */
body.dark-mode #nat-offline-bar {
  background: #1e1a0a !important;
  border-color: #3a3010 !important;
  color: #dde1f0 !important;
}

/* Tab buttons */
body.dark-mode .tab-active   { color: #8fa3d8 !important; border-bottom-color: #8fa3d8 !important; }
body.dark-mode .tab-inactive { color: #4a506a !important; border-bottom-color: transparent !important; }

/* Tab bar borders */
body.dark-mode div[style*="border-bottom:2px solid #e8eaf0"] {
  border-bottom-color: #2e3354 !important;
}

/* Stat cards */
body.dark-mode .nat-sc {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode .nat-sc-label { color: #6b7494 !important; }
body.dark-mode .nat-sc-sub   { color: #6b7494 !important; }

/* Next steps box + code blocks inside it */
body.dark-mode #nat-next-steps {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode #nat-next-steps-list { color: #9da8c7 !important; }
body.dark-mode #nat-next-steps code {
  background: #252a42 !important;
  color: #afc0e8 !important;
}

/* Registry toolbar */
body.dark-mode #nat-panel-registry > div[style*="background:#fff"] {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode #nat-panel-registry label[style*="color:#666"] { color: #9da8c7 !important; }

/* Quick filter buttons in toolbar */
body.dark-mode #nat-panel-registry button[style*="background:#fff"] {
  background: #252a42 !important;
  border-color: #3a3f5a !important;
  color: #9da8c7 !important;
}
body.dark-mode #nat-panel-registry button[style*="background:#fff"]:hover {
  border-color: #5c6bc0 !important;
  color: #8fa3d8 !important;
}

/* Result count */
body.dark-mode #nat-result-count { color: #6b7494 !important; }

/* Registry table container */
body.dark-mode #nat-panel-registry > div[style*="background:#fff"][style*="border-radius:12px"] {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode #nat-panel-registry table thead tr {
  background: #252a42 !important;
}
body.dark-mode #nat-panel-registry table thead th {
  color: #6b7494 !important;
  border-bottom-color: #2e3354 !important;
}
body.dark-mode #nat-tbody td {
  border-bottom-color: #252a42 !important;
  color: #dde1f0 !important;
}
body.dark-mode #nat-tbody tr:hover td { background: #252a42 !important; }
body.dark-mode #nat-tbody small      { color: #6b7494 !important; }

/* Inline table inputs / selects */
body.dark-mode .nat-inline-select,
body.dark-mode .nat-inline-input {
  background: #252a42 !important;
  color: #dde1f0 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .nat-inline-select:focus,
body.dark-mode .nat-inline-input:focus { border-color: #5c6bc0 !important; }

/* Save button */
body.dark-mode .nat-btn-save         { background: #3949ab !important; }
body.dark-mode .nat-btn-save:hover   { background: #5c6bc0 !important; }
body.dark-mode .nat-btn-save.nat-saved { background: #2e7d32 !important; }

/* Expand button */
body.dark-mode .nat-expand-btn { color: #8fa3d8 !important; }

/* Sample row */
body.dark-mode .nat-sample-row td    { background: #1a1d30 !important; }
body.dark-mode .nat-sample-table th  { color: #6b7494 !important; border-bottom-color: #2e3354 !important; }
body.dark-mode .nat-sample-table td  { border-bottom-color: #252a42 !important; color: #9da8c7 !important; }

/* Pagination */
body.dark-mode .nat-page-btn {
  background: #252a42 !important;
  color: #9da8c7 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .nat-page-btn:not(:disabled):hover {
  border-color: #5c6bc0 !important;
  color: #8fa3d8 !important;
}
body.dark-mode .nat-page-info { color: #6b7494 !important; }
body.dark-mode #nat-page-info { color: #6b7494 !important; }

/* Registry portal-type badges */
body.dark-mode .nat-badge-api       { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .nat-badge-csv       { background: #0f1e30 !important; color: #74a9d8 !important; }
body.dark-mode .nat-badge-idox      { background: #1e1228 !important; color: #c09ada !important; }
body.dark-mode .nat-badge-uniform   { background: #2e1e0a !important; color: #f4a261 !important; }
body.dark-mode .nat-badge-northgate { background: #2e0e1a !important; color: #f08090 !important; }
body.dark-mode .nat-badge-other     { background: #0e2020 !important; color: #56c8b8 !important; }
body.dark-mode .nat-badge-blocked   { background: #2e1018 !important; color: #f08090 !important; }
body.dark-mode .nat-badge-unknown   { background: #252a42 !important; color: #6b7494 !important; }

/* Record count chips */
body.dark-mode .nat-count-chip      { background: #1e2448 !important; color: #8fa3d8 !important; }
body.dark-mode .nat-count-zero      { background: #252a42 !important; color: #4a506a !important; }
body.dark-mode .nat-count-chip[style*="background:#f3e5f5"] { background: #1e1228 !important; color: #c09ada !important; }

/* ── Browse Leads sidebar ── */
body.dark-mode .nat-browse-sidebar-title { color: #6b7494 !important; }
body.dark-mode .nat-fg-label             { color: #9da8c7 !important; }
body.dark-mode .nat-fg-input {
  background: #252a42 !important;
  color: #dde1f0 !important;
  border-color: #3a3f5a !important;
}
body.dark-mode .nat-fg-input:focus { border-color: #5c6bc0 !important; }
body.dark-mode .nat-btn-clearfilters {
  color: #9da8c7 !important;
  border-color: #3a3f5a !important;
  background: none !important;
}
body.dark-mode .nat-btn-clearfilters:hover { color: #dde1f0 !important; border-color: #8fa3d8 !important; }

/* Browse toolbar */
body.dark-mode .nat-browse-count        { color: #9da8c7 !important; }
body.dark-mode .nat-browse-count strong { color: #dde1f0 !important; }

/* Browse cards */
body.dark-mode .nat-card {
  background: #1e2238 !important;
  border-color: #2e3354 !important;
}
body.dark-mode .nat-card:hover {
  box-shadow: 0 4px 16px rgba(92,107,192,0.25) !important;
}
body.dark-mode .nat-card-img       { background: #252a42 !important; }
body.dark-mode .nat-card-type      { background: #1e2448 !important; color: #8fa3d8 !important; }
body.dark-mode .nat-card-address   { color: #dde1f0 !important; }
body.dark-mode .nat-card-council-line { color: #6b7494 !important; }
body.dark-mode .nat-card-council-line span { color: #8fa3d8 !important; }
body.dark-mode .nat-card-desc      { color: #9da8c7 !important; }
body.dark-mode .nat-card-footer    { border-top-color: #2e3354 !important; }
body.dark-mode .nat-card-meta      { color: #6b7494 !important; }
body.dark-mode .nat-card-appno     { color: #4a506a !important; }

/* Browse score badges */
body.dark-mode .nat-score-high  { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .nat-score-mid   { background: #2e1e0a !important; color: #f4a261 !important; }
body.dark-mode .nat-score-low   { background: #252a42 !important; color: #6b7494 !important; }

/* Browse status chips */
body.dark-mode .nat-status-decided  { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .nat-status-received { background: #0f1e30 !important; color: #74a9d8 !important; }
body.dark-mode .nat-status-pending  { background: #2e1e0a !important; color: #f4a261 !important; }
body.dark-mode .nat-status-refused  { background: #2e1018 !important; color: #f08090 !important; }
body.dark-mode .nat-status-other    { background: #252a42 !important; color: #6b7494 !important; }

/* Pushed-to-Neon chip */
body.dark-mode .nat-pushed-chip { background: #1e1228 !important; color: #c09ada !important; }

/* Browse empty/loading state */
body.dark-mode .nat-browse-state-msg { color: #4a506a !important; }

/* Status badges on London tab */
body.dark-mode .status-fresh   { background: #122a1c !important; color: #56c87a !important; }
body.dark-mode .status-stale   { background: #2e1e0a !important; color: #f4a261 !important; }
body.dark-mode .status-error   { background: #2e1018 !important; color: #f08090 !important; }
body.dark-mode .status-never   { background: #252a42 !important; color: #6b7494 !important; }
body.dark-mode .status-pending { background: #0f1e30 !important; color: #74a9d8 !important; }

/* Refresh button on London tab */
body.dark-mode .refresh-btn {
  background: #252a42 !important;
  color: #8fa3d8 !important;
  border-color: #5c6bc0 !important;
}
body.dark-mode .refresh-btn:hover:not(:disabled) {
  background: #5c6bc0 !important;
  color: #fff !important;
}