/* Página de status (/status/). Usa as cores do launch.css, como "Quem é a Bia". */
.status{padding-block:2.5rem 4rem;color:var(--color-muted);font-size:1.0625rem;line-height:1.7}
.status h1{margin:0 0 1.5rem}
.status h2{margin:0;font-family:var(--font-display);font-size:1.125rem;line-height:1.3;font-weight:700;color:var(--color-white)}
.status p{margin:0}
.status a{color:var(--color-forest)}
.status-trilha{font-size:.875rem;margin-bottom:1.5rem}
.status-trilha a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}
.status-trilha [aria-current]{color:var(--color-white)}
.status-geral{max-width:46rem;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid rgb(255 255 255/.1);background:var(--color-purple-soft)}
.status-geral strong{display:block;color:var(--color-white);font-family:var(--font-display);font-size:1.375rem;margin-bottom:.25rem}
.status-geral.status-ok{border-left:6px solid #2fbf71}
.status-geral.status-degraded,.status-aviso.status-degraded{border-left:6px solid #f5b13d}
.status-geral.status-down,.status-aviso.status-down{border-left:6px solid #ff5a5a}
.status-aviso{max-width:46rem;margin-top:1.25rem;padding:1.25rem 1.5rem;border-radius:1rem;background:rgb(255 255 255/.04)}
.status-aviso p{margin-top:.5rem}
.status-lista{list-style:none;max-width:46rem;margin:2rem 0 1rem;padding:0;display:grid;gap:.75rem}
.status-lista li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:1rem;background:var(--color-purple-soft);border:1px solid rgb(255 255 255/.08)}
.status-lista p{font-size:.9375rem}
.status-chip{flex-shrink:0;padding:.25rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:800}
.status-chip.status-ok{background:rgb(47 191 113/.15);color:#7ee2a8}
.status-chip.status-degraded{background:rgb(245 177 61/.15);color:#ffd28a}
.status-chip.status-down{background:rgb(255 90 90/.15);color:#ffb0b0}
.status-quando{max-width:46rem;font-size:.875rem}
.status-ajuda{margin-top:2rem!important}