/* ═══════════════════════════════════════════════════════════════════════════
   Click Soft — MODE SOMBRE : pages avec styles propres (<html data-theme="dark">)
   Chargé APRÈS dark-theme.css. Couvre les pages qui embarquent leur propre CSS
   avec des couleurs « en dur » ou des variables claires :
     • Tableau de bord            (#erp-dash)
     • Factures consolidées       (.fc-*, #pnf)
     • Rapports                   (.rpt-*)
     • Paramètres de l'entreprise (.settings-nav-btn + utilitaires tw-*)
     • Taux de taxe               (.tr-*)
   Toutes les règles sont préfixées :root[data-theme="dark"] → aucun effet en clair.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0. Utilitaires Tailwind manquants dans dark-theme.css ─────────────── */
:root[data-theme="dark"] .tw-text-black,
:root[data-theme="dark"] .tw-text-gray-950,
:root[data-theme="dark"] .tw-text-slate-900,
:root[data-theme="dark"] .tw-text-slate-800 { color: #E7EDF8 !important; }
:root[data-theme="dark"] .tw-text-gray-400,
:root[data-theme="dark"] .tw-text-slate-500 { color: #A9B8D1 !important; }
:root[data-theme="dark"] .tw-text-blue-600,
:root[data-theme="dark"] .tw-text-blue-700,
:root[data-theme="dark"] .tw-text-blue-500 { color: #7FB3FF !important; }
:root[data-theme="dark"] .tw-text-green-700,
:root[data-theme="dark"] .tw-text-green-600 { color: #34d399 !important; }
:root[data-theme="dark"] .tw-bg-blue-100,
:root[data-theme="dark"] .tw-bg-blue-50   { background-color: rgba(61,127,232,.16) !important; }
:root[data-theme="dark"] .tw-bg-green-100,
:root[data-theme="dark"] .tw-bg-green-50  { background-color: rgba(16,185,129,.16) !important; }
:root[data-theme="dark"] .tw-bg-red-100,
:root[data-theme="dark"] .tw-bg-red-50    { background-color: rgba(239,68,68,.16) !important; }
:root[data-theme="dark"] .tw-bg-yellow-100,
:root[data-theme="dark"] .tw-bg-amber-100 { background-color: rgba(245,158,11,.16) !important; }
:root[data-theme="dark"] .tw-bg-gray-200  { background-color: var(--dk-surface-3) !important; }
:root[data-theme="dark"] .tw-border-gray-400 { border-color: var(--dk-border-2) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   1. TABLEAU DE BORD  (#erp-dash)
   Le dashboard pilote tout via des variables locales : on les redéfinit
   et l'ensemble des cartes / textes / bordures suit automatiquement.
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] #erp-dash {
  --p-blue:     #4f7cff;
  --p-blue-lt:  rgba(79,124,255,.16);
  --p-green:    #34d399;
  --p-green-lt: rgba(52,211,153,.14);
  --p-amber:    #fbbf24;
  --p-amber-lt: rgba(251,191,36,.14);
  --p-red:      #f87171;
  --p-red-lt:   rgba(248,113,113,.14);
  --p-purple:   #a78bfa;
  --p-purple-lt:rgba(167,139,250,.16);
  --p-indigo:   #818cf8;
  --p-indigo-lt:rgba(129,140,248,.16);
  --p-teal:     #2dd4bf;
  --p-teal-lt:  rgba(45,212,191,.14);
  --p-rose:     #fb7185;
  --p-rose-lt:  rgba(251,113,133,.14);

  --bg:      #0A1631;
  --surface: #10203F;
  --surf2:   #16294D;
  --border:  rgba(255,255,255,.08);
  --bord2:   rgba(255,255,255,.16);

  --tx:  #E7EDF8;
  --tx2: #a6aebb;
  --tx3: #7487A6;

  --sh:  0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);
  --sh2: 0 6px 22px rgba(0,0,0,.5);
  --sh3: 0 14px 40px rgba(0,0,0,.6);

  --w-text-muted: #7487A6;
  color-scheme: dark;
}

/* Cartes KPI : le reflet blanc du survol devient un voile discret */
:root[data-theme="dark"] #erp-dash .ekpi::after {
  background: linear-gradient(135deg, transparent 60%, rgba(255,255,255,.04));
}

/* Pastilles d'icônes (anciennement en style inline) */
:root[data-theme="dark"] #erp-dash .dw-stat-item__ico--indigo { background: rgba(129,140,248,.16) !important; color: #a5b4fc !important; }
:root[data-theme="dark"] #erp-dash .dw-stat-item__ico--amber  { background: rgba(251,191,36,.15)  !important; color: #fbbf24 !important; }
:root[data-theme="dark"] #erp-dash .dw-stat-item__ico--green  { background: rgba(52,211,153,.15)  !important; color: #34d399 !important; }
:root[data-theme="dark"] #erp-dash .dw-stat-item__ico--red    { background: rgba(248,113,113,.15) !important; color: #f87171 !important; }
:root[data-theme="dark"] #erp-dash .dw-stat-item__ico--blue   { background: rgba(79,124,255,.18)  !important; color: #8fb0ff !important; }
:root[data-theme="dark"] #erp-dash .dw-stat-item__val--danger { color: #f87171 !important; }

:root[data-theme="dark"] #erp-dash .kpi-invoice__ico--amber { background: rgba(251,191,36,.15);  color: #fbbf24; }
:root[data-theme="dark"] #erp-dash .kpi-invoice__ico--green { background: rgba(52,211,153,.15);  color: #34d399; }
:root[data-theme="dark"] #erp-dash .kpi-invoice__ico--red   { background: rgba(248,113,113,.15); color: #f87171; }
:root[data-theme="dark"] #erp-dash .kpi-invoice__bar        { background: rgba(255,255,255,.08); }
:root[data-theme="dark"] #erp-dash .kpi-invoice__bar-fill--amber { background: #fbbf24; }
:root[data-theme="dark"] #erp-dash .kpi-invoice__bar-fill--green { background: #34d399; }
:root[data-theme="dark"] #erp-dash .kpi-invoice__bar-fill--red   { background: #f87171; }

/* Chèques / Traites / Virements : cartes reçus / émis */
:root[data-theme="dark"] #erp-dash .bidir-card--recv { background: rgba(52,211,153,.10); }
:root[data-theme="dark"] #erp-dash .bidir-card--emit { background: rgba(248,113,113,.10); }
:root[data-theme="dark"] #erp-dash .bidir-card__label--recv,
:root[data-theme="dark"] #erp-dash .bidir-card__amount--recv { color: #34d399; }
:root[data-theme="dark"] #erp-dash .bidir-card__label--emit,
:root[data-theme="dark"] #erp-dash .bidir-card__amount--emit { color: #f87171; }

/* Variation en % */
:root[data-theme="dark"] #erp-dash .dw-kpi__delta--up   { background: rgba(52,211,153,.15);  color: #34d399; }
:root[data-theme="dark"] #erp-dash .dw-kpi__delta--down { background: rgba(248,113,113,.15); color: #f87171; }

/* Comptes bancaires */
:root[data-theme="dark"] #erp-dash .dw-bank-logo { background: #fff; border-color: var(--border); }
:root[data-theme="dark"] #erp-dash .dw-bank-logo--fallback { background: linear-gradient(135deg, #3d6ff8 0%, #6366f1 100%); }

/* DataTables du dashboard : voile de chargement */
:root[data-theme="dark"] #erp-dash .dataTables_processing {
  background: rgba(16,32,63,.94) !important;
  color: var(--tx) !important;
  border: 1px solid var(--bord2) !important;
}

/* Journal d'activité */
:root[data-theme="dark"] #erp-dash .act-badge--transaction { background: rgba(127,179,255,.16);  color: #A9CBFF; }
:root[data-theme="dark"] #erp-dash .act-badge--contact     { background: rgba(167,139,250,.16); color: #c4b5fd; }
:root[data-theme="dark"] #erp-dash .act-badge--product     { background: rgba(251,191,36,.15);  color: #fcd34d; }
:root[data-theme="dark"] #erp-dash .act-badge--expense     { background: rgba(248,113,113,.15); color: #fca5a5; }
:root[data-theme="dark"] #erp-dash .act-badge--user        { background: rgba(52,211,153,.15);  color: #6ee7b7; }

/* Alertes de stock */
:root[data-theme="dark"] #erp-dash .stock-alert-banner {
  background: linear-gradient(90deg, rgba(248,113,113,.14), rgba(248,113,113,.05));
  border-bottom-color: rgba(248,113,113,.3);
}
:root[data-theme="dark"] #erp-dash .stock-alert-banner__count { color: #f87171; }
:root[data-theme="dark"] #erp-dash .stock-alert-banner__label { color: #fca5a5; }
:root[data-theme="dark"] #erp-dash .stock-alert-banner__link  { color: #f87171; border-color: rgba(248,113,113,.45); }
:root[data-theme="dark"] #erp-dash .stock-alert-banner__link:hover { background: #dc2626; color: #fff; }
:root[data-theme="dark"] #erp-dash .dw-table-sm thead th {
  background: rgba(248,113,113,.10) !important; color: #fca5a5 !important; border-bottom-color: rgba(248,113,113,.3) !important;
}
:root[data-theme="dark"] #erp-dash .ec__ico--danger {
  background: rgba(248,113,113,.15) !important; color: #f87171 !important;
}

