.history-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; padding:7px 0; }
.history-controls { display:flex; align-items:center; gap:7px; flex-wrap:wrap; min-width:0; }
.history-controls[hidden], #history-view[hidden], #chart-grid[hidden] { display:none !important; }
.history-badge { color:#f3b583; font-size:13px; padding:6px 8px; border:1px solid #87573d; border-radius:7px; }
#history-event { flex:1; min-width:130px; max-width:360px; }
#history-status, #history-coverage { color:#b2b2b2; font-size:12px; }
#history-status:empty { display:none; }
#history-view { flex:1; min-width:0; min-height:180px; display:flex; flex-direction:column; overflow:hidden; border:1px solid #dc7d46; border-radius:12px; background:#22242f; }
.history-chart-heading { display:flex; flex-wrap:wrap; gap:8px 18px; padding:12px; font-size:13px; }
#history-chart-time { margin-left:auto; color:#edb38e; }
#history-followthrough { padding:0 12px 8px; color:#b2b2b2; font-size:12px; }
#history-canvas { flex:1; min-height:100px; overflow:hidden; }
#history-coverage { padding:8px 12px; }
.history-toolbar label { display:flex; align-items:center; gap:6px; font-size:12px; }
.history-toolbar input[type="date"] { width:145px; min-width:0; color-scheme:dark; }
#history-notes { padding:0 12px 8px; font-size:11px; color:#b2b2b2; max-height:58px; overflow:auto; }