/* One file per line, with controls expanded only when needed. */
.file-list .file-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 16px;gap:12px;padding:8px 12px;min-height:42px}
.file-list .file-icon,.received-name .file-icon{width:28px;height:28px;border-radius:5px;font-size:9px}
.file-list .file-info{display:block;min-width:0}
.file-list .file-info strong{display:block;font-size:13px}
.file-list .file-info>span{display:none}
.file-list .file-meta{display:flex;flex-direction:row;gap:18px;font-size:12px}
.file-list .file-meta>span:first-child{min-width:70px;text-align:right}
.history-file{padding:8px 12px}
.history-file-row{grid-template-columns:22px minmax(120px,1fr) minmax(300px,48%);gap:10px;margin-right:58px;min-height:30px}
.history-file-name{display:flex;align-items:center;gap:8px;min-width:0;padding:0}
.history-file h2{min-width:0;flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-file-size{flex-shrink:0;margin:0;white-space:nowrap}
.history-file-name .badge{margin:0;white-space:nowrap}
.history-file-facts.facts{grid-column:auto;grid-template-columns:60px 70px minmax(0,1fr);gap:10px}
.history-file-facts dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.history-file-facts dd{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-file-facts small{display:none}
.history-file-details>summary{top:12px;right:12px;min-height:24px;font-size:12px}
.history-file-facts dd:has(.badge){color:var(--muted)}
.received-table{table-layout:fixed;min-width:650px}
.received-table th,.received-table td{padding:8px 12px;height:42px;box-sizing:border-box}
.received-table th:nth-child(3){width:100px}.received-table th:nth-child(4){width:210px}.received-table th:last-child{width:90px}
.received-name{min-width:0;gap:8px}.received-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.received-date{white-space:nowrap;font-size:12px}
.collection-file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:42px;border-bottom:1px solid var(--line)}
.collection-file-row>.checkbox{margin:0;flex-shrink:0}.collection-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}
.collection-file-size{color:var(--muted);font-size:12px;white-space:nowrap}.collection-file-key{flex:0 1 150px;min-width:80px}.collection-file-key input{height:30px;padding:4px 8px}
@media(max-width:800px){.history-list{overflow-x:auto}.history-file{min-width:690px}.file-list .file-meta>span:last-child{display:none}.file-list .file-row{gap:8px;padding:8px}.received-table td:last-child,.received-table th:last-child{display:table-cell}.received-date{white-space:nowrap}.received-name .file-icon{display:grid}.collection-file-row{gap:8px}}

.history-list-heading{display:grid;grid-template-columns:22px minmax(120px,1fr) minmax(300px,48%);gap:10px;padding:8px 70px 8px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.history-list-heading>div{display:grid;grid-template-columns:60px 70px minmax(0,1fr);gap:10px}
@media(max-width:800px){.history-list-heading{min-width:690px;box-sizing:border-box}}
.history-file .history-select{min-height:28px;padding:0;border:0;background:none;margin:0}
.history-file-row,.history-list-heading{grid-template-columns:22px minmax(120px,1fr) minmax(400px,48%)}
.history-file-facts.facts,.history-list-heading>div{grid-template-columns:100px 130px minmax(0,1fr)}
.history-list-heading>div>span{white-space:nowrap}