/* Ce que le suivi des dossiers ajoute a style.css (copie de web/metrologie/). Memes variables, memes
   filets : rien ici ne redefinit une couleur de l'ecran. */

/* `hidden` doit gagner sur le display de style.css (lecon de la metrologie, F11-H2). */
[hidden] { display: none !important; }

.bandeau-essai {
  margin: 0;
  padding: 8px 20px;
  background: var(--surveillance-fond);
  color: var(--surveillance);
  border-bottom: 2px solid var(--surveillance-vif);
  font-size: 14px;
}

/* --- Etat du relais : une panne se dit, elle ne se confond jamais avec une liste vide --- */

.etat-relais { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.etat {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--bord);
  border-left-width: 4px;
  border-radius: var(--rayon-petit);
  background: var(--surface);
  color: var(--texte);
  font-size: 14px;
}
.etat.critique { border-left-color: var(--critique-vif); color: var(--critique); background: var(--critique-fond); }
.etat.surveillance { border-left-color: var(--surveillance-vif); color: var(--surveillance); background: var(--surveillance-fond); }
.etat.succes { border-left-color: var(--succes-vif); }
.etat.neutre { border-left-color: var(--bord-fort); }

.compte { margin: 8px 0; font-size: 14px; color: var(--texte-doux); }

/* --- Tableau ------------------------------------------------------------------- */

#tableau th, #tableau td { text-align: left; vertical-align: top; white-space: normal; }
#tableau td:nth-child(1), #tableau td:nth-child(3), #tableau td:nth-child(6) { white-space: nowrap; }
#tableau tr.annule td { color: var(--texte-doux); }

.numero {
  font-family: Consolas, "Courier New", monospace;
  font-size: 14px;
  user-select: all; /* un clic selectionne le numero entier, pour le coller dans Clarilab */
}

.analyses { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; }
.analyses li { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; font-size: 14px; }
.analyses .code { font-weight: 600; }
.analyses li.retiree .code { text-decoration: line-through; color: var(--texte-doux); }
.meta { color: var(--texte-doux); font-size: 12.5px; }

.vide {
  margin: 16px 0;
  padding: 12px 14px;
  border: 1px dashed var(--bord-fort);
  border-radius: var(--rayon-petit);
  color: var(--texte-doux);
  font-size: 14px;
  max-width: 70ch;
}