/* ===== Theme sombre ===== */
:root{
  color-scheme: dark;

  --bg:#0b1020;
  --card:#131a2a;
  --text:#e7ecf6;
  --muted:#96a0b5;
  --accent:#4da3ff;

  /* UI */
  --border:#24345f;
  --border2:#1e2a4a;
  --panel:#0e1629;
  --hover:#122041;

  /* Tables */
  --rowOdd:#0e1629;
  --rowEven:#10182a;
  --rowHover:#122041;
  --rowAlt:#0f1628;

  /* Inputs / pills */
  --inputBg:#0e1629;
  --inputBorder:#24345f;
  --pillBg:#0e1629;
  --pillBorder:#24345f;

  --shadow: 0 6px 18px rgba(0,0,0,.35);
}
.header-actions .filters select:hover {
  border-color: #2b3a69;
  background: #141b2d;
}
/* =========================================================
   FIX HARD : SELECT / INPUT qui deviennent blancs en DARK
   (à placer tout en bas du CSS dark, après tout le reste)
   ========================================================= */

:root[data-theme="dark"] select,
:root[data-theme="dark"] .form-select,
:root[data-theme="dark"] input,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] textarea {
  background-color: var(--input-bg, #1e1f22) !important;
  color: var(--text-main, #e6e6e6) !important;
  border-color: var(--input-border, #2f3238) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] select:hover,
:root[data-theme="dark"] select:focus,
:root[data-theme="dark"] select:focus-visible,
:root[data-theme="dark"] .form-select:hover,
:root[data-theme="dark"] .form-select:focus,
:root[data-theme="dark"] .form-select:focus-visible,
:root[data-theme="dark"] input:hover,
:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] input:focus-visible,
:root[data-theme="dark"] .form-control:hover,
:root[data-theme="dark"] .form-control:focus,
:root[data-theme="dark"] .form-control:focus-visible,
:root[data-theme="dark"] textarea:hover,
:root[data-theme="dark"] textarea:focus,
:root[data-theme="dark"] textarea:focus-visible {
  background-color: var(--input-bg-hover, #26282c) !important; /* surtout pas blanc */
  color: var(--text-main, #e6e6e6) !important;
  border-color: var(--accent, #0a66ff) !important;
  box-shadow: 0 0 0 2px rgba(10, 102, 255, 0.18) !important;
  outline: none !important;
}

/* Empêche les styles "autofill" chrome de blanchir les inputs */
:root[data-theme="dark"] input:-webkit-autofill,
:root[data-theme="dark"] input:-webkit-autofill:hover,
:root[data-theme="dark"] input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-main, #e6e6e6) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg, #1e1f22) inset !important;
  transition: background-color 99999s ease-in-out 0s;
}