#panel-timeline { overflow:auto; background:var(--bg); }
.timeline-page { width:100%;max-width:1400px;margin:0 auto;padding:24px 28px 32px; }
.timeline-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px; }
.timeline-eyebrow { font:10px var(--font-mono);letter-spacing:.12em;color:var(--magma); }
.timeline-heading h2 { font-size:27px;letter-spacing:-.6px;margin:5px 0; }
.timeline-heading p,.timeline-note { color:var(--ink-faint);font-size:12px;line-height:1.6;margin:0; }
.timeline-live { color:var(--magma);border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px;white-space:nowrap; }
.timeline-filters { display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:var(--bg-raised);border:1px solid var(--line);border-radius:10px; }
.timeline-filters label { display:grid;gap:7px;flex:1 1 165px;min-width:0;font-size:10px;color:var(--ink-faint); }
.timeline-filters select,.timeline-filters input { width:100%;max-width:none;min-width:0;height:36px;font-size:12px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 9px; }
.timeline-filters button { height:36px;border:0;border-radius:6px;background:var(--magma);color:var(--bg);font-size:12px;font-weight:600;padding:0 18px;cursor:pointer; }
.timeline-status { font-size:11px;color:var(--ink-faint);min-height:18px;margin:10px 1px; }
.timeline-status.is-error { color:var(--sulphur); }
.timeline-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px; }
.timeline-stats>div { padding:15px 18px;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px; }
.timeline-stats span { display:block;color:var(--ink-faint);font-size:10px;margin-bottom:7px; }
.timeline-stats strong { font:500 23px var(--font-mono);color:var(--magma); }
.timeline-chart-card { margin-bottom:16px;padding:16px;background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;min-width:0; }
.timeline-chart-heading { display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:12px; }
.timeline-chart-heading h3 { font-size:14px;font-weight:500;margin:0; }
.timeline-chart-heading span,.timeline-readout { color:var(--ink-faint);font-size:10px; }
.timeline-chart-card canvas { display:block;width:100%;height:330px;touch-action:pan-y; }
#timelineDaily { height:220px; }
.timeline-readout { min-height:28px;margin:8px 0 0;line-height:1.6; }
.timeline-legend { display:flex;flex-wrap:wrap;gap:8px 16px;font:10px var(--font-mono);color:var(--ink-soft); }
.timeline-legend span { display:inline-flex;align-items:center;gap:6px; }
.timeline-legend i { width:9px;height:9px;border-radius:50%;border:1px solid var(--ink-faint); }
.timeline-daily-table { font-size:11px;color:var(--ink-soft);margin-top:4px; }
.timeline-daily-table summary { cursor:pointer; }
.timeline-daily-table table { border-collapse:collapse;width:100%;max-width:450px;margin-top:10px; }
.timeline-daily-table th,.timeline-daily-table td { text-align:left;padding:5px;border-bottom:1px solid var(--line); }
@media(min-width:761px) and (max-width:1050px) { .view-tab { padding:0 8px;font-size:12px; } .masthead { gap:8px; } .wordmark h1 { font-size:21px; } }
@media(max-width:760px) {
 .view-nav { grid-template-columns:repeat(5,minmax(0,1fr));padding-left:2px;padding-right:2px; }
 .view-tab { font-size:10px;padding-left:1px;padding-right:1px;min-width:0; }
 .timeline-page { padding:16px 12px 24px; }
 .timeline-heading { align-items:flex-start;margin-bottom:14px; }.timeline-heading h2 { font-size:22px; }.timeline-live { display:none; }
 .timeline-filters { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px; }.timeline-filters button { grid-column:1/-1; }
 .timeline-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.timeline-stats>div { padding:12px; }.timeline-stats strong { font-size:20px; }
 .timeline-chart-card { padding:12px 8px; }.timeline-chart-card canvas { height:290px; }#timelineDaily { height:200px; }
}