/* Page de secours (PAN-532). Jetons de status/DESIGN.md, thème sombre seul comme la page de statut.
   Autonome : aucune ressource du cluster, aucune police chargée (celle du système). */
:root {
  --fond: #0f1115; --carte: #14171d; --filet: #252a34;
  --titre: #e9edf5; --texte: #c3cad6; --doux: #8f99ab; --lien: #7fb0ff;
  --ok: #2fb47c; --ambre: #e6a23c; --rouge: #f0524f;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte);
  font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
a { color: var(--lien); }
h1 { color: var(--titre); font-size: 22px; line-height: 1.3; margin: 4px 0 8px; }
.marque { color: var(--titre); font-weight: 600; margin: 0; }
.doux { color: var(--doux); }
.petit { font-size: 13px; }
.bandeau { margin: 24px 0 16px; padding: 14px 16px; border-radius: 8px; border: 1px solid var(--filet);
  color: var(--titre); font-weight: 600; background: var(--carte); }
.bandeau.ok { border-color: var(--ok); }
.bandeau.panne { border-color: var(--rouge); background: #2a1414; }
.bandeau.maintenance { border-color: var(--ambre); background: #2a2210; }
.carte { list-style: none; margin: 0 0 16px; padding: 0; border: 1px solid var(--filet); border-radius: 8px; background: var(--carte); }
.carte li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 12px 16px; border-top: 1px solid var(--filet); }
.carte li:first-child { border-top: 0; }
.etat { font-weight: 600; }
.etat.ok { color: var(--ok); }
.etat.panne { color: var(--rouge); }
.etat.inconnu { color: var(--doux); }
#maintenances { margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--ambre); border-radius: 8px; }
#maintenances p { margin: 4px 0; }