/* Présentation du snippet fourni, limitée au bloc d'état des services. */
.service-status { width:100%; max-width:800px; margin:auto; font-family:sans-serif; }
.service-status [hidden] { display:none !important; }
.service-status-list { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; }
.service-status-card { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; width:120px; padding:10px; border-radius:8px; background:#fff; color:#000; box-shadow:0 4px 12px rgba(0,0,0,.2); }
.service-status-dot { font-size:36px; color:red; }
.service-status-card[data-state="up"] .service-status-dot { color:limegreen; }
.service-status-label { margin-top:8px; font-size:14px; text-align:center; }
.service-status-text { margin-top:4px; font-size:11px; text-align:center; }
.service-status-message { margin:0 0 1rem; text-align:center; }
.service-status-retry { display:block; margin:1rem auto 0; padding:5px 10px; border:1px solid currentColor; border-radius:4px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.service-status-retry:focus-visible { outline:2px solid currentColor; outline-offset:3px; }