/* Página de estado: luz verde ou vermelha por serviço e por API. Sem estilo inline (a CSP do site não deixa). */
.estado-hero{padding-top:clamp(40px,6vw,96px)}
.estado-hero h1{font-size:clamp(48px,7vw,104px);font-weight:600;line-height:1;letter-spacing:-.067em;margin:26px 0 0;max-width:1100px}
.estado-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}
.estado-hero p{max-width:560px;font-size:15px;line-height:1.7;color:#575850;margin:26px 0 0}

.estado-geral{--cor:#8a8c82;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(32px,4vw,56px);padding:22px clamp(20px,2.2vw,32px);border:1px solid var(--cor);border-radius:8px;background:var(--fundo,#f0eee5)}
.estado-geral[data-estado=ok]{--cor:#2e7d4f;--fundo:#e3eee4}
.estado-geral[data-estado=falha]{--cor:#b3342a;--fundo:#f3dfdb}
.luz{flex:none;width:16px;height:16px;border-radius:50%;background:var(--cor);box-shadow:0 0 0 5px color-mix(in srgb,var(--cor) 22%,transparent)}
.estado-geral[data-estado=verificando] .luz{animation:pulsa 1.2s ease-in-out infinite}
.geral-texto{display:flex;flex-direction:column;gap:3px;flex:1 1 260px}
.geral-texto strong{font-size:clamp(20px,2.2vw,28px);letter-spacing:-.045em;font-weight:650}
.geral-texto span{font-size:13px;color:#4f5249}
.geral-acoes{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.geral-hora{font-size:12px;color:#4f5249;font-variant-numeric:tabular-nums}
.estado-botao{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:7px;font-size:12px;font-weight:650;transition:background .25s}
.estado-botao:hover{background:#526d6f}
.estado-botao:disabled{opacity:.55;cursor:progress}

.estado-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(20px,2.5vw,32px)}
.servico{--cor:#8a8c82;display:flex;flex-direction:column;padding:clamp(18px,1.8vw,26px);border-radius:8px;background:#f0eee5;border-top:4px solid var(--cor)}
.servico[data-estado=ok]{--cor:#2e7d4f}
.servico[data-estado=falha]{--cor:#b3342a}
.servico-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.servico h2{margin:0;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.06em;font-weight:650;line-height:1.05}
.servico h2 span{color:#6b7c5a}
.servico-host{font-size:11px;font-weight:700;letter-spacing:.02em;color:#52564c;overflow-wrap:anywhere}
.servico-host:hover{text-decoration:underline}
.linhas{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid #1c1e1a26}
.linha{--cor:#8a8c82;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #1c1e1a1f;font-size:13px}
.linha:last-child{border-bottom:0}
.linha[data-estado=ok]{--cor:#2e7d4f}
.linha[data-estado=falha]{--cor:#b3342a}
.linha .luz{width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 22%,transparent)}
.linha[data-estado=verificando] .luz{animation:pulsa 1.2s ease-in-out infinite}
.linha-nome{font-weight:600;letter-spacing:-.01em}
.linha-nome small{display:block;font-size:11px;font-weight:500;color:#5d6056;margin-top:1px}
.linha-estado{font-size:12px;font-weight:700;color:var(--cor);text-align:right;white-space:nowrap}
.linha-estado small{display:block;font-weight:500;color:#5d6056;font-variant-numeric:tabular-nums}

.estado-nota{margin-top:28px;margin-bottom:clamp(60px,7vw,110px);max-width:760px;font-size:12px;line-height:1.7;color:#6d7067}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.luz{animation:none!important}}
@media(max-width:580px){.estado-hero h1{font-size:clamp(44px,12vw,64px)}.geral-acoes{width:100%;justify-content:space-between}}