/* Boutons bascule 2026 / 2025 / 30 jours + sélecteurs natifs */
:root[data-theme="dark"] #erp-dash select,
:root[data-theme="dark"] #erp-dash .form-control {
  background-color: var(--surf2); color: var(--tx); border-color: var(--bord2);
}
:root[data-theme="dark"] #erp-dash select option { background: var(--surf2); color: var(--tx); }

/* ═══════════════════════════════════════════════════════════════════════════
   2. FACTURES CONSOLIDÉES  (.fc-*, #pnf)
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] .fc-card {
  background: var(--dk-surface);
  border-color: var(--dk-border);
  box-shadow: 0 2px 16px rgba(0,0,0,.45);
}
:root[data-theme="dark"] .fc-card-header { border-bottom-color: var(--dk-border); }
:root[data-theme="dark"] .fc-card-title  { color: #E7EDF8; }
:root[data-theme="dark"] .fc-card-title i { color: #818cf8; }

:root[data-theme="dark"] .fc-table thead th {
  background: var(--dk-surface-2);
  color: var(--dk-text-soft);
  border-bottom-color: var(--dk-border-2);
}
:root[data-theme="dark"] .fc-table tbody td {
  color: var(--dk-text);
  border-bottom-color: var(--dk-border);
}
:root[data-theme="dark"] .fc-table tbody tr:hover { background: var(--dk-hover); }

:root[data-theme="dark"] .inv-link { color: #34d399; }
:root[data-theme="dark"] .inv-link:hover { color: #6ee7b7; }
:root[data-theme="dark"] .fc-amount { color: #E7EDF8; }
:root[data-theme="dark"] .fc-amount small { color: var(--dk-text-mute); }
:root[data-theme="dark"] .fc-date,
:root[data-theme="dark"] .fc-note { color: var(--dk-text-soft); }
:root[data-theme="dark"] .fc-date i { color: #a78bfa; }
:root[data-theme="dark"] .fc-dash { color: var(--dk-text-mute); }

:root[data-theme="dark"] .btn-action-view {
  background: var(--dk-surface-3); color: var(--dk-text); border-color: var(--dk-border-2);
}
:root[data-theme="dark"] .btn-action-view:hover { background: #2a3347; color: #fff; }
:root[data-theme="dark"] .btn-action-print {
  background: rgba(61,127,232,.14); color: #A9CBFF; border-color: rgba(127,179,255,.35);
}
:root[data-theme="dark"] .btn-action-print:hover { background: rgba(61,127,232,.26); color: #bfdbfe; }
:root[data-theme="dark"] .btn-back {
  background: var(--dk-surface-2); border-color: var(--dk-border-2); color: var(--dk-text);
}
:root[data-theme="dark"] .btn-back:hover { background: var(--dk-surface-3); color: #fff; }

:root[data-theme="dark"] .fc-empty { color: var(--dk-text-mute); }
:root[data-theme="dark"] .fc-empty i { color: var(--dk-border-2); }
:root[data-theme="dark"] .fc-empty .fc-empty-title { color: var(--dk-text-soft); }
:root[data-theme="dark"] .fc-empty .fc-empty-sub { color: var(--dk-text-mute); }
:root[data-theme="dark"] .fc-pagination { background: var(--dk-surface-2); border-top-color: var(--dk-border); }

/* Filtre période #pnf : les règles génériques de dark-theme.css ciblent les
   sélecteurs « -top / -bar / -toggle… » ; ici on complète les fonds opaques. */
