#filters {display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1rem 0}
#filters label,#detail label {display:inline-flex;flex-direction:column;gap:.4rem;margin:.5rem}
#sessions {display:grid;gap:.75rem;margin:1rem 0}
#sessions button {width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#detail {margin-top:1rem}#body {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:65vh;overflow:auto;padding:1rem;background:#f4f7f5;border-radius:.5rem}
button:focus-visible,a:focus-visible {outline:3px solid #008f85;outline-offset:3px}

.history-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0 8px}
.history-actions select, #filters input,#filters select,#detail select {border:1px solid #c8dcd5;border-radius:10px;padding:10px;background:white}
.history-workspace {display:grid;grid-template-columns:minmax(260px, .8fr) minmax(0,1.5fr);gap:24px;align-items:start}
#sessions button {border:1px solid #d9e5e0;border-radius:16px;padding:20px;background:#fff;line-height:1.7;box-shadow:none}
#sessions button:hover,#sessions button:focus {border-color:#008f85;background:#edf9f4}
#detail {min-width:0;position:sticky;top:24px;border-radius:20px;padding:24px}#heading{font-size:1.3rem}
#download{background:#103945;color:white;border:0;border-radius:10px;padding:12px 18px}#delete{display:block;margin:18px 0;background:transparent;border:0;color:#8a4a4a;font-size:.85rem}
@media(max-width:760px){.history-workspace{grid-template-columns:1fr}#detail{position:static}.history-actions .button{width:100%}}