.page-shell { max-width: 760px; margin-inline: auto; }
.page-intro { margin-bottom: var(--spacing-xl); color: var(--text-secondary); }
.status-page { min-height: min(60vh, 560px); display: grid; place-items: center; }
.status-card { width: min(100%, 540px); text-align: center; padding: clamp(1.5rem, 4vw, 2.5rem); }
.status-code { margin: 0 0 var(--spacing-md); font-size: clamp(3rem, 10vw, 4.5rem); line-height: 1; color: var(--primary-color); }
.status-code.danger { color: var(--error-color); }
.status-code.warning { color: var(--warning-color); }
.table-wrap { overflow-x: auto; border-radius: var(--border-radius-lg); border: 1px solid var(--border-light); }
.data-table { width: 100%; border-collapse: collapse; background: var(--bg-primary); }
.data-table th, .data-table td { padding: .85rem 1rem; border-bottom: 1px solid var(--border-light); text-align: left; white-space: nowrap; }
.data-table th { background: var(--bg-secondary); font-weight: var(--font-weight-semibold); }
.badge { display: inline-flex; padding: .2rem .55rem; border-radius: var(--border-radius-full); font-size: var(--font-size-xs); }
.badge-success { background: var(--success-soft); color: var(--success-color); }
.badge-warning { background: var(--warning-soft); color: var(--warning-color); }
.badge-secondary { background: var(--bg-secondary); color: var(--text-secondary); }
.inline-note { margin: var(--spacing-lg) 0; padding: var(--spacing-md); border-left: 4px solid var(--primary-color); background: var(--info-soft); border-radius: var(--border-radius-md); }