/* ── /status page styles ──────────────────────────────────────────────
   Lives in an external file (NOT an inline <style> block) because the
   production CSP is `style-src 'self'` — inline <style> blocks and
   style="" attributes are silently blocked, which left this page
   rendering unstyled. Keep every rule here; never inline. */

.status-shell { max-width: 720px; margin: 64px auto; padding: 0 24px; }
.status-eyebrow {
  color:#B14CFF; font-size:11px; letter-spacing:0.42em;
  font-weight:700; text-transform:uppercase; margin:0 0 18px;
}
.status-h1 { margin:0 0 18px; }
.status-pill {
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:999px; font-size:13px;
  letter-spacing:0.06em; text-transform:uppercase; font-weight:700;
}
.status-pill.ok       { background:rgba(34,197,94,0.14);  color:#86efac; }
.status-pill.degraded { background:rgba(234,179,8,0.16); color:#fde68a; }
.status-pill.down     { background:rgba(239,68,68,0.16); color:#fca5a5; }
.surface-list { margin-top:28px; }
.surface-row {
  display:grid; grid-template-columns: 1.2fr auto auto auto;
  gap:16px; padding:14px 16px; align-items:center;
  border:1px solid rgba(177,76,255,0.14);
  border-radius:12px; margin-top:10px;
  background:rgba(255,255,255,0.02);
}
.surface-row .name { font-weight:600; }
.surface-row .meta { font-size:12px; color:rgba(241,245,249,0.55); }
.dot { width:10px; height:10px; border-radius:50%; display:inline-block; }
.dot.ok   { background:#22c55e; box-shadow:0 0 8px rgba(34,197,94,0.6); }
.dot.down { background:#ef4444; box-shadow:0 0 8px rgba(239,68,68,0.6); }
.ts { font-size:12px; color:rgba(241,245,249,0.45); margin-top:18px; }
.status-contact { margin-top:36px; font-size:13px; color:rgba(241,245,249,0.55); }
.status-contact a { color:#C07BFF; }