/* RSI Status (Data Hub, 22 Oct 2026). Theme variables only (--ink, --ink-2, --accent, --rule,
   --rule-soft, --font-mono), so it follows Ion blue, Plasma red, High contrast and all 16
   maker themes; panels are .sc-card so maker shapes/angles apply. No backing boxes.
   Status = icon + words; the hue is mixed with --ink so it keeps 3:1+ on light and dark. */
.rsistatus-page { --rs-ok: color-mix(in srgb, #1f9a50 55%, var(--ink)); --rs-maint: color-mix(in srgb, #3f7fe0 55%, var(--ink)); --rs-degraded: color-mix(in srgb, #d98a00 60%, var(--ink)); --rs-partial: color-mix(in srgb, #e0600a 60%, var(--ink)); --rs-major: color-mix(in srgb, #e02a2a 60%, var(--ink)); --rs-unknown: var(--ink-2); }
.rsistatus-page .rs-ok { --rs-c: var(--rs-ok); } .rsistatus-page .rs-maint, .rsistatus-page .rs-notice { --rs-c: var(--rs-maint); }
.rsistatus-page .rs-degraded { --rs-c: var(--rs-degraded); } .rsistatus-page .rs-partial { --rs-c: var(--rs-partial); }
.rsistatus-page .rs-major { --rs-c: var(--rs-major); } .rsistatus-page .rs-unknown { --rs-c: var(--rs-unknown); }
.rsistatus-page .rs-top { display: grid; gap: 1rem; }
.rsistatus-page .rs-overall { display: flex; align-items: center; gap: 0.9rem; min-width: 0; padding-left: 0.9rem; border-left: 4px solid var(--rs-c, var(--accent)); }
.rsistatus-page .rs-overall-ico { flex: none; font-size: 2rem; color: var(--rs-c); }
.rsistatus-page .rs-overall > div { min-width: 0; }
.rsistatus-page .rs-overall-t { margin: 0; color: var(--ink); font-size: 1.25rem; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.rsistatus-page .rs-overall-s { margin: 0.2rem 0 0; color: var(--ink); overflow-wrap: anywhere; }
.rsistatus-page .rs-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem 1rem; }
.rsistatus-page .rs-updated { margin: 0; color: var(--ink); font-family: var(--font-mono); font-size: 0.78rem; min-width: 0; overflow-wrap: anywhere; }
.rsistatus-page .rs-stale { color: var(--ink); }
.rsistatus-page .rs-stale .fa { color: var(--rs-degraded); }
.rsistatus-page .rs-h { margin: 0 0 0.6rem; overflow-wrap: anywhere; }
.rsistatus-page .rs-list { margin: 0; padding: 0; list-style: none; min-width: 0; }
.rsistatus-page .rs-sys { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem 1rem; min-height: 44px; padding: 0.4rem 0 0.4rem 0.8rem; border-top: 1px solid var(--rule); border-left: 3px solid var(--rs-c); }
.rsistatus-page .rs-sys:last-child { border-bottom: 1px solid var(--rule); }
.rsistatus-page .rs-sys-n { min-width: 0; color: var(--ink); font-weight: 600; overflow-wrap: anywhere; }
.rsistatus-page .rs-badge { display: inline-flex; align-items: center; gap: 0.35rem; flex: none; color: var(--ink); font-family: var(--font-mono); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }
.rsistatus-page .rs-badge .fa { color: var(--rs-c); font-size: 1rem; }
.rsistatus-page .rs-issue { padding: 0.7rem 0 0.8rem 0.9rem; border-top: 1px solid var(--rule); border-left: 3px solid var(--rs-c, var(--accent)); min-width: 0; }
.rsistatus-page .rs-is-ok { --rs-c: var(--rs-ok); } .rsistatus-page .rs-is-maint, .rsistatus-page .rs-is-notice, .rsistatus-page .rs-is-unknown { --rs-c: var(--rs-maint); }
.rsistatus-page .rs-is-degraded { --rs-c: var(--rs-degraded); } .rsistatus-page .rs-is-partial { --rs-c: var(--rs-partial); } .rsistatus-page .rs-is-major { --rs-c: var(--rs-major); }
.rsistatus-page .rs-issue .rs-badge { --rs-c: inherit; } .rsistatus-page .rs-issue .rs-badge .fa { color: var(--rs-c); }
.rsistatus-page .rs-issue-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.3rem 1rem; }
.rsistatus-page .rs-issue-h { margin: 0; font-size: 1rem; min-width: 0; overflow-wrap: anywhere; text-transform: none; letter-spacing: normal; }
.rsistatus-page .rs-issue-h a, .rsistatus-page .rs-credit a, .rsistatus-page .rs-fb a { color: var(--ink); -webkit-text-fill-color: currentColor; text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.rsistatus-page .rs-issue-h a:hover, .rsistatus-page .rs-issue-h a:focus-visible { text-decoration-thickness: 2px; }
.rsistatus-page .rs-meta { margin: 0.25rem 0 0; color: var(--ink); font-size: 0.85rem; overflow-wrap: anywhere; }
.rsistatus-page .rs-sum { margin: 0.35rem 0 0; color: var(--ink); line-height: 1.5; overflow-wrap: anywhere; }
.rsistatus-page .rs-none { padding: 0.6rem 0; border-top: 1px solid var(--rule); color: var(--ink); }
.rsistatus-page .rs-none .fa { color: var(--rs-ok); }
.rsistatus-page .rs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 0 1.5rem; }
.rsistatus-page .rs-grid > * { min-width: 0; }
.rsistatus-page .rs-fb { padding-left: 0.9rem; border-left: 3px solid var(--accent); color: var(--ink); }
.rsistatus-page .rs-fb p { margin: 0.3rem 0; }
.rsistatus-page .rs-credit { margin-top: 1.5rem; color: var(--ink); font-size: 0.85rem; }
.rsistatus-page .rs-loading { color: var(--ink); }
.rsistatus-page .sc-btn:focus-visible, .rsistatus-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rsistatus-page [hidden] { display: none !important; }
@media (max-width: 420px) { .rsistatus-page .rs-overall-ico { font-size: 1.6rem; } .rsistatus-page .rs-overall-t { font-size: 1.1rem; } .rsistatus-page .rs-bar .sc-btn { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .rsistatus-page * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }