/* ===== Theme clair ===== */
html[data-theme="light"]{
  color-scheme: light;

  --bg: #f4f7ff;
  --card: #ffffff;
  --text: #2f3640;
  --muted: #667085;
  --accent: #0a66ff;

  --border: #d7deea;
  --border2: #e6ebf4;
  --panel: #f1f5ff;
  --hover: #e8efff;

  --rowOdd: #f1f5ff;
  --rowEven: #e8efff;
  --rowHover: #dbe6ff;
  --rowAlt: #f0f4ff;

  --inputBg: #ffffff;
  --inputBorder: #cfd8ea;
  --pillBg: #f1f5ff;
  --pillBorder: #d0dbff;

  --shadow: 0 4px 16px rgba(0,0,0,.10);
}

/* Boutons (fix clair) */
html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] .nav-link{
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--border);
}

html[data-theme="light"] .btn:hover,
html[data-theme="light"] button:hover,
html[data-theme="light"] .nav-link:hover{
  background: var(--hover);
}


/* Fix: onglets actifs (tabs) en thème clair */
html[data-theme="light"] .tab{
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
}
html[data-theme="light"] .tab.active{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,241,246,.92));
  border-color: rgba(0,0,0,.14);
  color: #2c2f36;
}

/* Fix: bouton "Mettre à jour" (devices) */
html[data-theme="light"] .btn-update{
  background: var(--btn);
  color: var(--btnText);
  border: 1px solid var(--border);
}
html[data-theme="light"] .value.small-text {
  color: #555;       /* gris foncé lisible */
  font-weight: 500;  /* cohérent avec le reste */
}
html[data-theme="light"] .tile .label {
  color: #6a6a6a;
}
/* Hover / focus pour feedback visuel */
.header-actions .filters select:hover {
  border-color: #475172;
  background: #ffffff;
}