#recording-storage .storage-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;background:#f6f8fc;border:1px solid #dce3ef;margin:18px 0}
#recording-storage .storage-filters label{margin:0;gap:7px;display:grid}
#recording-storage .storage-filters input,#recording-storage .storage-filters select,#recording-storage .storage-filters button{height:36px;margin:0;box-sizing:border-box}
#recording-storage .storage-summary{display:flex;gap:24px;flex-wrap:wrap;padding:20px;background:#edf3fb;border-radius:6px;font-size:16px;font-weight:600}
#recording-storage .storage-actions{display:flex;gap:10px;margin:16px 0}
#recording-storage input[type=checkbox]{width:18px;height:18px}
#recording-storage table{width:100%;table-layout:fixed;white-space:normal}
#recording-storage td{overflow-wrap:anywhere}
#recording-storage th:first-child{width:55px}
.storage-delete-dialog{width:min(460px,90vw);padding:24px;border:1px solid #ccd6e3;border-radius:8px;color:#20334e}
.storage-delete-dialog::backdrop{background:#14243b80}
.storage-delete-dialog .storage-actions{display:flex;gap:10px;margin-top:20px}
.storage-delete-dialog .danger{background:#b83c3c;color:white;border-color:#b83c3c}

/* Freeze selection, company and headings inside the recording storage list. */
#recording-storage .storage-table-scroll{max-height:65vh;overflow:auto;isolation:isolate}
#recording-storage .storage-table-scroll table{min-width:820px;border-collapse:separate;border-spacing:0;table-layout:fixed}
#recording-storage .storage-table-scroll th{position:sticky;top:0;z-index:3;background:#3d526d;color:#fff}
#recording-storage .storage-table-scroll tr>:first-child{box-sizing:border-box;width:55px;min-width:55px;max-width:55px;position:sticky;left:0}
#recording-storage .storage-table-scroll tr>:nth-child(2){box-sizing:border-box;width:190px;min-width:190px;max-width:190px;position:sticky;left:55px;box-shadow:1px 0 0 #cbd5e1}
#recording-storage .storage-table-scroll tbody tr>td:nth-child(-n+2):not([colspan]){z-index:2;background:#fff}
#recording-storage .storage-table-scroll tbody tr:nth-child(even)>td:nth-child(-n+2):not([colspan]){background:#f7f8fc}
#recording-storage .storage-table-scroll tbody tr:hover>td:nth-child(-n+2):not([colspan]){background:#f3f2ff}
#recording-storage .storage-table-scroll thead th:nth-child(-n+2){z-index:5;background:#3d526d}
#recording-storage .storage-table-scroll td[colspan]{position:static;width:auto;max-width:none}