.shell > .rail { position: fixed; inset: 0 auto 0 0; width: 210px; height: 100vh; overflow: hidden; overscroll-behavior: none; z-index: 20; }
.shell > .main { margin-left: 210px; width: calc(100% - 210px); max-width: 1230px; min-height: 100vh; }
.shell > .main.narrow { max-width: none; }

.run-history { margin-top: 20px; }
.report-downloads { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; }
.report-downloads h3 { font-size: 24px; font-weight: 400; margin: 8px 0 0; }
.report-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.report-buttons .secondary-button { display: inline-block; padding: 12px 15px; color: #568165; border: 1px solid #d5ded8; border-radius: 4px; font: 700 11px Arial; text-decoration: none; background: #f0f4ef; white-space: nowrap; }
.report-buttons-detail { margin: 20px 0 4px; }
.report-status { display: inline-flex; align-items: center; padding: 12px 15px; color: #89938f; border: 1px solid #e3e6e1; border-radius: 4px; font: 700 11px Arial; background: #f7f8f5; white-space: nowrap; }
.run-history h3 { font-size: 24px; font-weight: 400; margin: 8px 0 0; }
.run-history-list { border-top: 1px solid var(--line); }
.run-history-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 22px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }
.run-history-row strong { display: block; font: 600 13px Arial; }
.run-history-row small { display: block; margin-top: 5px; font: 11px Arial; color: var(--muted); }
.history-link { color: var(--coral); font: 700 11px Arial; text-decoration: none; white-space: nowrap; }
@media (max-width: 650px) { .run-history-row { grid-template-columns: 1fr auto; gap: 10px; } .run-history-row .history-link, .run-history-row > .muted { grid-column: 1 / -1; } }
@media (max-width: 700px) { .report-downloads { align-items: flex-start; flex-direction: column; } }
@media (max-width: 600px) { .shell > .rail { position: static; display: none; height: auto; } .shell > .main, .shell > .main.narrow { margin-left: 0; width: 100%; max-width: none; min-height: 100vh; } }