.status-shell{--status-good:color-mix(in srgb, var(--good) 86%, var(--brand-dark));--status-ready:color-mix(in srgb, var(--brand) 82%, var(--good));--status-warn:color-mix(in srgb, var(--accent) 88%, var(--danger))}.status-hero-card{border-color:color-mix(in srgb, var(--brand) 22%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--brand-soft) 42%, transparent), transparent), color-mix(in srgb, var(--surface) 88%, var(--bg-alt))}.status-hero-card svg{color:var(--brand-dark)}.status-grid{grid-template-columns:repeat(4,minmax(min(100%,230px),1fr));gap:14px;width:min(1280px,100%);min-width:0;max-width:100%;margin:0 auto;display:grid}.status-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--bg-alt) 76%, transparent)), var(--surface);min-width:0;box-shadow:0 20px 54px -44px var(--shadow);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid;overflow:hidden;container:status-card/inline-size}.status-card.good{border-color:color-mix(in srgb, var(--status-good) 24%, var(--line))}.status-card.ready{border-color:color-mix(in srgb, var(--status-ready) 24%, var(--line))}.status-card.warn{border-color:color-mix(in srgb, var(--status-warn) 28%, var(--line))}.status-card-icon{border:1px solid color-mix(in srgb, currentColor 20%, var(--line));background:color-mix(in srgb, currentColor 9%, var(--surface));border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.status-card.good .status-card-icon{color:var(--status-good)}.status-card.ready .status-card-icon{color:var(--status-ready)}.status-card.warn .status-card-icon{color:var(--status-warn)}.status-card div:last-child{min-width:0}.status-card span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;font-size:.74rem;font-weight:950;line-height:1.15;display:block}.status-card strong{color:var(--ink-0);font-family:var(--font-display);overflow-wrap:anywhere;text-wrap:balance;margin-top:6px;font-size:clamp(1.52rem,11cqi,2rem);line-height:1.02;display:block}.status-card p{color:var(--ink-2);overflow-wrap:anywhere;text-wrap:pretty;margin:10px 0 0;font-size:.9rem;font-weight:680;line-height:1.48}@container status-card (max-width:250px){.status-card{grid-template-columns:1fr}.status-card strong{font-size:clamp(1.35rem,14cqi,1.72rem)}}.status-diagnostics{grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);gap:14px;width:min(1280px,100%);min-width:0;max-width:100%;margin:0 auto;display:grid}.status-incident-card,.status-diagnostic-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--bg-alt) 76%, transparent)), var(--surface);min-width:0;box-shadow:0 20px 54px -46px var(--shadow);border-radius:14px;overflow:hidden}.status-incident-card{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid;overflow:hidden}.status-incident-card.good{border-color:color-mix(in srgb, var(--status-good) 28%, var(--line))}.status-incident-card.warn{border-color:color-mix(in srgb, var(--status-warn) 32%, var(--line))}.status-incident-card>span{border:1px solid color-mix(in srgb, currentColor 20%, var(--line));background:color-mix(in srgb, currentColor 9%, var(--surface));border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.status-incident-card.good>span{color:var(--status-good)}.status-incident-card.warn>span{color:var(--status-warn)}.status-incident-card div{min-width:0}.status-incident-card strong,.status-incident-card p,.status-diagnostic-card span,.status-diagnostic-card strong,.status-diagnostic-card small{overflow-wrap:anywhere;min-width:0;display:block}.status-incident-card strong{color:var(--ink-0);font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.04}.status-incident-card p{color:var(--ink-2);text-wrap:pretty;margin:10px 0 0;font-size:.9rem;font-weight:700;line-height:1.45}.status-diagnostic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,142px),1fr));gap:10px;min-width:0;display:grid}.status-diagnostic-card{align-content:start;gap:7px;padding:13px;display:grid}.status-diagnostic-card.good{border-color:color-mix(in srgb, var(--status-good) 24%, var(--line))}.status-diagnostic-card.ready{border-color:color-mix(in srgb, var(--status-ready) 24%, var(--line))}.status-diagnostic-card.warn{border-color:color-mix(in srgb, var(--status-warn) 28%, var(--line))}.status-diagnostic-card span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:950;line-height:1.12}.status-diagnostic-card strong{color:var(--ink-0);text-wrap:balance;font-size:.96rem;font-weight:950;line-height:1.12}.status-diagnostic-card small{color:var(--ink-3);text-wrap:pretty;font-size:.75rem;font-weight:740;line-height:1.3}.status-action-grid{grid-template-columns:repeat(4,minmax(min(100%,220px),1fr));gap:12px;width:min(1280px,100%);min-width:0;max-width:100%;margin:0 auto;display:grid}.status-action-card{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--bg-alt) 76%, transparent)), var(--surface);min-width:0;color:inherit;box-shadow:0 20px 54px -46px var(--shadow);border-radius:14px;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon title""icon detail";gap:5px 12px;padding:16px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:grid}.status-action-card:hover,.status-action-card:focus-visible{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--brand-soft) 32%, transparent), color-mix(in srgb, var(--bg-alt) 72%, transparent)), var(--surface);transform:translateY(-1px)}.status-action-card>span{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));background:color-mix(in srgb, var(--brand-soft) 50%, var(--surface));width:38px;height:38px;color:var(--brand-dark);border-radius:12px;grid-area:icon;place-items:center;display:grid}.status-action-card strong,.status-action-card small{overflow-wrap:anywhere;min-width:0}.status-action-card strong{color:var(--ink-0);text-wrap:balance;grid-area:title;align-self:end;font-size:.95rem;font-weight:950;line-height:1.14}.status-action-card small{color:var(--ink-3);text-wrap:pretty;grid-area:detail;font-size:.78rem;font-weight:740;line-height:1.32}@media (max-width:900px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-diagnostics{grid-template-columns:1fr}.status-diagnostic-grid,.status-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.status-grid,.status-diagnostic-grid,.status-action-grid{grid-template-columns:1fr}}html[data-theme=dark] .status-hero-card svg{color:#f3c16d}html[data-theme=dark] .status-action-card>span{color:#f3c16d;background:#dea24f29;border-color:#dea24f47}html[data-theme=dark] .status-card.good{border-color:#89d1be47}html[data-theme=dark] .status-card.ready{border-color:#8db5d647}html[data-theme=dark] .status-card.warn{border-color:#e7bc6f4d}html[data-theme=dark] .status-incident-card.good,html[data-theme=dark] .status-diagnostic-card.good{border-color:#89d1be47}html[data-theme=dark] .status-diagnostic-card.ready{border-color:#8db5d647}html[data-theme=dark] .status-incident-card.warn,html[data-theme=dark] .status-diagnostic-card.warn{border-color:#e7bc6f4d}html[data-theme=dark] .status-card-icon,html[data-theme=dark] .status-incident-card>span{background:#fff7e90e;border-color:#fff7e929}html[data-theme=dark] .status-incident-card.good>span{color:#b7e5c4}html[data-theme=dark] .status-incident-card.warn>span{color:#f0c978}.status-shell{--status-surface-grid:linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px);--status-good-rail:linear-gradient(90deg, var(--good), var(--accent));--status-ready-rail:linear-gradient(90deg, var(--brand), var(--sky));--status-warn-rail:linear-gradient(90deg, var(--warn), var(--coral))}.status-hero-card,.status-card,.status-incident-card,.status-diagnostic-card,.status-action-card{isolation:isolate;position:relative}.status-card>*,.status-incident-card>*,.status-diagnostic-card>*,.status-action-card>*{z-index:1;position:relative}.status-card,.status-incident-card,.status-diagnostic-card,.status-action-card{border-color:color-mix(in srgb, var(--brand) 14%, var(--line));background:var(--status-surface-grid), linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-warm) 70%, transparent)), var(--surface);box-shadow:inset 0 1px 0 #ffffff85, 0 24px 62px -48px color-mix(in srgb, var(--ink-0) 42%, transparent);background-size:30px 30px,auto,auto}.status-card:after,.status-incident-card:after,.status-diagnostic-card:after,.status-action-card:after{z-index:0;background:var(--status-ready-rail);content:"";opacity:.58;pointer-events:none;border-radius:0 0 999px 999px;height:3px;position:absolute;inset-block-start:0;inset-inline:16px}.status-card.good:after,.status-incident-card.good:after,.status-diagnostic-card.good:after{background:var(--status-good-rail)}.status-card.ready:after,.status-diagnostic-card.ready:after{background:var(--status-ready-rail)}.status-card.warn:after,.status-incident-card.warn:after,.status-diagnostic-card.warn:after{background:var(--status-warn-rail)}.status-card{transition:border-color .16s,box-shadow .16s,transform .16s}.status-card:hover,.status-card:focus-within{border-color:color-mix(in srgb, var(--brand-dark) 32%, var(--line));box-shadow:inset 0 1px 0 #ffffff94, 0 28px 70px -50px color-mix(in srgb, var(--ink-0) 48%, transparent);transform:translateY(-1px)}.status-card-icon,.status-incident-card>span,.status-action-card>span{box-shadow:inset 0 1px #ffffff70,0 12px 24px -22px}.status-card.good .status-card-icon,.status-incident-card.good>span,.status-diagnostic-card.good{background:linear-gradient(180deg, color-mix(in srgb, var(--good-soft) 42%, transparent), color-mix(in srgb, var(--surface) 82%, transparent))}.status-card.ready .status-card-icon,.status-diagnostic-card.ready{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-soft) 38%, transparent), color-mix(in srgb, var(--surface) 84%, transparent))}.status-card.warn .status-card-icon,.status-incident-card.warn>span,.status-diagnostic-card.warn{background:linear-gradient(180deg, color-mix(in srgb, var(--warn-soft) 44%, transparent), color-mix(in srgb, var(--surface) 84%, transparent))}.status-diagnostics{gap:16px}.status-incident-card{border-radius:16px;padding:clamp(16px,2vw,20px)}.status-diagnostic-grid{gap:12px}.status-diagnostic-card{border-radius:13px;padding:14px}.status-action-grid{gap:14px}.status-action-card{border-radius:16px}.status-action-card:hover:after,.status-action-card:focus-visible:after,.status-card:hover:after,.status-card:focus-within:after{opacity:.88}html[data-theme=dark] .status-shell{--status-surface-grid:linear-gradient(90deg, #fff7e90b 1px, transparent 1px);--status-good-rail:linear-gradient(90deg, #a6efb8, #89d1be);--status-ready-rail:linear-gradient(90deg, #f3c16d, #8eb7f0);--status-warn-rail:linear-gradient(90deg, #f0c978, #ff9a86)}html[data-theme=dark] .status-card,html[data-theme=dark] .status-incident-card,html[data-theme=dark] .status-diagnostic-card,html[data-theme=dark] .status-action-card{background:var(--status-surface-grid), linear-gradient(135deg, #fff7e912, #fff7e906), #0c111fd1;border-color:#fff7e924;box-shadow:inset 0 1px #fff7e914,0 26px 66px -48px #000000eb}html[data-theme=dark] .status-card:hover,html[data-theme=dark] .status-card:focus-within{border-color:#f5d69a42;box-shadow:inset 0 1px #fff7e91a,0 30px 76px -52px #000000f5}html[data-theme=dark] .status-card.good .status-card-icon,html[data-theme=dark] .status-incident-card.good>span,html[data-theme=dark] .status-diagnostic-card.good{background:linear-gradient(#89d1be1f,#fff7e907)}html[data-theme=dark] .status-card.ready .status-card-icon,html[data-theme=dark] .status-diagnostic-card.ready{background:linear-gradient(#f3c16d1f,#fff7e907)}html[data-theme=dark] .status-card.warn .status-card-icon,html[data-theme=dark] .status-incident-card.warn>span,html[data-theme=dark] .status-diagnostic-card.warn{background:linear-gradient(#f0c97821,#fff7e907)}@media (prefers-reduced-motion:reduce){.status-card,.status-action-card,.status-card:after,.status-action-card:after{transition:none}.status-card:hover,.status-card:focus-within{transform:none}}