:root[data-theme="dark"] #pnf { background: var(--dk-surface); border-color: var(--dk-border); }
:root[data-theme="dark"] #pnf-top,
:root[data-theme="dark"] #pnf-bar { background: transparent; border-bottom-color: var(--dk-border); }
:root[data-theme="dark"] #pnf-mode-label,
:root[data-theme="dark"] #pnf-period-val { color: #E7EDF8; }
:root[data-theme="dark"] #pnf-range-txt  { color: var(--dk-text-soft); }
:root[data-theme="dark"] .pnf-nav { color: var(--dk-text-mute); }
:root[data-theme="dark"] .pnf-nav:hover { color: var(--dk-accent); }
:root[data-theme="dark"] #pnf-toggle { background: var(--dk-surface-2); border-color: var(--dk-border-2); }
:root[data-theme="dark"] .pnf-tb { color: var(--dk-text-soft); }
:root[data-theme="dark"] .pnf-tb.on { background: var(--dk-surface-3); color: var(--dk-accent); border-bottom-color: var(--dk-accent); }
:root[data-theme="dark"] .pnf-arrow { color: var(--dk-text-soft); }
:root[data-theme="dark"] .pnf-arrow:hover { background: var(--dk-hover); color: var(--dk-accent); }
:root[data-theme="dark"] .pnf-year-sep { color: var(--dk-text-mute); }
:root[data-theme="dark"] .pnf-year-sep.pnf-yactive { color: var(--dk-accent); }
:root[data-theme="dark"] .pnf-item { color: var(--dk-text-soft); }
:root[data-theme="dark"] .pnf-item:hover { color: var(--dk-accent); }
:root[data-theme="dark"] .pnf-item:hover::after { background: rgba(127,179,255,.4); }
:root[data-theme="dark"] .pnf-item.pnf-sel,
:root[data-theme="dark"] .pnf-item.pnf-sel.pnf-cur { color: var(--dk-accent); }
:root[data-theme="dark"] .pnf-item.pnf-sel::after,
:root[data-theme="dark"] .pnf-item.pnf-sel.pnf-cur::after { background: var(--dk-accent); }
:root[data-theme="dark"] .pnf-item.pnf-cur { color: #fb923c; }

/* ═══════════════════════════════════════════════════════════════════════════
   3. RAPPORTS  (.rpt-*) — pilotés par variables
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] {
  --rpt-accent:     #7FB3FF;
  --rpt-accent-dk:  #A9CBFF;
  --rpt-accent-bg:  rgba(127,179,255,.10);
  --rpt-border:     rgba(255,255,255,.08);
  --rpt-card-bg:    #10203F;
  --rpt-page-bg:    #0A1631;
  --rpt-text-head:  #E7EDF8;
  --rpt-text-cat:   #DCE4F2;
  --rpt-text-link:  #A9CBFF;
  --rpt-text-muted: #A9B8D1;
  --rpt-ico-bg:     rgba(127,179,255,.12);
  --rpt-ico-color:  #7FB3FF;
  --rpt-shadow:     0 1px 3px rgba(0,0,0,.45);
  --rpt-shadow-hov: 0 10px 28px rgba(0,0,0,.55), 0 0 0 1px rgba(127,179,255,.18);
}
:root[data-theme="dark"] .rpt-search-wrap input {
  background: var(--dk-surface-2); color: var(--dk-text); border-color: var(--dk-border-2);
}
:root[data-theme="dark"] .rpt-search-wrap input::placeholder { color: var(--dk-text-mute); }
:root[data-theme="dark"] .rpt-search-icon { color: var(--dk-text-mute); }
:root[data-theme="dark"] .rpt-card-head { background: var(--dk-surface-2); }
:root[data-theme="dark"] .rpt-card:hover { border-color: rgba(127,179,255,.35); }
:root[data-theme="dark"] .rpt-card-ico { border-color: rgba(127,179,255,.25); }
:root[data-theme="dark"] .rpt-badge-new  { background: rgba(16,185,129,.18); color: #6ee7b7; }
:root[data-theme="dark"] .rpt-badge-soon { background: rgba(245,158,11,.18); color: #fcd34d; }
:root[data-theme="dark"] .rpt-empty-ico  { background: var(--dk-surface-2); color: var(--dk-text-mute); }
:root[data-theme="dark"] .rpt-empty-title { color: var(--dk-text); }
:root[data-theme="dark"] .rpt-section-label { color: var(--dk-text-mute); }
:root[data-theme="dark"] .rpt-section-label::after { background: linear-gradient(to right, var(--dk-border-2), transparent); }

/* ═══════════════════════════════════════════════════════════════════════════
   4. PARAMÈTRES DE L'ENTREPRISE  (/business/settings)
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] .settings-nav-btn { color: var(--dk-text-soft); }
:root[data-theme="dark"] .settings-nav-btn svg { color: var(--dk-text-mute); }
:root[data-theme="dark"] .settings-nav-btn:hover {
  background: var(--dk-hover); border-color: #3D7FE8; color: #A9CBFF;
  box-shadow: 0 1px 4px rgba(61,127,232,.2);
}
:root[data-theme="dark"] .settings-nav-btn:hover svg { color: #A9CBFF; }
:root[data-theme="dark"] .settings-nav-btn.is-active,
:root[data-theme="dark"] .settings-nav-btn.is-active:hover {
  background: #0a7bc1; border-color: #0a7bc1; color: #fff;
  box-shadow: 0 2px 10px rgba(0,138,208,.4);
}
:root[data-theme="dark"] .settings-nav-btn.is-active svg,
:root[data-theme="dark"] .settings-nav-btn.is-active:hover svg { color: #fff; }
:root[data-theme="dark"] .settings-nav-btn[style*="color:#0369a1"] { color: #7FB3FF !important; }
:root[data-theme="dark"] .settings-nav-btn svg[style*="color:#0369a1"] { color: #7FB3FF !important; }
:root[data-theme="dark"] .settings-section .tw-bg-gray-50,
:root[data-theme="dark"] .settings-section .tw-bg-white { border-color: var(--dk-border) !important; }
:root[data-theme="dark"] .settings-section .input-group-addon[style*="d4edda"] {
  background: rgba(16,185,129,.16) !important; color: #6ee7b7 !important;
}
:root[data-theme="dark"] .settings-section .checkbox label,
:root[data-theme="dark"] .settings-section .radio label { color: var(--dk-text) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   5. TAUX DE TAXE  (.tr-*)
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] .tr-page-title h1 { color: #E7EDF8; }
:root[data-theme="dark"] .tr-page-title h1 svg { color: #7FB3FF; }
:root[data-theme="dark"] .tr-page-title span { color: var(--dk-text-soft); }
:root[data-theme="dark"] .tr-card {
  background: var(--dk-surface);
  border-color: var(--dk-border);
  box-shadow: 0 2px 14px rgba(0,0,0,.5);
}
:root[data-theme="dark"] .tr-tabs { background: var(--dk-surface-2); border-bottom-color: var(--dk-border); }
:root[data-theme="dark"] .tr-tab { color: var(--dk-text-soft); }
:root[data-theme="dark"] .tr-tab:hover,
:root[data-theme="dark"] .tr-tab.active { color: #7FB3FF; }
:root[data-theme="dark"] .tr-tab.active { border-bottom-color: #7FB3FF; }
:root[data-theme="dark"] .tr-badge-blue-light   { background: rgba(127,179,255,.16);  color: #7FB3FF; }
:root[data-theme="dark"] .tr-badge-orange-light { background: rgba(245,158,11,.18);  color: #fbbf24; }
:root[data-theme="dark"] .tr-badge-gray-light   { background: rgba(156,163,175,.16); color: #C9D5E8; }

:root[data-theme="dark"] .tr-alert-blue   { background: rgba(127,179,255,.10); color: #A9CBFF; border-left-color: #7FB3FF; }
:root[data-theme="dark"] .tr-alert-orange { background: rgba(245,158,11,.10); color: #fcd34d; border-left-color: #f59e0b; }

:root[data-theme="dark"] .tr-table-wrap { border-color: var(--dk-border); }
:root[data-theme="dark"] .tr-table thead tr { background: var(--dk-surface-2); border-bottom-color: var(--dk-border-2); }
:root[data-theme="dark"] .tr-table thead th { color: var(--dk-text-soft); }
:root[data-theme="dark"] .tr-table tbody tr { border-bottom-color: var(--dk-border); }
:root[data-theme="dark"] .tr-table tbody tr:hover { background: var(--dk-hover); }
:root[data-theme="dark"] .tr-table td { color: var(--dk-text); }
:root[data-theme="dark"] .tr-table td span[style*="color:#6b7280"] { color: var(--dk-text-soft) !important; }

:root[data-theme="dark"] .tr-badge-blue   { background: rgba(127,179,255,.16);  color: #A9CBFF; }
:root[data-theme="dark"] .tr-badge-orange { background: rgba(245,158,11,.18);  color: #fbbf24; }
:root[data-theme="dark"] .tr-badge-cyan   { background: rgba(34,211,238,.14);  color: #67e8f9; }
:root[data-theme="dark"] .tr-badge-green  { background: rgba(16,185,129,.16);  color: #6ee7b7; }
:root[data-theme="dark"] .tr-tax-name { color: #E7EDF8; }
:root[data-theme="dark"] .tr-tax-group-note,
:root[data-theme="dark"] .tr-empty { color: var(--dk-text-mute); }

/* ═══════════════════════════════════════════════════════════════════════════
   6. CORRECTIFS v2
   6a. Dashboard : second système de variables --dw-* (dashboard-window.css)
   ═══════════════════════════════════════════════════════════════════════════ */
:root[data-theme="dark"] {
  --dw-primary:     #818cf8;
  --dw-primary-lt:  rgba(129,140,248,.16);
  --dw-primary-dk:  #a5b4fc;
  --dw-accent:      #22d3ee;
  --dw-accent-lt:   rgba(34,211,238,.14);

  --dw-success:     #34d399;
  --dw-success-lt:  rgba(52,211,153,.15);
  --dw-warning:     #fbbf24;
  --dw-warning-lt:  rgba(251,191,36,.15);
  --dw-danger:      #f87171;
  --dw-danger-lt:   rgba(248,113,113,.15);
  --dw-info:        #7FB3FF;
  --dw-info-lt:     rgba(127,179,255,.16);
  --dw-purple:      #a78bfa;
  --dw-purple-lt:   rgba(167,139,250,.16);

  --dw-bg:          #0A1631;
  --dw-surface:     #10203F;
  --dw-surf2:       #16294D;
  --dw-border:      rgba(255,255,255,.08);
  --dw-border2:     rgba(255,255,255,.16);
  --dw-text:        #E7EDF8;
  --dw-text2:       #b4bcc9;
  --dw-muted:       #A9B8D1;
  --dw-placeholder: #7487A6;

  --dw-shadow-sm:    0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);
  --dw-shadow-md:    0 6px 20px rgba(0,0,0,.5);
  --dw-shadow-hover: 0 10px 32px rgba(0,0,0,.6);
  --dw-shadow-panel: 0 2px 14px rgba(0,0,0,.45);
}
:root[data-theme="dark"] .dw-year-btn:hover { background: rgba(255,255,255,.06); }
:root[data-theme="dark"] .dw-year-btn--active,
:root[data-theme="dark"] .dw-year-btn.dw-year-btn--active {
  background: var(--dk-surface-3) !important; color: var(--dk-accent) !important; border-color: transparent !important;
}
:root[data-theme="dark"] .dw-section-sep::before,
:root[data-theme="dark"] .dw-section-sep::after { background: var(--dk-border); }
:root[data-theme="dark"] .dw-section-sep__pill { background: var(--dk-surface-2); border-color: var(--dk-border-2); }

