/* status.askurious.de (app/status_node.py, templates/status/index.html): bars of the last 24 hours */
.status-page { max-width: 880px; }
.status-page h1 { margin: 24px 0 12px; }
.status-overall { padding: 12px 16px; border-radius: var(--radius-panel); font-weight: 600; margin-bottom: 8px; border: 1px solid var(--border); }
.status-overall.status-ok { background: var(--ok-soft); color: var(--ok); }
.status-overall.status-down { background: var(--danger-soft); color: var(--danger); }
.status-overall.status-none { background: var(--surface-2); color: var(--muted); }
.status-service { margin-top: 14px; }
.status-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.status-head h2 { margin: 0; font-size: 1.05rem; }
.status-badge { font-size: 0.85rem; font-weight: 600; padding: 2px 10px; border-radius: 999px; }
.status-badge.status-ok { background: var(--ok-soft); color: var(--ok); }
.status-badge.status-down { background: var(--danger-soft); color: var(--danger); }
.status-badge.status-none { background: var(--surface-3); color: var(--muted); }
.status-bars { list-style: none; display: flex; gap: 2px; padding: 0; margin: 12px 0 4px; height: 32px; }
.status-bars li { flex: 1 1 0; min-width: 1px; border-radius: 2px; background: var(--surface-3); }
.status-bars li.status-ok { background: var(--ok); }
.status-bars li.status-partial { background: var(--warn-bar); }
.status-bars li.status-down { background: var(--danger); }
.status-axis { display: flex; justify-content: space-between; }
.status-facts { margin: 6px 0 0; color: var(--muted); }
@media (max-width: 600px) { .status-bars { gap: 1px; height: 26px; } }