/* =========================================================================
   Brokerr — Dark "Launch" Theme (charcoal-teal + illuminated accents)
   Loaded LAST so it overrides the light defaults. Palette mirrors the
   feature-launch pop-up: deep charcoal-teal base, teal/emerald glow,
   white type, illuminated buttons.
   ========================================================================= */

html.theme-night {
  /* Core surfaces */
  --color-white:        #0f1c26;   /* was #fff — now the card surface */
  --color-surface:      #0f1c26;
  --color-gray-50:      #0a1420;   /* page background (darkest) */
  --color-gray-100:     #0e1a24;   /* subtle raised panel */
  --color-gray-200:     #17242e;   /* borders / hover fills */
  --color-gray-300:     #24363f;   /* stronger borders */
  --color-gray-400:     #6f8794;   /* placeholders / faint icons */
  --color-gray-500:     #8ea2ae;   /* muted text */
  --color-gray-600:     #aebcc5;
  --color-gray-700:     #cdd8de;   /* body text */
  --color-gray-800:     #e6edf1;
  --color-gray-900:     #f1f7fa;   /* strong headings */

  /* Brand — primary maps to teal so every `background: var(--color-primary)`
     (active tabs, badges, primary buttons) reads on-brand instead of washing
     out to a white pill. Headings that used primary as *text* are forced light
     via explicit overrides below. */
  --color-primary:      #14b8a6;
  --color-primary-dark: #0a1420;
  --color-primary-light:#13232e;
  --color-primary-50:   #13232e;
  --color-secondary:      #2dd4bf; /* teal accent (brighter for dark) */
  --color-secondary-dark: #5eead4;
  --color-secondary-light:rgba(45,212,191,.14);
  --color-teal-500:     #2dd4bf;
  --color-teal-600:     #14b8a6;
  --color-teal-700:     #0d9488;

  /* Launch-theme helpers */
  --dk-bg0:  #0a1420;
  --dk-bg1:  #0e1a24;
  --dk-card: #0f1c26;
  --dk-card2:#13232e;
  --dk-line: rgba(255,255,255,.08);
  --dk-line2:rgba(255,255,255,.15);
  --dk-txt:  #cdd8de;
  --dk-txt-strong:#f1f7fa;
  --dk-teal: #2dd4bf;
  --dk-tealD:#0d9488;
  --dk-glow: rgba(45,212,191,.55);
}

/* ---------- Base surfaces ---------- */
html.theme-night, html.theme-night body { background: var(--dk-bg0); }
html.theme-night #app {
  background:
    radial-gradient(140% 90% at 50% -20%, rgba(13,148,136,.12), transparent 55%),
    linear-gradient(180deg, #0a1420 0%, #0b191c 100%);
  color: var(--dk-txt);
  min-height: 100vh;
}
html.theme-night .main-content, html.theme-night .content, html.theme-night .page, html.theme-night .view, html.theme-night .app-main, html.theme-night main { background: transparent !important; color: var(--dk-txt); }

/* Generic white/near-white backgrounds that are hardcoded (not tokenised) */
html.theme-night .card, html.theme-night .panel, html.theme-night .tile, html.theme-night .widget, html.theme-night .box, html.theme-night .surface, html.theme-night [class*="-card"], html.theme-night [class*="-panel"], html.theme-night [class*="-tile"], html.theme-night .section, html.theme-night .section-card, html.theme-night .empty-state, html.theme-night .stat, html.theme-night .stat-card, html.theme-night .metric-card, html.theme-night .dropdown, html.theme-night .dropdown-menu, html.theme-night .menu, html.theme-night .popover, html.theme-night .tooltip-panel, html.theme-night .modal, html.theme-night .modal-content, html.theme-night .modal-body, html.theme-night .modal-card, html.theme-night .sheet, html.theme-night .table-wrap, html.theme-night .table-container, html.theme-night .data-table {
  background-color: var(--dk-card);
  border-color: var(--dk-line);
  color: var(--dk-txt);
}

/* ---------- Card depth (premium lift on every box/window) ---------- */
html.theme-night .card, html.theme-night .panel, html.theme-night .tile, html.theme-night .widget, html.theme-night .stat, html.theme-night .stat-card, html.theme-night .metric-card, html.theme-night .section-card, html.theme-night [class*="-card"], html.theme-night [class*="-panel"], html.theme-night [class*="-tile"] {
  box-shadow: 0 18px 40px -28px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.035);
}

/* ---------- Typography ---------- */
html.theme-night h1, html.theme-night h2, html.theme-night h3, html.theme-night h4, html.theme-night h5, html.theme-night .page-title, html.theme-night .page-header h1, html.theme-night .section-title, html.theme-night .card-title, html.theme-night .card-header, html.theme-night .section-head, html.theme-night .settings-section-head, html.theme-night .stat-title, html.theme-night .widget-title {
  color: var(--dk-txt-strong) !important;
}
html.theme-night p, html.theme-night span, html.theme-night li, html.theme-night td, html.theme-night dd, html.theme-night label, html.theme-night .text, html.theme-night .muted, html.theme-night .subtitle { color: inherit; }
html.theme-night a { color: var(--dk-teal); }
html.theme-night a:hover { color: var(--color-secondary-dark); }

