/* Página de status: barra recortada na janela realmente medida,
   destaque do dia em curso e bloco de incidentes. */

.uptime-bar{height:40px;gap:3px}
.uptime-day{border-radius:3px}
.uptime-day.is-partial{background-image:repeating-linear-gradient(135deg,var(--shadow-soft) 0 3px,transparent 3px 7px)}
.uptime-day.is-today{box-shadow:0 0 0 2px var(--bg),0 0 0 3px rgba(127,227,251,.85)}
.uptime-scale .scale-count{color:var(--ink);font-weight:800}
.status-legend .key-partial{background:var(--ok);background-image:repeating-linear-gradient(135deg,var(--shadow-mid) 0 3px,transparent 3px 7px)}

.incident-hero{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:30px 32px}
.incident-hero b{font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:-3px;font-weight:800;color:var(--ok)}
.incident-hero-copy strong{display:block;font-size:19px;letter-spacing:-.6px}
.incident-hero-copy span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.incident-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.incident-list li{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px 22px}
.incident-list time{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap}
.incident-list .incident-what{color:var(--ink);font-size:14px}
.incident-list .incident-when{margin-left:auto;color:var(--muted);font-size:13px}
.incident-empty{color:var(--muted);font-size:14px;margin:16px 0 0}

@media(max-width:760px){
  .uptime-day:nth-child(-n+46){display:block}
  .uptime-bar.is-compact .uptime-day:nth-child(-n+46){display:none}
  .incident-hero{padding:24px;gap:18px}
  .incident-list .incident-when{margin-left:0;width:100%}
}