.stato{--stato-vuoto:color-mix(in srgb, var(--border-strong) 30%, var(--surface));padding-bottom:96px}.stato [data-esito=ok]{--c:var(--success);--c-testo:var(--success)}.stato [data-esito=degradato]{--c:var(--warning);--c-testo:var(--warning)}.stato [data-esito=guasto]{--c:var(--danger-text);--c-testo:var(--danger-text)}.stato [data-esito=nessun-dato]{--c:var(--stato-vuoto);--c-testo:var(--text-dim)}.stato-colonna{max-width:980px}.stato-testata{text-align:center;padding:72px 0 36px;position:relative;overflow:hidden}.stato-testata:before{content:"";pointer-events:none;background:radial-gradient(#16c7d838,#0000 70%);width:900px;height:600px;position:absolute;top:-320px;left:50%;transform:translate(-50%)}.stato-testata .container{position:relative}.stato-testata h1{font-size:clamp(2rem,4.5vw,3.2rem)}.stato-testata .lead{margin-top:18px}.stato-generale{border:1px solid color-mix(in srgb, var(--c-testo) 36%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--c-testo) 7%, var(--surface));align-items:center;gap:18px;padding:22px 24px;display:flex}.stato-bollo{border-radius:var(--radius-round);width:52px;height:52px;color:var(--c-testo);background:color-mix(in srgb, var(--c-testo) 15%, var(--surface));flex:none;place-items:center;display:grid;position:relative}.stato-generale-testo{min-width:0}.stato-generale h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,2.4vw,1.55rem);line-height:1.25}.stato-controllo{color:var(--text-muted);font-size:var(--fs-300);margin:4px 0 0}.stato-controllo time{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.stato-controllo-nota{color:var(--text-dim)}.stato-avviso{border:1px solid var(--warning-border);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--text);font-size:var(--fs-300);margin:12px 0 0;padding:10px 12px;line-height:1.5}.stato-blocco{margin-top:56px}.stato-blocco>h2{font-size:var(--fs-titolo);letter-spacing:-.01em;margin:0 0 16px}.stato-blocco-nota{color:var(--text-muted);font-size:var(--fs-300);margin:-8px 0 16px}.stato-pill{border:1px solid color-mix(in srgb, var(--c-testo) 32%, var(--border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--c-testo) 10%, var(--surface));color:var(--c-testo);font-size:var(--fs-200);white-space:nowrap;align-items:center;gap:7px;padding:4px 11px;font-weight:600;line-height:1.35;display:inline-flex}.stato-pill:before{content:"";border-radius:var(--radius-round);background:currentColor;flex:none;width:7px;height:7px}.stato-pill-piena{background:var(--c-testo);border-color:var(--c-testo);color:var(--bg)}.stato-servizi{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none}.stato-servizio{padding:22px 24px 18px}.stato-servizio+.stato-servizio{border-top:1px solid var(--border)}.stato-servizio-testa{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icona nome stato";align-items:start;gap:0 12px;display:grid}.stato-servizio-icona{color:var(--c-testo);grid-area:icona;margin-top:1px}.stato-servizio-nome{grid-area:nome;min-width:0}.stato-servizio-nome h3{font-size:var(--fs-500);margin:0;font-weight:600;line-height:1.35}.stato-servizio-nome p{color:var(--text-muted);font-size:var(--fs-300);margin:2px 0 0;line-height:1.5}.stato-servizio-testa .stato-pill{grid-area:stato}.stato-motivo{border-left:3px solid var(--c-testo);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:color-mix(in srgb, var(--c-testo) 7%, var(--surface));color:var(--text);font-size:var(--fs-300);margin:14px 0 0;padding:9px 12px;line-height:1.5}.stato-striscia{border-radius:var(--radius-xs);margin-top:16px;position:relative}.stato-striscia:focus-visible{outline-offset:4px}.stato-barre{gap:2px;height:34px;margin:0;padding:0;list-style:none;display:flex}.stato-barre>li{background:var(--c);border-radius:2px;flex:1 1 0;min-width:0}.stato-striscia[data-attiva] .stato-barre>li:not([data-attivo]){opacity:.45}.stato-asse{color:var(--text-dim);font-size:var(--fs-200);grid-template-columns:1fr auto 1fr;grid-template-areas:"inizio disp fine";align-items:baseline;gap:4px 12px;margin-top:8px;display:grid}.stato-asse-inizio{white-space:nowrap;grid-area:inizio}.stato-asse-fine{text-align:right;white-space:nowrap;grid-area:fine}.stato-disp{text-align:center;color:var(--text-muted);grid-area:disp}.stato-disp strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.stato-solo-stretto{display:none}.stato-fumetto{z-index:5;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);font-size:var(--fs-200);pointer-events:none;flex-direction:column;gap:2px;padding:10px 12px;line-height:1.4;display:flex;position:absolute;bottom:calc(100% + 10px)}.stato-fumetto:after{content:"";top:100%;left:var(--punta,50%);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.stato-fumetto-data{color:var(--text);font-weight:600}.stato-fumetto-esito{color:var(--c-testo);align-items:center;gap:7px;font-weight:600;display:inline-flex}.stato-fumetto-esito:before{content:"";background:var(--c);border-radius:2px;flex:none;width:8px;height:8px}.stato-fumetto-minuti{color:var(--text-muted)}.stato-legenda{color:var(--text-muted);font-size:var(--fs-200);flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0 4px;list-style:none;display:flex}.stato-legenda li{align-items:center;gap:8px;display:inline-flex}.stato-campione{background:var(--c);border-radius:2px;flex:none;width:8px;height:16px}.stato-disservizi{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.stato-disservizio{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px 24px}.stato-disservizio-testa{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.stato-disservizio h3{font-size:var(--fs-500);margin:0;font-weight:600;line-height:1.35}.stato-disservizio-etichette{flex-wrap:wrap;gap:6px;display:flex}.stato-disservizio-quando{color:var(--text-muted);font-size:var(--fs-300);margin:8px 0 0}.stato-disservizio-quando time{color:var(--text);font-variant-numeric:tabular-nums}.stato-durata{white-space:nowrap}.stato-disservizio-motivo{color:var(--text);margin:12px 0 0;line-height:1.55}.stato-nota{border-radius:var(--radius-sm);background:var(--surface-mid);color:var(--text-muted);font-size:var(--fs-300);margin:12px 0 0;padding:12px 14px;line-height:1.6}.stato-nota-etichetta{color:var(--text-dim);font-size:var(--fs-100);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-weight:600;display:block}.stato-vuoto{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);margin:0;padding:18px 22px}.stato-metodo ul{color:var(--text-muted);margin:0;padding-left:20px;list-style:outside}.stato-metodo li{margin:8px 0;line-height:1.6}.stato-metodo li::marker{color:var(--accent-2)}.stato-metodo p{color:var(--text-muted);margin:14px 0 0;line-height:1.6}.stato-metodo .stato-metodo-dal{color:var(--text);font-weight:600}.stato-metodo a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.stato-generale:not([data-esito=nessun-dato]) .stato-bollo:after{content:"";border:2px solid var(--c-testo);border-radius:var(--radius-round);opacity:0;animation:2.8s ease-out infinite stato-onda;position:absolute;inset:0}.stato-barre>li{transition:opacity var(--duration-quick)}}@keyframes stato-onda{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(1.6)}}@media (max-width:700px){.stato-barre>li[data-vecchio],.stato-solo-largo{display:none}.stato-solo-stretto{display:inline}.stato-barre{gap:3px}}@media (max-width:560px){.stato-testata{padding:48px 0 28px}.stato-generale{align-items:flex-start;gap:14px;padding:18px}.stato-bollo{width:44px;height:44px}.stato-servizio{padding:18px 16px 16px}.stato-servizio-testa{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icona nome"".stato"}.stato-servizio-testa .stato-pill{justify-self:start;margin-top:10px}.stato-asse{grid-template-columns:1fr auto;grid-template-areas:"inizio fine""disp disp"}.stato-disp{text-align:left;margin-top:4px}.stato-disservizio{padding:18px 16px}.stato-durata{display:block}.stato-durata-punto{display:none}.stato-blocco{margin-top:44px}}