/* ---------- Sidebar (retint to charcoal-teal, keep text light) ---------- */
html.theme-night .sidebar {
  background: linear-gradient(180deg, #0b1a1e 0%, #0a1620 58%, #0c2c28 100%), #0a1620 !important;
  color: #eaf3f6 !important;
  border-right: 1px solid rgba(255,255,255,.06);
}
html.theme-night .sidebar .nav-item { color: rgba(255,255,255,.82); }
html.theme-night .sidebar .nav-item:hover { color: #fff; background: rgba(45,212,191,.10); }
html.theme-night .sidebar .nav-item.active, html.theme-night .sidebar .nav-item[aria-current="page"] {
  color: #fff; background: rgba(45,212,191,.16);
  box-shadow: inset 3px 0 0 var(--dk-teal), 0 0 20px -8px var(--dk-glow);
}
html.theme-night .sidebar .nav-icon { color: inherit; }
html.theme-night .sidebar-footer .btn-ghost { color: rgba(255,255,255,.8); }

/* ---------- Tables ---------- */
html.theme-night table { color: var(--dk-txt); background: transparent; }
html.theme-night thead, html.theme-night th, html.theme-night .table-header, html.theme-night .thead {
  background: #0c1922 !important; color: var(--dk-txt-strong) !important;
  border-color: var(--dk-line) !important;
}
html.theme-night tbody tr { background: transparent; border-color: var(--dk-line); }
html.theme-night tbody tr:nth-child(even) { background: rgba(255,255,255,.015); }
html.theme-night tbody tr:hover, html.theme-night tr:hover { background: rgba(45,212,191,.06) !important; }
html.theme-night td, html.theme-night th { border-color: var(--dk-line) !important; }

/* ---------- Inputs ---------- */
html.theme-night input, html.theme-night select, html.theme-night textarea, html.theme-night .input, html.theme-night .form-control, html.theme-night .search-input, html.theme-night .filter-input {
  background: #0c1922 !important;
  color: var(--color-gray-800) !important;
  border-color: var(--dk-line2) !important;
}
html.theme-night input::placeholder, html.theme-night textarea::placeholder { color: var(--color-gray-400) !important; }
html.theme-night input:focus, html.theme-night select:focus, html.theme-night textarea:focus {
  border-color: var(--dk-teal) !important;
  box-shadow: 0 0 0 3px rgba(45,212,191,.18) !important;
}

/* ---------- Chips / tabs / pills ---------- */
html.theme-night .chip, html.theme-night .pill, html.theme-night .tag, html.theme-night .filter-pill, html.theme-night .tab, html.theme-night .segment {
  background: rgba(255,255,255,.05); border-color: var(--dk-line); color: var(--dk-txt);
}
html.theme-night .chip.active, html.theme-night .pill.active, html.theme-night .tab.active, html.theme-night .segment.active, html.theme-night .chip[aria-selected="true"], html.theme-night .tab[aria-selected="true"] {
  background: rgba(45,212,191,.16); border-color: rgba(94,234,212,.5); color: #eafffb;
}

/* ---------- Buttons ---------- */
html.theme-night .btn { border-radius: 10px; }
html.theme-night .btn-secondary, html.theme-night .btn-outline, html.theme-night .btn-ghost {
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color: var(--dk-txt-strong);
  border: 1px solid var(--dk-line2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
html.theme-night .btn-secondary:hover, html.theme-night .btn-outline:hover, html.theme-night .btn-ghost:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(45,212,191,.12), rgba(255,255,255,.04));
  border-color: rgba(94,234,212,.4); color: #fff;
}

/* ---------- Bulk selection bar → dark frosted glass (was solid teal) ---------- */
html.theme-night .bulk-bar {
  background: linear-gradient(135deg, rgba(19,35,45,.9), rgba(11,24,32,.9)) !important;
  border: 1px solid rgba(45,212,191,.30) !important;
  box-shadow: 0 22px 55px -26px rgba(0,0,0,.85), 0 0 70px -34px rgba(45,212,191,.55) !important;
  backdrop-filter: blur(16px) saturate(1.15) !important; -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
  color: var(--dk-txt) !important;
}
html.theme-night .bulk-bar .font-semibold, html.theme-night .bulk-bar > span { color: var(--dk-txt-strong) !important; }
html.theme-night .bulk-bar .btn-secondary {
  background: rgba(255,255,255,.06) !important; color: var(--dk-txt-strong) !important;
  border: 1px solid var(--dk-line2) !important;
}
html.theme-night .bulk-bar .btn-secondary:hover { background: rgba(45,212,191,.14) !important; border-color: rgba(94,234,212,.45) !important; color: #fff !important; }
html.theme-night .bulk-bar .btn-ghost { color: var(--dk-txt) !important; }
html.theme-night .bulk-bar .btn-ghost:hover { color: #fff !important; background: rgba(255,255,255,.08) !important; }

/* ---------- Danger / delete → premium red glass (was solid red) ---------- */
html.theme-night .btn-danger, html.theme-night button.btn-danger, html.theme-night .btn.btn-danger, html.theme-night .btn-delete, html.theme-night .btn--danger {
  background: linear-gradient(135deg, rgba(248,113,113,.18), rgba(220,38,38,.10)) !important;
  color: #ffb1b1 !important;
  border: 1px solid rgba(248,113,113,.45) !important;
  box-shadow: 0 0 18px -8px rgba(248,113,113,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
}
html.theme-night .btn-danger:hover, html.theme-night .btn.btn-danger:hover, html.theme-night .btn-delete:hover, html.theme-night .btn--danger:hover {
  background: linear-gradient(135deg, rgba(248,113,113,.30), rgba(220,38,38,.18)) !important;
  color: #ffc9c9 !important; border-color: rgba(248,113,113,.7) !important;
  box-shadow: 0 0 28px -6px rgba(248,113,113,.8) !important;
}

/* Primary + illuminated CTAs — refined dark teal-glass (matches Vault "Advanced Search") */
html.theme-night .btn-primary, html.theme-night .btn.btn-primary, html.theme-night button.primary, html.theme-night .cta {
  position: relative;
  background: linear-gradient(135deg, rgba(45,212,191,.20), rgba(13,148,136,.10)) !important;
  color: #eafffb !important;
  border: 1px solid rgba(94,234,212,.6) !important;
  box-shadow:
    0 0 22px -4px var(--dk-glow),
    inset 0 0 14px -8px rgba(94,234,212,.7) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.22);
  overflow: hidden;
}
/* Soft top-sheen for the glass read */
html.theme-night .btn-primary::before, html.theme-night .btn.btn-primary::before, html.theme-night .cta::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 45%;
  background: linear-gradient(180deg, rgba(255,255,255,.14), transparent);
  pointer-events: none;
}
html.theme-night .btn-primary:hover, html.theme-night .btn.btn-primary:hover, html.theme-night button.primary:hover, html.theme-night .cta:hover {
  filter: brightness(1.08);
  box-shadow:
    0 0 30px -2px var(--dk-glow),
    inset 0 0 16px -6px rgba(94,234,212,.85) !important;
}

/* ---------- Illuminated "Advanced Search" buttons (Vault + Candidates) + Create Job ---------- */
html.theme-night #cand-toggle-search, html.theme-night #hh-toggle-search, html.theme-night #create-job-btn {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(45,212,191,.20), rgba(13,148,136,.10)) !important;
  color: #eafffb !important;
  border: 1px solid rgba(94,234,212,.6) !important;
  box-shadow: 0 0 22px -4px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.7) !important;
  animation: dk-illum 3.2s ease-in-out infinite;
}
html.theme-night #cand-toggle-search::after, html.theme-night #hh-toggle-search::after, html.theme-night #create-job-btn::after {
  content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  animation: dk-shine 3.4s ease-in-out infinite;
}
html.theme-night #create-job-btn::before { display: none !important; } /* drop the btn-primary sheen so it matches Advanced Search exactly */
html.theme-night #cand-toggle-search:hover, html.theme-night #hh-toggle-search:hover, html.theme-night #create-job-btn:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 30px -2px var(--dk-glow), inset 0 0 16px -6px rgba(94,234,212,.85) !important;
}

/* ---------- Jobs page: filter tabs (active was white) + cards (faint lines) ---------- */
html.theme-night .jobs-tabs { background: rgba(255,255,255,.04) !important; }
html.theme-night .jobs-tab { color: var(--dk-txt) !important; }
html.theme-night .jobs-tab:hover { color: #fff !important; }
html.theme-night .jobs-tab--active {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  color: #eafffb !important;
  box-shadow: 0 0 16px -6px var(--dk-glow) !important;
}
html.theme-night .job-list-card {
  background: var(--dk-card) !important; border: none !important;
  box-shadow: 0 14px 34px -26px rgba(0,0,0,.65) !important;
}
html.theme-night .job-list-card:hover {
  border: none !important;
  box-shadow: 0 16px 32px -14px var(--dk-glow) !important;
  transform: translateY(-2px);
}
html.theme-night .job-card-title { color: var(--dk-txt-strong) !important; }
html.theme-night .hh-filter-count-badge {
  background: #5eead4 !important; color: #05201d !important;
  box-shadow: 0 0 10px rgba(94,234,212,.7);
}
@keyframes dk-illum {
  0%,100% { box-shadow: 0 0 20px -6px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.6); }
  50%     { box-shadow: 0 0 30px -2px var(--dk-glow), inset 0 0 18px -6px rgba(94,234,212,.9); }
}
@keyframes dk-shine { 0%,100% { left:-60% } 45%,55% { left:120% } }

