/* Couleurs de statut communes à toutes les apps Agreen — ajouté à chaque page interne par build-dist.js.
   Une même situation a partout la même couleur :
     à faire = gris · en cours = bleu · en attente / en pause = orange · à valider = violet · terminé = vert · en retard / bloqué = rouge
   Chaque app relie ses propres classes à ces variables dans sa feuille de style. */
:root {
  --st-todo: #5b6b7c;      --st-todo-bg: #eef2f6;
  --st-progress: #246fb5;  --st-progress-bg: #e9f3fc;
  --st-wait: #ad6810;      --st-wait-bg: #fff3de;
  --st-review: #6d56b5;    --st-review-bg: #f0edfb;
  --st-done: #137a54;      --st-done-bg: #e6f5ed;
  --st-late: #b9443e;      --st-late-bg: #fdecea;
}
/* Étiquettes prêtes à l'emploi : <span class="agreen-st agreen-st-wait">En pause</span> */
.agreen-st { display: inline-flex; align-items: center; gap: .3em; padding: .18em .6em; border-radius: 999px; font-weight: 700; font-size: .78em; line-height: 1.5; white-space: nowrap; }
.agreen-st-todo { color: var(--st-todo); background: var(--st-todo-bg); }
.agreen-st-progress { color: var(--st-progress); background: var(--st-progress-bg); }
.agreen-st-wait { color: var(--st-wait); background: var(--st-wait-bg); }
.agreen-st-review { color: var(--st-review); background: var(--st-review-bg); }
.agreen-st-done { color: var(--st-done); background: var(--st-done-bg); }
.agreen-st-late { color: var(--st-late); background: var(--st-late-bg); }