.machine-meta { margin: 0 0 15px; color: var(--muted); font-size: .76rem; }
.history-filters { border-top: 7px solid var(--amber); }
.filter-heading, .filter-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.filter-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
.filter-actions { justify-content: flex-end; }
.export-link { display: inline-block; text-decoration: none; }
.indicator-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 18px 0; }
.indicator { padding: 18px; background: var(--ink); color: white; border-bottom: 5px solid var(--amber); }
.indicator small, .breakdown-row small { display: block; font-size: .65rem; letter-spacing: .1em; color: #bfc8c5; }
.indicator strong { display: block; margin-top: 8px; font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.history-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, .8fr); gap: 18px; }
.history-list { display: grid; gap: 1px; margin-top: 22px; background: var(--line); }
.history-item { background: var(--card); padding: 18px; display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 12px; align-items: start; }
.history-item h3, .history-item p { margin: 0; }
.history-item p, .history-item small { color: var(--muted); }
.history-item .production-status { font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.history-times { display: flex; gap: 15px; margin-top: 10px; font-size: .78rem; grid-column: 1 / -1; flex-wrap: wrap; }
.pause-summary { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid var(--line); font-size: .78rem; color: var(--muted); }
.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 20px; flex-wrap: wrap; }
.pagination button { border: 1px solid var(--line); background: white; padding: 8px 12px; cursor: pointer; }
.pagination button.active { background: var(--ink); color: white; }
.breakdown h2 { margin-bottom: 16px; }
.breakdown h2:not(:first-of-type) { margin-top: 30px; }
.breakdown-row { padding: 12px 0; border-bottom: 1px solid var(--line); }
.breakdown-row small { color: var(--muted); }
.breakdown-row strong { display: block; margin: 4px 0; }
.breakdown-row span { font-size: .75rem; color: var(--muted); }
@media (max-width: 900px) { .filter-grid { grid-template-columns: repeat(2, 1fr); } .indicator-grid { grid-template-columns: repeat(2, 1fr); } .history-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .filter-grid, .indicator-grid { grid-template-columns: 1fr; } .filter-heading { align-items: flex-start; flex-direction: column; } .history-item { grid-template-columns: 1fr; } .history-item .production-status { grid-column: 1; } }