/* status.panel.ai.id additions to site.css */
h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 20px; }
h2 { margin-top: 36px; font-size: 1.3rem; }
.en { color: var(--muted); font-weight: 400; font-size: .85em; }
.banner { border-radius: var(--radius); padding: 16px 20px; font-weight: 600; }
.banner span { font-weight: 400; opacity: .85; margin-left: 6px; }
.banner.ok { background: var(--accent-soft); color: var(--ok); }
.banner.down { background: var(--warn-soft); color: var(--warn); }
.st.down { color: #c62828; }
@media (prefers-color-scheme: dark) { .st.down { color: #ff7b72; } }
tr.hist td { padding-top: 0; }
tr:has(+ tr.hist) td { border-bottom: 0; }
.bar { display: grid; grid-template-columns: repeat(60, 1fr); gap: 2px; height: 22px; }
.bar i { border-radius: 2px; background: var(--line); }
.bar i.up { background: var(--ok); }
.bar i.part { background: var(--warn); }
.bar i.down { background: #c62828; }
.updated { margin-top: 20px; font-size: .9rem; }