.live-stats-head{padding:28px 0}.live-stats-head h1{font-size:clamp(2rem,4vw,3rem);margin:.3em 0}.live-stats-head p{max-width:680px;color:var(--muted,#666)}.live-stats-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.live-stats-metrics article,.live-stats-columns>section,.live-stats-section{padding:24px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--surface,#fff)}.live-stats-metrics strong{display:block;font-size:2.5rem;color:var(--text,#172333)}.live-stats-metrics span{font-size:.85rem;color:var(--muted,#666)}.live-stats-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin:24px 0}.live-stat-bar{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 30px;gap:12px;align-items:center;margin:14px 0}.live-stat-bar meter{width:100%;height:20px;accent-color:#16834f}.live-stats-section{margin:24px 0}.live-stats-filters{display:flex;gap:16px;flex-wrap:wrap}.live-stats-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.live-stats-filters input,.live-stats-filters select{min-height:44px;padding:10px;border:1px solid var(--line,#bbb);border-radius:7px;background:var(--surface,#fff);color:var(--text,#111);font:inherit}.live-stats-table{overflow-x:auto}.live-stats-table table{width:100%;border-collapse:collapse;white-space:nowrap}.live-stats-table th,.live-stats-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line,#ddd);font-size:.9rem}.live-stat-state.live{color:#137746;font-weight:bold}.live-stat-state.unknown{color:var(--muted,#666)}.live-stat-alert{border-left:4px solid #a80000;padding:12px 16px;margin:12px 0}.live-stats-footnote,#stats-status{font-size:.85rem;line-height:1.6;color:var(--muted,#666)}@media(max-width:700px){.live-stats-metrics{grid-template-columns:1fr 1fr;gap:10px}.live-stats-metrics article{padding:16px}.live-stats-columns{grid-template-columns:1fr}.live-stats-section{padding:16px}.live-stats-head{padding:16px 0}}

#history-form{align-items:end}#history-form button,#history-days button{min-height:44px;border:1px solid var(--line,#ccc);border-radius:7px;background:var(--surface,#fff);color:var(--text,#111);padding:9px 14px;cursor:pointer;font:inherit}#history-days button[aria-pressed=true]{border-color:#148552;color:#137746;font-weight:bold}.history-country-detail{margin-top:24px;padding-top:12px;border-top:1px solid var(--line,#ddd)}#history-status,#history-start,#history-detail-note{font-size:.85rem;line-height:1.6;color:var(--muted,#666)}#history-countries{max-width:700px}

.history-period-picker{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.history-period-picker label{display:flex;flex-direction:column;gap:6px}.history-period-picker input,.history-period-picker button{min-height:44px;padding:9px 12px;border:1px solid var(--line,#ccc);border-radius:7px;background:var(--surface,#fff);color:var(--text,#111);font:inherit}.history-period-picker button{cursor:pointer}#history-period-note{font-size:.85rem;line-height:1.6;color:var(--muted,#666)}#history-period-countries{max-width:700px;margin:24px 0}#history-period-metrics{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){#history-period-metrics{grid-template-columns:1fr}.history-period-picker label{flex:1;min-width:140px}}

.live-stat-state p{white-space:normal;min-width:220px;max-width:420px;margin:.4rem 0;font-weight:400;}