.etat{isolation:isolate;flex:1;place-items:center;padding:56px 16px 72px;display:grid;position:relative}.etat:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 320px at 50% 18%,#3b82f62e,#0000 70%),radial-gradient(420px 260px at 88% 92%,#22d3ee12,#0000 70%);position:absolute;inset:0}.etat-carte{--etat-couleur:var(--green);--etat-halo:#34d39942;text-align:center;background:linear-gradient(#16243ec7 0%,#0c1424db 100%);border:1px solid #2a3b57;border-radius:20px;justify-items:center;gap:14px;width:min(560px,100%);padding:36px 26px 28px;display:grid;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0d}.etat-perturbe{--etat-couleur:var(--orange);--etat-halo:#fb923c42}.etat-pastille{width:60px;height:60px;color:var(--etat-couleur);background:radial-gradient(circle at 50% 35%, var(--etat-halo), #ffffff08);border:1px solid var(--etat-halo);box-shadow:0 0 34px var(--etat-halo);border-radius:50%;place-items:center;display:grid}.etat-pastille svg{width:28px;height:28px}.etat-carte h1{letter-spacing:-.02em;color:var(--text);font-size:28px;line-height:1.15}.etat-phrase{max-width:420px;color:var(--muted);font-size:15.5px;line-height:1.55}.etat-liste{text-align:left;gap:8px;width:100%;margin-top:6px;display:grid}.etat-ligne{background:#ffffff09;border:1px solid #243247;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;display:flex}.etat-ligne-nom{color:var(--text)}.etat-ligne-etat{flex:none;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.etat-ligne-etat:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.etat-ligne-ok .etat-ligne-etat{color:var(--green)}.etat-ligne-ko .etat-ligne-etat{color:var(--orange)}.etat-heure{color:var(--faint);font-size:13px}.etat-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.etat-actions a:focus-visible{outline-offset:2px;outline:3px solid #60a5faa6}@media (max-width:480px){.etat{padding:36px 14px 56px}.etat-carte{padding:28px 16px 22px}.etat-carte h1{font-size:24px}.etat-ligne{flex-direction:column;align-items:flex-start;gap:4px}}