/* 6b. Paramètres : panneaux d'onglets (.pos-tab-content = fond blanc dans app.css) */
:root[data-theme="dark"] div.pos-tab-content,
:root[data-theme="dark"] .settings-section .pos-tab-content,
:root[data-theme="dark"] .settings-section .tab-content,
:root[data-theme="dark"] .settings-section .tab-pane {
  background-color: transparent !important;
  color: var(--dk-text) !important;
}
:root[data-theme="dark"] .pos-tab-content label,
:root[data-theme="dark"] .pos-tab-content .control-label,
:root[data-theme="dark"] .pos-tab-content .checkbox label,
:root[data-theme="dark"] .pos-tab-content .radio label,
:root[data-theme="dark"] .pos-tab-content h4,
:root[data-theme="dark"] .pos-tab-content h5 { color: var(--dk-text) !important; }
:root[data-theme="dark"] .pos-tab-content .help-block,
:root[data-theme="dark"] .pos-tab-content .text-muted,
:root[data-theme="dark"] .pos-tab-content small { color: var(--dk-text-soft) !important; }
:root[data-theme="dark"] .pos-tab-content .option-div,
:root[data-theme="dark"] .pos-tab-content .well { background: var(--dk-surface-2) !important; border-color: var(--dk-border-2) !important; color: var(--dk-text) !important; }
:root[data-theme="dark"] .pos-tab-content .option-div.active { border-color: #3D7FE8 !important; background: rgba(61,127,232,.14) !important; }
:root[data-theme="dark"] .pos-tab-content .table > thead > tr > th { background: var(--dk-surface-2) !important; color: var(--dk-text-soft) !important; }
:root[data-theme="dark"] .pos-tab-content .table > tbody > tr > td { background: transparent !important; color: var(--dk-text) !important; }