.status-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 24px 0 12px; }
.status-toolbar label { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.status-toolbar select { height: 36px; padding: 0 10px; border: 1px solid var(--border-strong); border-radius: 4px; background: var(--surface); font: inherit; }
.status-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.status-card { padding: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.status-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.status-card h2 { margin: 0; font-size: 15px; }
.status-badge { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 13px; }
.status-dot { display: inline-block; width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; }
.status-dot.is-up { background: #266344; }
.status-dot.is-down { background: #b33e3e; }
.status-dot.is-unknown { background: #b9c0c7; }
.status-card dl { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin: 20px 0 0; font-size: 13px; }
.status-card dt { color: var(--ink-muted); }
.status-card dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.status-card .status-detail { margin-bottom: 0; overflow-wrap: anywhere; }
.status-legend { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 20px; color: var(--ink-muted); font-size: 12px; }
.status-legend span { display: inline-flex; align-items: center; gap: 6px; }
.status-chart-scroll { overflow-x: auto; }
.status-chart-container { position: relative; height: 280px; min-width: 550px; }
.status-history { margin-top: 24px; }
.download-speed { margin: 20px 0; }
.download-speed h2 { margin-top: 0; }
.download-speed-chart { position: relative; height: 280px; min-width: 0; }
.status-history .status-toolbar { margin: 0 0 20px; }
@media (max-width: 900px) { .status-cards { grid-template-columns: 1fr; } }