.tc-status-shell { max-width: 72rem; margin-inline: auto; padding: var(--tc-space-6); }
.tc-status-header { border-bottom: 1px solid var(--tc-color-border); background: var(--tc-color-surface); }
.tc-status-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--tc-space-4); flex-wrap: wrap; }
.tc-status-brand { display: inline-flex; align-items: center; gap: var(--tc-space-3); color: var(--tc-color-text); font-weight: 750; text-decoration: none; }
.tc-status-brand img { width: 2rem; height: 2rem; }
.tc-status-nav { display: flex; gap: var(--tc-space-2); flex-wrap: wrap; }
.tc-status-nav a { padding: .55rem .75rem; border-radius: var(--tc-radius-md); color: var(--tc-color-text-muted); text-decoration: none; }
.tc-status-nav a[aria-current="page"], .tc-status-nav a:hover { background: var(--tc-color-surface-muted); color: var(--tc-color-text); }
.tc-status-hero { display: grid; gap: var(--tc-space-5); padding-block: clamp(3rem, 8vw, 6rem); max-width: 54rem; }
.tc-status-kicker { color: var(--tc-color-primary); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.tc-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--tc-space-4); }
.tc-status-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: var(--tc-space-4); margin-bottom: var(--tc-space-8); }
.tc-status-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: var(--tc-space-4); flex-wrap: wrap; }
.tc-status-card { border: 1px solid var(--tc-color-border); border-radius: var(--tc-radius-lg); padding: var(--tc-space-5); background: var(--tc-color-surface); }
.tc-status-card h2, .tc-status-card h3 { margin-top: 0; }
.tc-status-state { display: inline-flex; padding: .3rem .65rem; border-radius: 999px; background: #eef1f5; color: #3d4654; font-size: .875rem; font-weight: 700; }
.tc-status-state--operational, .tc-status-state--normal, .tc-status-state--current { background: #dcfce7; color: #166534; }
.tc-status-state--degraded, .tc-status-state--stale { background: #fef3c7; color: #92400e; }
.tc-status-state--unavailable, .tc-status-state--pressure, .tc-status-state--failed { background: #fee2e2; color: #991b1b; }
.tc-status-state--unknown { background: #ede9fe; color: #5b21b6; }
.tc-status-observed { color: var(--tc-color-text-muted); font-size: .95rem; }
.tc-status-pods { margin: var(--tc-space-3) 0 0; padding-left: 1.2rem; color: var(--tc-color-text-muted); font: .78rem/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.tc-status-footer { margin-top: var(--tc-space-8); border-top: 1px solid var(--tc-color-border); color: var(--tc-color-text-muted); }
.tc-status-meta { display: flex; gap: var(--tc-space-4); flex-wrap: wrap; font-size: .875rem; }
.tc-error-code { font-size: clamp(3rem, 12vw, 7rem); line-height: 1; margin: 0; color: var(--tc-color-primary); }
@media (max-width: 40rem) { .tc-status-shell { padding: var(--tc-space-4); } .tc-status-nav { width: 100%; } .tc-status-nav a { flex: 1 1 8rem; text-align: center; } }