/* ---------- Scrollbars ---------- */
html.theme-night ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); }
html.theme-night ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.24); }
html.theme-night ::-webkit-scrollbar-track { background: transparent; }

/* ---------- Filter pills (Candidates + Vault quick filters, chips) ---------- */
html.theme-night .quick-filter, html.theme-night .filter-chip {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--dk-line2) !important;
  color: var(--dk-txt) !important;
}
html.theme-night .quick-filter:hover, html.theme-night .filter-chip:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: var(--dk-line2) !important;
}
html.theme-night .quick-filter--active, html.theme-night .filter-chip--active {
  background: linear-gradient(135deg, rgba(45,212,191,.22), rgba(13,148,136,.14)) !important;
  border-color: rgba(94,234,212,.55) !important;
  color: #eafffb !important;
  box-shadow: 0 0 18px -6px var(--dk-glow);
}
html.theme-night .quick-filter__count { background: rgba(255,255,255,.10) !important; color: var(--dk-txt) !important; }
html.theme-night .quick-filter--active .quick-filter__count { background: rgba(94,234,212,.28) !important; color: #eafffb !important; }

/* ---------- Empty states / illustrations ---------- */
html.theme-night .empty-state, html.theme-night .empty, html.theme-night .no-data, html.theme-night [class*="empty"] { background: transparent !important; color: var(--dk-txt); }
html.theme-night .empty-state h1, html.theme-night .empty-state h2, html.theme-night .empty-state h3 { color: var(--dk-txt-strong); }

/* ---------- Copilot / floating panels ---------- */
html.theme-night .copilot-panel, html.theme-night .quick-copilot, html.theme-night [class*="copilot"], html.theme-night .fab-panel, html.theme-night .floating-panel {
  background: var(--dk-card2) !important; border: 1px solid var(--dk-line) !important; color: var(--dk-txt);
}

/* ---------- Settings ---------- */
html.theme-night .settings-layout { background: var(--dk-bg1) !important; border-color: var(--dk-line) !important; }
html.theme-night .settings-sidebar { background: #0c1922 !important; border-color: var(--dk-line) !important; }
html.theme-night .settings-content { background: transparent !important; }
html.theme-night .settings-sidebar-item { color: var(--dk-txt); }
html.theme-night .settings-sidebar-item:hover { background: rgba(255,255,255,.05); color: #fff; }
html.theme-night .settings-sidebar-item--active {
  background: rgba(45,212,191,.16) !important; color: #eafffb !important;
  box-shadow: inset 3px 0 0 var(--dk-teal);
}
html.theme-night .settings-section, html.theme-night .settings-subsection, html.theme-night .cfield-row, html.theme-night .inbox-set-card, html.theme-night .inbox-set-card-main, html.theme-night .ob-settings-help-card {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important; color: var(--dk-txt);
}
html.theme-night .settings-section-head { color: var(--dk-txt-strong); border-color: var(--dk-line) !important; }

/* ---------- Generic cards / editors that use hardcoded white ---------- */
html.theme-night .card { background: var(--dk-card) !important; border-color: var(--dk-line) !important; color: var(--dk-txt); }
html.theme-night .card-header { background: transparent !important; border-color: var(--dk-line) !important; color: var(--dk-txt-strong); }
html.theme-night .card-body { background: transparent !important; }
html.theme-night [contenteditable], html.theme-night .rich-editor, html.theme-night .signature-editor, html.theme-night .wysiwyg, html.theme-night .editor-surface {
  background: #0c1922 !important; color: var(--color-gray-800) !important; border-color: var(--dk-line2) !important;
}

/* =========================================================================
   PREMIUM MODALS / POP-UPS — elevated surface, teal border + glow, darkened
   blurred backdrop so they separate cleanly from the page (matches the
   feature-launch pop-up). Applies across every modal family in the app.
   ========================================================================= */
html.theme-night .modal-overlay, html.theme-night .crm-modal-ov, html.theme-night .inbox-modal-overlay, html.theme-night .tr-modal-overlay, html.theme-night .cand-drawer-overlay, html.theme-night .cv-viewer-overlay, html.theme-night .copilot-overlay, html.theme-night .auto-builder-overlay, html.theme-night .hero-overlay, html.theme-night .hh-search-backdrop, html.theme-night [class*="modal-overlay"], html.theme-night [class*="modal-ov"] {
  background: radial-gradient(120% 120% at 50% 0%, rgba(13,148,136,.22), rgba(5,10,18,.86) 60%) !important;
  backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important;
}
html.theme-night .modal, html.theme-night .crm-modal, html.theme-night .crm-email-modal, html.theme-night .inbox-modal, html.theme-night .tr-modal, html.theme-night .cv-viewer-modal, html.theme-night .cv-iframe-modal, html.theme-night .auto-builder-modal, html.theme-night .auto-logs-modal, html.theme-night .feedback-modal, html.theme-night .feedback-detail-modal, html.theme-night .compare-modal {
  background: linear-gradient(165deg, #15262f 0%, #0f1e28 62%, #102125 100%) !important;
  border: 1px solid rgba(45,212,191,.32) !important;
  border-radius: 20px !important;
  box-shadow:
    0 50px 120px -35px rgba(0,0,0,.92),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 90px -30px rgba(45,212,191,.5) !important;
}
html.theme-night .modal-header, html.theme-night .inbox-modal-head, html.theme-night .crm-modal__title, html.theme-night .modal-title, html.theme-night .modal-footer, html.theme-night .inbox-modal-foot, html.theme-night .modal-body {
  background: transparent !important; border-color: var(--dk-line) !important; color: var(--dk-txt);
}
html.theme-night .modal-header h1, html.theme-night .modal-header h2, html.theme-night .modal-header h3, html.theme-night .modal-title, html.theme-night .crm-modal__title {
  color: var(--dk-txt-strong) !important;
}
html.theme-night .modal-close, html.theme-night .inbox-modal-close {
  background: rgba(6,12,22,.5) !important; border: 1px solid var(--dk-line2) !important;
  color: var(--dk-txt) !important; border-radius: 50% !important;
}
html.theme-night .modal-close:hover, html.theme-night .inbox-modal-close:hover { background: rgba(6,12,22,.85) !important; color:#fff !important; }

/* =========================================================================
   KANBAN BOARDS (Pipeline + Agency Pipeline) — were white columns/cards
   ========================================================================= */
html.theme-night .kanban-column { background: var(--dk-bg1) !important; border: 1px solid var(--dk-line) !important; }
html.theme-night .kanban-card {
  background: var(--dk-card) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html.theme-night .kanban-card:hover {
  box-shadow: 0 10px 24px -10px var(--dk-glow) !important;
  border-color: rgba(94,234,212,.35) !important; transform: translateY(-2px);
}
html.theme-night .kanban-empty { color: var(--dk-txt) !important; border: 1px dashed var(--dk-line2) !important; background: rgba(255,255,255,.015) !important; }
html.theme-night .kanban-column__count { background: rgba(255,255,255,.10) !important; color: var(--dk-txt-strong) !important; border: 1px solid var(--dk-line2) !important; }
html.theme-night .pipeline-stat-chip { background: var(--dk-card) !important; border: 1px solid var(--dk-line) !important; color: var(--dk-txt) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
html.theme-night .pipeline-stat-label { color: var(--dk-txt) !important; }

/* Pipeline OVERVIEW grid cells — were solid white boxes */
html.theme-night .pipeline-grid-cell { background: var(--dk-card) !important; border: 1px solid var(--dk-line) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important; }
html.theme-night .pipeline-grid-cell:hover { box-shadow: 0 14px 30px -16px var(--dk-glow) !important; border-color: rgba(94,234,212,.30) !important; }
html.theme-night .pipeline-grid-cell__name { color: var(--dk-txt) !important; }
html.theme-night .pipeline-grid-cell__meta { color: var(--dk-txt) !important; }

/* Help-tip (?) tooltip — was light bg + white text = unreadable */
html.theme-night .help-tip { color: var(--dk-txt) !important; }
html.theme-night .help-tip:hover, html.theme-night .help-tip:focus { color: var(--dk-txt-strong) !important; }
html.theme-night .help-tip:hover::after, html.theme-night .help-tip:focus::after {
  background: #16283a !important; color: #eaf2fb !important;
  border: 1px solid var(--dk-line2) !important;
  box-shadow: 0 14px 30px -10px rgba(0,0,0,.72) !important;
}

/* Vault list: last-viewed row must return to normal (never stay white/light) */
html.theme-night .hh-row--active td, html.theme-night .candidate-row--active td, html.theme-night tr--active td { background: transparent !important; }
html.theme-night .hh-row--active, html.theme-night .candidate-row--active { box-shadow: none !important; }
html.theme-night .hh-row--active:hover td, html.theme-night .candidate-row--active:hover td { background: rgba(45,212,191,.12) !important; }
/* Vault stat cards: dark numbers/labels → light */
html.theme-night .hh-stat-value { color: var(--dk-txt-strong) !important; }
html.theme-night .hh-stat-label { color: var(--dk-txt) !important; }

/* Activity-tab forms (Notes / Tasks / Events / Email composers) — were white */
html.theme-night .act-notes-composer, html.theme-night .act-task-form, html.theme-night .act-event-form, html.theme-night .act-email-form, html.theme-night [class*="act-"][class*="-form"], html.theme-night [class*="act-"][class*="composer"], html.theme-night .act-note-card, html.theme-night .act-event-card, html.theme-night .act-task-card, html.theme-night .act-email-card {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important; color: var(--dk-txt) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
html.theme-night .act-section-header__title { color: var(--dk-txt-strong) !important; }
html.theme-night .kanban-card__foot, html.theme-night .kanban-card-name, html.theme-night .kanban-card-title { color: var(--dk-txt) !important; }
html.theme-night .kanban-card-name, html.theme-night .hh-kanban-card-name { color: var(--dk-txt-strong) !important; }

/* =========================================================================
   VIEW TOGGLES / ICON SEGMENTS — active state was white
   ========================================================================= */
html.theme-night .pipeline-view-btn--active, html.theme-night .scope-btn--active, html.theme-night .crm-vt--active, html.theme-night [class*="view-btn"][class*="--active"], html.theme-night [class*="view"][class*="is-active"], html.theme-night [class*="vt--active"], html.theme-night [class*="viewtoggle"][class*="active"] {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  color: #eafffb !important; border: 1px solid rgba(94,234,212,.5) !important;
  box-shadow: 0 0 16px -6px var(--dk-glow) !important;
}
html.theme-night .pipeline-view-btn--active svg, html.theme-night .scope-btn--active svg, html.theme-night [class*="view-btn"][class*="--active"] svg { color: #eafffb !important; }

/* =========================================================================
   CANDIDATE (#cand-drawer-main) + VAULT (.hh-drawer) SLIDE DRAWERS
   Pop the panel off the page (teal edge + glow + darkened blurred backdrop)
   and rebuild the header in the premium glass style.
   ========================================================================= */

/* Darkened, blurred backdrop so the drawer clearly separates */
html.theme-night .br-drawer-backdrop--visible, html.theme-night .hh-drawer-backdrop--visible, html.theme-night .cand-drawer-backdrop--visible {
  background: radial-gradient(120% 100% at 100% 0%, rgba(13,148,136,.16), rgba(4,9,16,.74) 55%) !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
}

/* The panel itself — elevated surface + teal left edge + deep shadow + glow */
html.theme-night #cand-drawer-main, html.theme-night .hh-drawer, html.theme-night .br-drawer, html.theme-night .ob-drawer, html.theme-night .ob-drawer-panel {
  background: linear-gradient(180deg, #0f1d27 0%, #0b1720 100%) !important;
  color: var(--dk-txt) !important;
  border-left: 1px solid rgba(45,212,191,.34) !important;
  box-shadow:
    -44px 0 110px -30px rgba(0,0,0,.92),
    -2px 0 80px -26px rgba(45,212,191,.5) !important;
}
html.theme-night .br-drawer-body, html.theme-night .hh-drawer-body, html.theme-night .drawer-body, html.theme-night .drawer-content { background: transparent !important; color: var(--dk-txt) !important; }

/* ---- Header / hero → charcoal-teal glass (was navy gradient) ---- */
html.theme-night .br-drawer-hero, html.theme-night .ob-drawer-hero {
  background: linear-gradient(150deg, #123138 0%, #0e2029 55%, #0f2723 100%) !important;
  border-bottom: 1px solid rgba(45,212,191,.24) !important;
  color: #eaf3f6 !important;
}
html.theme-night .br-drawer-hero::after, html.theme-night .ob-drawer-hero::after {
  background: radial-gradient(circle at 88% 6%, rgba(45,212,191,.38), transparent 52%) !important;
}
/* Nav + close → glass circular buttons */
html.theme-night .br-drawer-hero__nav .btn, html.theme-night .br-drawer-hero__nav button, html.theme-night .br-drawer-close, html.theme-night .hh-drawer-close, html.theme-night .br-drawer-hero__nav [role="button"] {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid var(--dk-line2) !important;
  color: #eaf3f6 !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
}
html.theme-night .br-drawer-hero__nav .btn:hover, html.theme-night .br-drawer-hero__nav button:hover, html.theme-night .br-drawer-close:hover, html.theme-night .hh-drawer-close:hover { background: rgba(45,212,191,.16) !important; border-color: rgba(94,234,212,.45) !important; color:#fff !important; }
/* Header action buttons */
html.theme-night .br-drawer-hero__actions .btn, html.theme-night .ob-drawer-header-actions .btn {
  background: rgba(255,255,255,.07) !important; border: 1px solid var(--dk-line2) !important; color: #eaf3f6 !important;
}
html.theme-night .br-drawer-hero__actions .btn:hover { background: rgba(45,212,191,.16) !important; color:#fff !important; }
html.theme-night .br-drawer-hero__actions .btn-primary {
  background: linear-gradient(135deg, rgba(45,212,191,.20), rgba(13,148,136,.10)) !important;
  border: 1px solid rgba(94,234,212,.6) !important; color:#eafffb !important;
  box-shadow: 0 0 22px -4px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.7) !important;
}
html.theme-night .br-drawer-avatar, html.theme-night .hh-drawer-avatar { border: 2px solid rgba(94,234,212,.4) !important; box-shadow: 0 0 20px -6px var(--dk-glow) !important; }
html.theme-night .br-drawer-name, html.theme-night .ob-drawer-name, html.theme-night .br-drawer-hero h2 { color: #fff !important; }
html.theme-night .br-drawer-subtitle { color: rgba(234,243,246,.75) !important; }

/* Contact pills (Primary / Mobile) → glass */
html.theme-night .br-drawer-contact, html.theme-night .hh-drawer-contact { background: transparent !important; }
html.theme-night .br-drawer-contact-item, html.theme-night .hh-drawer-contact-item {
  background: rgba(255,255,255,.06) !important; border: 1px solid var(--dk-line2) !important;
  color: var(--dk-txt) !important; backdrop-filter: blur(8px);
}
html.theme-night .br-drawer-contact-item:hover, html.theme-night .hh-drawer-contact-item:hover { background: rgba(45,212,191,.12) !important; border-color: rgba(94,234,212,.4) !important; }

/* Stat blocks in the hero (deal volume / deals / listings) → glass tiles */
html.theme-night .br-drawer-meta, html.theme-night .br-drawer-meta__stat {
  background: rgba(255,255,255,.05) !important; border: 1px solid var(--dk-line2) !important;
  border-radius: 12px !important;
}
html.theme-night .br-drawer-meta__stat { color: var(--dk-txt) !important; }

/* Body cards / sections / fields / metrics */
html.theme-night .br-drawer-card, html.theme-night .br-drawer-metrics, html.theme-night .br-drawer-metric, html.theme-night .br-drawer-empty, html.theme-night .br-drawer-section, html.theme-night .hh-drawer-bio, html.theme-night .hh-drawer-deal, html.theme-night .drawer-tl-item, html.theme-night .drawer-section {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important; color: var(--dk-txt);
  box-shadow: 0 14px 34px -26px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.03);
}
html.theme-night .br-drawer-metric-val, html.theme-night .hh-drawer-field-label, html.theme-night .drawer-tl-item strong, html.theme-night .br-drawer-section__title { color: var(--dk-txt-strong) !important; }
html.theme-night .br-drawer-metric-label { color: var(--dk-txt) !important; }
html.theme-night .hh-drawer-tabs, html.theme-night .br-drawer-tabs { background: transparent !important; border-color: var(--dk-line) !important; }
html.theme-night .br-drawer-tab, html.theme-night .hh-drawer-tab { color: var(--dk-txt) !important; }
html.theme-night .br-drawer-tab--active, html.theme-night .hh-drawer-tab--active { color: #eafffb !important; border-bottom-color: var(--dk-teal) !important; }
html.theme-night .br-drawer-field, html.theme-night .hh-drawer-field { background: #0c1922 !important; border-color: var(--dk-line2) !important; color: var(--dk-txt) !important; }
html.theme-night .br-drawer-field::placeholder, html.theme-night .hh-drawer-field::placeholder { color: var(--color-gray-400) !important; }
html.theme-night .br-drawer-chip { background: rgba(45,212,191,.16) !important; border-color: rgba(94,234,212,.45) !important; color: #eafffb !important; }

/* CRM lead drawer field labels/values (Overview + Research fact grid) — the base
   uses --color-text / --color-text-muted, which are not remapped for dark. */
html.theme-night .crm-dr-field__label { color: var(--dk-txt) !important; }
html.theme-night .crm-dr-field__value { color: var(--dk-txt-strong) !important; }
html.theme-night .crm-dr-field__value a { color: var(--dk-teal) !important; }

/* Research tab direct-message buttons — raise the surface + brighten brand colours for dark. */
html.theme-night .crm-msgbtn { background: var(--dk-card2) !important; }
html.theme-night .crm-msgbtn span { color: var(--dk-txt-strong) !important; }
html.theme-night .crm-msgbtn small { color: var(--dk-txt) !important; }
html.theme-night .crm-msgbtn--wa span { color: #34d399 !important; }
html.theme-night .crm-msgbtn--li span { color: #5ab0ff !important; }

/* ---- Vault drawer header (its own classes) → same charcoal-teal glass ---- */
html.theme-night .hh-drawer-header, html.theme-night .hh-drawer-identity {
  background: linear-gradient(150deg, #123138 0%, #0e2029 60%, #0f2723 100%) !important;
  color: #eaf3f6 !important;
}
html.theme-night .hh-drawer-header { border-bottom: none !important; }
html.theme-night .hh-drawer-identity { border-bottom: 1px solid rgba(45,212,191,.22) !important; }
html.theme-night .hh-drawer-header .btn, html.theme-night .hh-drawer-header-left .btn, html.theme-night .hh-drawer-header-right .btn, html.theme-night .hh-star-btn, html.theme-night .hh-mobile-toolbar-btn {
  background: rgba(255,255,255,.07) !important; border: 1px solid var(--dk-line2) !important; color: #eaf3f6 !important;
  backdrop-filter: blur(8px);
}
html.theme-night .hh-drawer-header .btn:hover, html.theme-night .hh-star-btn:hover { background: rgba(45,212,191,.16) !important; border-color: rgba(94,234,212,.45) !important; color:#fff !important; }
html.theme-night .hh-drawer-convert-btn, html.theme-night .hh-quick-action-btn--convert {
  background: linear-gradient(135deg, rgba(45,212,191,.20), rgba(13,148,136,.10)) !important;
  color: #eafffb !important; border: 1px solid rgba(94,234,212,.6) !important;
  box-shadow: 0 0 22px -4px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.7) !important;
}
html.theme-night .hh-quick-action-btn, html.theme-night .hh-card-action-btn {
  background: rgba(255,255,255,.06) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important;
}
html.theme-night .hh-quick-action-btn:hover, html.theme-night .hh-card-action-btn:hover { background: rgba(45,212,191,.12) !important; border-color: rgba(94,234,212,.4) !important; color:#fff !important; }
html.theme-night .hh-drawer-name { color:#fff !important; }

/* Sticky action band inside drawers (was white) + source badges */
html.theme-night .br-drawer-actions { background: transparent !important; border-bottom: 1px solid var(--dk-line) !important; }
html.theme-night .hh-source-badge { border: 1px solid var(--dk-line2) !important; }
html.theme-night .hh-source-pf { background: rgba(45,212,191,.16) !important; color: #8ef2df !important; border-color: rgba(94,234,212,.4) !important; }
html.theme-night .hh-source-bayut { background: rgba(96,165,250,.16) !important; color: #bcd4ff !important; border-color: rgba(96,165,250,.4) !important; }
html.theme-night .hh-chip { border: 1px solid var(--dk-line2) !important; }
html.theme-night .hh-chip-pf { background: rgba(45,212,191,.16) !important; color: #8ef2df !important; border-color: rgba(94,234,212,.4) !important; }
html.theme-night .hh-chip-bayut { background: rgba(96,165,250,.18) !important; color: #bcd4ff !important; border-color: rgba(96,165,250,.42) !important; }
html.theme-night .hh-chip-super { background: rgba(245,158,11,.16) !important; color: #fcd9a0 !important; border-color: rgba(245,158,11,.38) !important; }
html.theme-night .hh-chip-tru { background: rgba(129,140,248,.16) !important; color: #c7cbff !important; border-color: rgba(129,140,248,.38) !important; }
html.theme-night .hh-chip-verified { background: rgba(45,212,191,.16) !important; color: #8ef2df !important; border-color: rgba(94,234,212,.4) !important; }
html.theme-night .hh-chip-converted { background: rgba(168,85,247,.16) !important; color: #d9b6ff !important; border-color: rgba(168,85,247,.4) !important; }

/* ---------- Status badges + report funnel badge → glass ---------- */
html.theme-night .rpt-funnel-badge { background: rgba(255,255,255,.07) !important; color: var(--dk-txt) !important; }
html.theme-night .rpt-funnel-badge--vault { background: rgba(45,212,191,.16) !important; color: #8ef2df !important; }
html.theme-night .badge { border: 1px solid var(--dk-line2); }
html.theme-night .badge-published, html.theme-night .badge-active, html.theme-night .badge-success, html.theme-night .badge-live, html.theme-night .badge-open {
  background: rgba(45,212,191,.16) !important; color: #8ef2df !important; border-color: rgba(94,234,212,.4) !important;
}
html.theme-night .badge-draft, html.theme-night .badge-neutral, html.theme-night .badge-default {
  background: rgba(255,255,255,.06) !important; color: var(--dk-txt) !important; border-color: var(--dk-line2) !important;
}
html.theme-night .badge-paused, html.theme-night .badge-warning, html.theme-night .badge-pending {
  background: rgba(245,158,11,.16) !important; color: #fcd9a0 !important; border-color: rgba(245,158,11,.38) !important;
}
html.theme-night .badge-closed, html.theme-night .badge-danger, html.theme-night .badge-error, html.theme-night .badge-rejected {
  background: rgba(248,113,113,.16) !important; color: #ffb1b1 !important; border-color: rgba(248,113,113,.4) !important;
}

/* =========================================================================
   FULL-PAGE PROFILES (candidate + Vault agent) — glass upgrade
   Shared classes: .cand-profile*, .cand-section, .left-panel-*, tabs, chips.
   ========================================================================= */
html.theme-night .cand-profile, html.theme-night .cand-profile__body { background: transparent !important; color: var(--dk-txt) !important; }
html.theme-night .cand-profile__topbar { background: rgba(255,255,255,.02) !important; border-bottom: 1px solid var(--dk-line) !important; }
html.theme-night .cand-profile__left-panel { background: rgba(255,255,255,.02) !important; border-right: 1px solid var(--dk-line) !important; }
html.theme-night .cand-profile__right-panel, html.theme-night .cand-profile__tab-content { background: transparent !important; }
html.theme-night .cand-profile__name, html.theme-night .cand-profile__top { color: var(--dk-txt-strong) !important; }

/* Right-panel section cards → glass (production renders these as cards) */
html.theme-night .cand-section, html.theme-night .cand-profile__contact-list {
  background: var(--dk-card) !important; border: 1px solid var(--dk-line) !important;
  box-shadow: 0 14px 34px -26px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html.theme-night .cand-section__label { color: var(--dk-teal) !important; }
html.theme-night .cand-section__value { color: var(--dk-txt-strong) !important; }

/* Left panel: plain label/value rows, NO dividers, NO boxes. Recolour only. */
html.theme-night .left-panel-section {
  background: transparent !important; border: none !important; border-bottom: none !important;
}
html.theme-night .left-panel-field { background: transparent !important; border: none !important; padding: 0 !important; }
html.theme-night .left-panel-label { color: var(--color-gray-500) !important; }   /* muted, like production */
html.theme-night .left-panel-value { color: var(--dk-txt-strong) !important; }

/* Metric cards: drop the dull outline — soft panel, no border line */
html.theme-night .profile-metric-card { border: none !important; box-shadow: none !important; background: rgba(255,255,255,.03) !important; }

/* No hover underlines anywhere (tabs, contact rows, links) */
html.theme-night a, html.theme-night a:hover, html.theme-night .contact-row, html.theme-night .contact-row:hover, html.theme-night .drawer-contact-link, html.theme-night .drawer-contact-link:hover, html.theme-night .candidate-tab, html.theme-night .candidate-tab:hover, html.theme-night .br-drawer-tab, html.theme-night .hh-drawer-tab, html.theme-night .cand-profile a, html.theme-night .br-drawer a, html.theme-night .hh-drawer a { text-decoration: none !important; }

/* Contact rows (phone / SMS / WhatsApp) hover → teal glass, never white */
html.theme-night .contact-row:hover, html.theme-night .drawer-contact-link:hover {
  background: rgba(45,212,191,.12) !important;
  color: #eafffb !important;
  border-radius: 10px;
}
html.theme-night .contact-row:hover svg { color: var(--dk-teal) !important; }

/* Metric cards → soft panel, NO outline line */
html.theme-night .profile-metric-card { background: rgba(255,255,255,.03) !important; border: none !important; box-shadow: none !important; }
html.theme-night .profile-metric-card__value { color: var(--dk-txt-strong) !important; }
/* Light divider under the identity block → gone */
html.theme-night .cand-profile__identity-compact { border-bottom: none !important; }
/* Kill stray inset-highlight hairlines: the card-depth rule matches [class*="-panel"]
   / [class*="-card"], which unintentionally hits left-panel-* rows + metric sub-labels. */
html.theme-night [class*="left-panel"], html.theme-night .profile-metric-card__value, html.theme-night .profile-metric-card__label { box-shadow: none !important; }
html.theme-night .profile-metric-card--teal .profile-metric-card__value { color: var(--dk-teal) !important; }
html.theme-night .profile-metric-card__label { color: var(--dk-txt) !important; }

/* Profile nav (prev/next pager) → glass */
html.theme-night .profile-nav, html.theme-night .profile-nav-btn { background: rgba(255,255,255,.06) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important; }
html.theme-night .profile-nav-btn:hover { background: rgba(45,212,191,.14) !important; border-color: rgba(94,234,212,.4) !important; color:#fff !important; }
html.theme-night .profile-nav-counter { color: var(--dk-txt) !important; }

/* Tabs → glass, active teal */
html.theme-night .candidate-tabs, html.theme-night .cand-profile__right .candidate-tabs { background: transparent !important; border-color: var(--dk-line) !important; }
html.theme-night .candidate-tab { color: var(--dk-txt) !important; background: transparent !important; }
html.theme-night .candidate-tab:hover { color: #fff !important; background: rgba(45,212,191,.08) !important; }
html.theme-night .candidate-tab--active, html.theme-night .candidate-tab.active, html.theme-night .candidate-tab[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(45,212,191,.22), rgba(13,148,136,.14)) !important;
  color: #eafffb !important; box-shadow: inset 0 -2px 0 var(--dk-teal) !important;
}

/* Chips → glass */
html.theme-night .cand-chip { background: rgba(255,255,255,.06) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important; }

/* Completeness pill (was light amber) → teal glass */
html.theme-night .profile-completeness { background: rgba(45,212,191,.14) !important; color: #eafffb !important; border: 1px solid rgba(94,234,212,.35) !important; }

/* Reports period buttons (were light) */
html.theme-night .rpt-period-btn { background: rgba(255,255,255,.05) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important; }
html.theme-night .rpt-period-btn--active, html.theme-night .rpt-period-btn.is-active {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  color: #eafffb !important; border-color: rgba(94,234,212,.5) !important; box-shadow: 0 0 16px -6px var(--dk-glow) !important;
}
html.theme-night .rpt-metric-card, html.theme-night .report-card { background: var(--dk-card) !important; border-color: var(--dk-line) !important; }
html.theme-night .report-card-title { color: var(--dk-txt-strong) !important; }

/* Integration cards + status pills */
html.theme-night .integration-card { background: var(--dk-card) !important; border-color: var(--dk-line) !important; }
html.theme-night .integration-status { background: rgba(255,255,255,.06) !important; border: 1px solid var(--dk-line2) !important; color: var(--dk-txt) !important; }

/* ---------- Calendar grid (was white) ---------- */
html.theme-night .cal-grid, html.theme-night .cal-body, html.theme-night .cal-month, html.theme-night .cal-week, html.theme-night .cal-header-row, html.theme-night .cal-pop {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important;
}
html.theme-night .cal-cell { background: transparent !important; border-color: var(--dk-line) !important; }
html.theme-night .cal-cell--outside { background: rgba(255,255,255,.02) !important; }
html.theme-night .cal-cell--today { background: rgba(45,212,191,.09) !important; }
html.theme-night .cal-weekday, html.theme-night .cal-dow, html.theme-night .cal-header-row { color: var(--dk-txt) !important; background: #0c1922 !important; }
html.theme-night .cal-event { color: #eaf3f6 !important; background: color-mix(in srgb, var(--event-colour, #2dd4bf) 26%, #0f1c26) !important; }

/* ---------- Misc chrome ---------- */
html.theme-night .page-header, html.theme-night .toolbar, html.theme-night .topbar, html.theme-night .content-header { background: transparent; border-color: var(--dk-line); }
html.theme-night hr, html.theme-night .divider { border-color: var(--dk-line); }
html.theme-night .badge-count, html.theme-night .count { color: var(--dk-txt); }

/* ---------- Table row hover → teal green (match sidebar tab hover), never white ---------- */
html.theme-night .candidate-row:hover, html.theme-night .candidate-row:hover td, html.theme-night .hh-table tbody tr:hover, html.theme-night .hh-table tbody tr:hover td, html.theme-night tbody tr:hover, html.theme-night tbody tr:hover td {
  background: rgba(45,212,191,.12) !important;
}
html.theme-night .candidate-row:hover, html.theme-night .hh-row:hover { box-shadow: inset 3px 0 0 var(--dk-teal) !important; }
html.theme-night .candidate-name, html.theme-night .hh-name-text { color: var(--dk-txt-strong) !important; }
html.theme-night .candidate-row:hover .candidate-name, html.theme-night .hh-row:hover .hh-name-text { color: #eafffb !important; }

/* ---------- Page-specific buttons that hardcode white/light (normalise to the system) ---------- */
/* Neutral / segment / toggle buttons → dark glass */
html.theme-night .dash2-btn, html.theme-night .inbox-ch-btn, html.theme-night .inbox-seg-btn, html.theme-night .inbox-rb-btn, html.theme-night .inbox-act-btn, html.theme-night .crm-seg-btn, html.theme-night .crm-ibx-btn, html.theme-night .hh-mobile-toolbar-btn, html.theme-night .hh-saved-search-btn, html.theme-night .tr-mini-btn, html.theme-night .mini-li-btn, html.theme-night .ln-btn--sec, html.theme-night .ln-btn--ghost, html.theme-night .drawer-nav-btn, html.theme-night .actions-trigger-btn, html.theme-night .adv-add-filter-btn, html.theme-night .kanban-action-btn {
  background: rgba(255,255,255,.05) !important;
  color: var(--dk-txt) !important;
  border: 1px solid var(--dk-line2) !important;
}
html.theme-night .dash2-btn:hover, html.theme-night .inbox-ch-btn:hover, html.theme-night .inbox-seg-btn:hover, html.theme-night .inbox-rb-btn:hover, html.theme-night .crm-seg-btn:hover, html.theme-night .hh-mobile-toolbar-btn:hover, html.theme-night .tr-mini-btn:hover, html.theme-night .actions-trigger-btn:hover, html.theme-night .adv-add-filter-btn:hover, html.theme-night .kanban-action-btn:hover {
  background: rgba(45,212,191,.10) !important;
  border-color: rgba(94,234,212,.4) !important;
  color: #fff !important;
}
/* Active/selected segment + primary variants → refined dark teal-glass */
html.theme-night .inbox-seg-btn.is-active, html.theme-night .crm-seg-btn.is-active, html.theme-night .crm-seg-btn--active, html.theme-night .dash2-btn--primary, html.theme-night .hh-mobile-toolbar-btn--active, html.theme-night .actions-trigger-btn--active, html.theme-night .kanban-action-btn--advance, html.theme-night .ln-btn--block, html.theme-night .ln-complete-btn {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  color: #eafffb !important;
  border: 1px solid rgba(94,234,212,.6) !important;
  box-shadow: 0 0 18px -6px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.6) !important;
}

/* ---------- Active tabs / segments / pills / range chips (were white) ----------
   Broad catch for the pervasive `*--active` / `*.is-active` white-pill pattern
   used across Jobs, Tasks, Reports, Vault, etc. */
html.theme-night .tasks-tab--active, html.theme-night [class*="tab--active"], html.theme-night [class*="-tab"][class*="--active"], html.theme-night [class*="seg"][class*="--active"], html.theme-night [class*="pill"][class*="--active"], html.theme-night [class*="filter"][class*="--active"], html.theme-night [class*="range"][class*="--active"], html.theme-night [class*="tab"][class*="is-active"], html.theme-night [class*="seg"][class*="is-active"], html.theme-night [class*="range"][class*="is-active"], html.theme-night [class*="toggle"][class*="--active"] {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  color: #eafffb !important;
  border-color: rgba(94,234,212,.5) !important;
  box-shadow: 0 0 16px -6px var(--dk-glow) !important;
}
/* Tinted light stat cards → dark */
html.theme-night [class*="stat-card"], html.theme-night [class*="stat"][class*="-card"], html.theme-night [class*="metric-card"] {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important;
}

/* ============================================================================
   SOCIAL INBOX — full dark makeover
   (local token system --ink/--line/--muted + hardcoded #fff surfaces)
   ============================================================================ */
/* Flip the inbox's own design tokens so all token-based text + lines go dark */
html.theme-night .inbox {
  --ink: #f1f7fa; --ink-2: #cdd8de; --muted: #8ba0ab; --faint: #6b7f8a;
  --line: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.05); --wash: rgba(255,255,255,.03);
  --sh-xs: 0 1px 2px rgba(0,0,0,.4);
  --sh-sm: 0 1px 3px rgba(0,0,0,.5);
  --sh-md: 0 8px 22px -10px rgba(0,0,0,.65);
  --sh-lg: 0 24px 54px -18px rgba(0,0,0,.75);
  background:
    radial-gradient(90% 60% at 100% -10%, rgba(13,148,136,.10), transparent 55%),
    radial-gradient(70% 50% at -5% 110%, rgba(27,42,74,.16), transparent 55%),
    linear-gradient(180deg, #0a1420, #0b191c) !important;
}
/* Columns / panels */
html.theme-night .inbox-body { background: var(--dk-card) !important; border-color: var(--dk-line) !important;
  box-shadow: 0 18px 44px -24px rgba(0,0,0,.75) !important; }
html.theme-night .inbox-list { background: linear-gradient(180deg, #0e1a24, #0c1620) !important; border-right-color: var(--dk-line) !important; }
html.theme-night .inbox-conversation { background: #0b1620 !important; }
html.theme-night .inbox-conversation-header { background: linear-gradient(180deg, #10202b, #0d1b25) !important; border-bottom-color: var(--dk-line) !important; }
html.theme-night .inbox-conversation-empty-wrap .ic { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important; color: var(--dk-teal) !important; box-shadow: 0 0 22px -8px var(--dk-glow) !important; }
/* Search */
html.theme-night .inbox-search input { background: rgba(255,255,255,.04) !important; border-color: var(--dk-line2) !important; color: var(--dk-txt-strong) !important; }
html.theme-night .inbox-search input::placeholder { color: var(--faint) !important; }
/* Segmented control + chips + channel buttons */
html.theme-night .inbox-seg { background: rgba(255,255,255,.05) !important; }
html.theme-night .inbox-seg-btn { color: var(--muted) !important; }
html.theme-night .inbox-seg-btn.is-active, html.theme-night .inbox-range-chip.is-active, html.theme-night .inbox-chip.is-active, html.theme-night .inbox-ch-all.is-active {
  background: linear-gradient(135deg, rgba(45,212,191,.24), rgba(13,148,136,.15)) !important;
  border-color: rgba(94,234,212,.5) !important; color: #eafffb !important;
  box-shadow: 0 0 16px -6px var(--dk-glow) !important;
}
html.theme-night .inbox-chip, html.theme-night .inbox-attach-chip, html.theme-night .inbox-ch-btn, html.theme-night .inbox-ch-all {
  background: rgba(255,255,255,.05) !important; border-color: var(--dk-line2) !important; color: var(--dk-txt) !important;
}
/* Thread rows */
html.theme-night .inbox-thread:hover { background: rgba(45,212,191,.06) !important; box-shadow: none !important; }
html.theme-night .inbox-thread.is-active { background: rgba(45,212,191,.10) !important; box-shadow: inset 0 0 0 1px rgba(45,212,191,.28) !important; }
html.theme-night .inbox-thread-name { color: var(--dk-txt-strong) !important; }
html.theme-night .inbox-thread-preview { color: var(--muted) !important; }
html.theme-night .inbox-avatar-provider { border-color: var(--dk-card) !important; }
/* Account pill (top) + connect CTA → glass */
html.theme-night .inbox-accounts-pill { background: rgba(255,255,255,.05) !important; border-color: var(--dk-line2) !important; color: var(--dk-txt-strong) !important; }
html.theme-night .inbox-connect-btn {
  background: linear-gradient(135deg, rgba(45,212,191,.22), rgba(13,148,136,.12)) !important;
  color: #eafffb !important; border: 1px solid rgba(94,234,212,.6) !important;
  box-shadow: 0 0 22px -4px var(--dk-glow), inset 0 0 14px -8px rgba(94,234,212,.7) !important;
}
/* Menus / dropdowns */
html.theme-night .inbox-thread-menu, html.theme-night .inbox-accounts-dd { background: var(--dk-card2) !important; border-color: var(--dk-line) !important; }
html.theme-night .inbox-menu-item { color: var(--dk-txt) !important; }
html.theme-night .inbox-menu-item:hover, html.theme-night .inbox-dd-row:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }
html.theme-night .inbox-dd-name { color: var(--dk-txt-strong) !important; }
html.theme-night .inbox-dd-open:hover { background: rgba(255,255,255,.08) !important; }
/* Messages */
html.theme-night .inbox-date-divider { background: rgba(255,255,255,.06) !important; color: var(--dk-txt) !important; border-color: var(--dk-line) !important; }
html.theme-night .inbox-msg--in .inbox-msg-bubble { background: rgba(255,255,255,.06) !important; color: #eaf3f6 !important; border-color: var(--dk-line) !important; }
/* Composer */
html.theme-night .inbox-composer { background: linear-gradient(180deg, #0d1b25, #0b1620) !important; border-top-color: var(--dk-line) !important; }
html.theme-night .inbox-composer-bar { background: rgba(255,255,255,.04) !important; border-color: var(--dk-line2) !important; }
html.theme-night .inbox-composer-bar textarea, html.theme-night .inbox-composer-bar input { color: var(--dk-txt-strong) !important; }
/* Scrollbars */
html.theme-night .inbox-threads::-webkit-scrollbar-thumb, html.theme-night .inbox-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14) !important; }
html.theme-night .inbox-threads::-webkit-scrollbar-thumb:hover, html.theme-night .inbox-messages::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.22) !important; }

/* ---------- Headhunt drawer tabs + training toggles ---------- */
html.theme-night .hh-drawer-tab--active { background: rgba(45,212,191,.14) !important; color: #eafffb !important; border-bottom-color: var(--dk-teal) !important; }
html.theme-night .mp-dev button.is-on { background: var(--dk-teal) !important; color: #05201d !important; }

/* Dashboard month pill */
html.theme-night .dash2 .month-pill { background: rgba(255,255,255,.05) !important; border-color: var(--dk-line2) !important; color: var(--dk-txt) !important; }

/* Feedback FAB + error illustration circles (were white) */
html.theme-night .feedback-fab, html.theme-night .fab, html.theme-night .empty-state-icon, html.theme-night .error-icon, html.theme-night .icon-circle {
  background: var(--dk-card2) !important; color: var(--dk-teal) !important;
  border: 1px solid var(--dk-line) !important; box-shadow: 0 0 18px -6px var(--dk-glow) !important;
}