#files { border-collapse: separate; border-spacing: 0 10px; background: transparent; }
#files thead th { border: 0; color: #698098; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
#files tbody tr:not(.actions-list):not(.file-preview) { box-shadow: 0 5px 14px rgba(38, 71, 108, .08); transition: transform .18s ease, box-shadow .18s ease; }
#files tbody tr:not(.actions-list):not(.file-preview):hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(38, 71, 108, .14); }
#files tbody tr:not(.actions-list):not(.file-preview) td { background: #fff; border-top: 1px solid #e1eaf3; border-bottom: 1px solid #e1eaf3; padding: 15px 14px; vertical-align: middle; }
#files tbody tr:not(.actions-list):not(.file-preview) td:first-child { border-left: 1px solid #e1eaf3; border-radius: 12px 0 0 12px; }
#files tbody tr:not(.actions-list):not(.file-preview) td:last-child { border-right: 1px solid #e1eaf3; border-radius: 0 12px 12px 0; }
.file-name-cell { display: inline-flex; align-items: center; gap: 10px; }
.file-type-icon { width: 24px; color: #087cb1; font-size: 1.15rem; text-align: center; }
.file-status-badge { border-radius: 999px; padding: .5em .75em; font-weight: 700; }
#files .btn_list { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; }
#files .btn_list .btn { border-radius: 8px !important; }
#files .actions-list > td { padding: 0; background: #fbfdff; }