.history-trends { display: grid; gap: 1rem; margin-block-end: 1rem; }
.history-trends h2, .history-trends h3 { margin-block: 0 .45rem; }
.history-group-label { display: grid; gap: .4rem; max-width: 33rem; }
.history-group-label select { width: 100%; min-width: 0; }
.history-trend-content { display: grid; gap: 1rem; }
.history-metrics { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); margin: 0; }
.history-metrics div { padding: .8rem; border: 1px solid var(--border); border-radius: .55rem; }
.history-metrics dt { color: var(--muted); }
.history-metrics dd { margin: .2rem 0 0; font-size: 1.15rem; font-weight: 750; }
.history-plot p { color: var(--muted); margin-block: 0 .5rem; }
.history-bars { display: flex; gap: clamp(.3rem, 1.5vw, .8rem); height: 8rem; padding: .6rem; border: 1px solid var(--border); border-radius: .55rem; }
.history-bar-column { flex: 1; min-width: 0; display: flex; align-items: end; }
.history-bar { width: 100%; background: linear-gradient(0deg, #aa5b20, #ffb05d); border-radius: .15rem .15rem 0 0; }
.history-graph-data { margin-block-start: .7rem; }
.history-hours table, .history-graph-data table { width: 100%; }
.history-rank:empty { display: none; }
.record-list > li { grid-template-columns: minmax(0, 1fr) auto; }
.record-list > li > .actions { grid-column: 1 / -1; }