.metric-label { font-size: .75rem; color: var(--bs-secondary-color); text-transform: uppercase; letter-spacing: .02em; }
.metric-value { font-size: 1.15rem; font-weight: 600; }
.status-card { border-left: 4px solid var(--bs-secondary); }
.status-card.status-operational { border-left-color: var(--bs-success); }
.status-card.status-degraded { border-left-color: var(--bs-warning); }
.status-card.status-down { border-left-color: var(--bs-danger); }
.chart-box { position: relative; height: 280px; }
@media (max-width: 576px) { .chart-box { height: 220px; } }
pre code { white-space: pre-wrap; word-break: break-word; }