.workspace.has-files{grid-template-columns:80px minmax(0,1fr)}
.files-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-width:0;min-height:0;height:100%;background:#f5f7fb;color:#213650;overflow:hidden}
.files-shell svg{width:21px;height:21px;flex-shrink:0}
.files-sidebar{display:flex;flex-direction:column;gap:5px;background:#fff;border-right:1px solid #e3e9f2;padding:27px 16px 18px;min-height:0;overflow:auto}
.files-side-heading{padding:0 10px 23px}.files-side-heading h1{font-size:25px;margin:8px 0 12px;letter-spacing:-.03em}.files-staff-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:#edf5f1;color:#377160;border-radius:20px;padding:5px 9px}.files-staff-tag svg{width:14px;height:14px}
.files-side-link,.files-tree-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:9px;padding:11px 10px;text-align:left;color:#53657b;font:inherit;font-size:12px;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}.files-side-link:hover,.files-tree-item:hover{background:#f1f5fb}.files-side-link.selected,.files-tree-item.selected{background:#eaf0ff;color:#3262c4;font-weight:700}.files-tree-item svg{width:17px;height:17px}.files-side-label{font-size:10px;letter-spacing:.12em;color:#8c99aa;padding:24px 10px 9px}.files-tree{list-style:none;padding:0;margin:0}.files-tree .files-tree{border-left:1px solid #e4eaf2;margin:2px 0 6px 17px;padding-left:5px}.files-tree-root{flex:1}.files-tree-item{padding:9px 8px}.files-trash{margin-top:22px}.files-storage{font-size:10px;margin:16px 8px 0;padding-top:17px;border-top:1px solid #e7ebf1;color:#7c8ba0}.files-storage strong{font-size:10px;font-weight:500}.files-storage small{font-size:10px;display:block}.files-storage progress{width:100%;height:5px;border:0;border-radius:5px;margin:12px 0;background:#edf1f6;accent-color:#5e89dc}.files-storage progress::-webkit-progress-bar{background:#edf1f6;border-radius:5px}.files-storage progress::-webkit-progress-value{background:#5e89dc;border-radius:5px}
.files-main{min-width:0;min-height:0;overflow:auto;padding:30px 34px 20px;position:relative}.files-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:25px}.files-breadcrumbs{display:flex;align-items:center;gap:9px;flex:1;flex-wrap:wrap;min-width:150px;color:#a6b1bf}.files-crumb{font:inherit;font-size:11px;color:#617a9c;cursor:pointer;background:none;border:0;padding:3px 0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-crumb:last-child{color:#304767;font-weight:600}.files-search{display:flex;align-items:center;gap:8px;max-width:360px;width:100%;background:white;border:1px solid #dee6f0;border-radius:10px;padding:4px 5px 4px 12px;color:#7d8b9e}.files-search input{border:0;background:none;min-width:0;width:100%;padding:8px 0;font-size:12px;box-shadow:none}.files-search .btn{border:0;background:#f1f5fb;white-space:nowrap}.files-title-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.files-title-row h2{font-size:25px;line-height:1.4;margin:0 0 8px;letter-spacing:-.03em;overflow-wrap:anywhere}.files-title-row p{font-size:12px;color:#8491a4;margin:0}.files-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.files-toolbar .btn{font-size:12px;padding:10px 13px;white-space:nowrap}.files-toolbar .btn svg{width:16px;height:16px}
.files-section-label{font-size:11px;font-weight:700;color:#77899f;margin:24px 0 12px;letter-spacing:.04em}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.folder-card{border:1px solid #e0e7f1;border-radius:13px;background:#fff;display:flex;align-items:flex-start;padding:8px 6px 8px 3px;box-shadow:0 3px 9px #23395303;transition:background .15s,border-color .15s}.folder-card:hover{border-color:#a8bfe6;background:#fbfcff}.folder-open{background:none;border:0;text-align:left;display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:13px 9px;font:inherit;cursor:pointer;color:#304765}.folder-open>div{min-width:0}.folder-open strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.6}.folder-open small{display:block;color:#9aa5b5;font-size:10px;margin-top:3px}.file-badge{width:40px;height:43px;border-radius:10px;background:#edf1f7;color:#7d8ca3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.file-badge.folder{background:#eaf1ff;color:#618bdd}.file-badge.folder svg{width:26px;height:26px}.file-badge.sheet{background:#eaf6ef;color:#4e9970}.file-badge.document{background:#ebf1ff;color:#628bd5}.file-badge.pdf{background:#fcedeb;color:#d38177}.file-badge.photo{background:#f0ebfa;color:#9a7bc1}.file-more{width:28px;height:28px;padding:5px;margin-top:1px}.file-more svg{width:17px;height:17px}
.files-table-scroll{overflow:auto;background:white;border:1px solid #e0e7f1;border-radius:13px}.files-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.files-table th{text-align:left;font-weight:500;font-size:10px;background:#fbfcfe;color:#92a0b1;padding:13px 18px;border-bottom:1px solid #e7ecf3}.files-table th:first-child{width:auto}.files-table th.file-date{width:120px}.files-table th.file-size{width:85px}.files-table th:last-child{width:100px}.files-table td{padding:12px 18px;border-bottom:1px solid #eff2f7;color:#77869a}.files-table tr:last-child td{border-bottom:0}.files-table tbody tr:hover{background:#fafcff}.file-name{display:flex;align-items:center;gap:12px;max-width:100%;font:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}.file-name>span:last-child{min-width:0}.file-name strong{color:#344b67;display:block;font-weight:600;overflow-wrap:anywhere;line-height:1.5}.file-name small{color:#93a0b1;font-size:10px;display:block;margin-top:5px;overflow-wrap:anywhere}.file-name .file-badge{width:33px;height:37px;border-radius:8px}.file-row-actions{white-space:nowrap}.file-row-actions .icon-btn{width:30px;height:30px;display:inline-flex;padding:6px}.file-row-actions .icon-btn svg{width:17px;height:17px}.file-date,.file-size{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}
.files-empty{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 15px;color:#8b9bb0;gap:14px}.files-empty>svg{width:43px;height:43px;color:#8da7d2}.files-empty h2{font-size:16px;margin:4px 0;color:#526e91}.files-empty p{font-size:12px;max-width:400px;margin:0;line-height:1.8}.files-drop-note{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #ccd9eb;border-radius:10px;color:#92a4be;font-size:11px;padding:17px;margin-top:28px}.files-drop-note svg{width:17px;height:17px}.files-drop-note[hidden]{display:none}.files-dragging{outline:3px solid #5681dc;outline-offset:-5px;background:#eef4ff}.files-transfer{background:#e9f0ff;border:1px solid #cddcf7;padding:15px;border-radius:9px;font-size:12px;margin-bottom:15px;overflow-wrap:anywhere}.files-transfer[hidden]{display:none}.files-pagination{display:flex;justify-content:center;align-items:center;gap:18px;color:#91a0b3;font-size:11px;padding:20px}.files-pagination[hidden]{display:none}.file-dialog-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.file-dialog-name,.upload-errors{overflow-wrap:anywhere}.upload-errors{font-size:12px;max-height:320px;overflow:auto;padding-left:20px;line-height:1.9}
@media(max-width:1100px){.files-shell{grid-template-columns:190px minmax(0,1fr)}.files-sidebar{padding:23px 10px 14px}.files-main{padding:24px 20px 18px}.files-search{max-width:280px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.files-table th,.files-table td{padding:12px}.files-table th.file-date{width:100px}.files-table th:last-child{width:84px}.files-table th.file-size{width:72px}}
@media(max-width:760px){.workspace.has-files{grid-template-columns:64px minmax(0,1fr)}.files-shell{display:flex;flex-direction:column}.files-sidebar{flex-direction:row;flex-wrap:wrap;flex-shrink:0;padding:12px;border-right:0;border-bottom:1px solid #e3e9f2;gap:4px}.files-side-heading{padding:0 7px;width:100%;display:flex;align-items:center;gap:12px}.files-side-heading .eyebrow,.files-side-label,.files-tree-root,.files-storage{display:none}.files-side-heading h1{font-size:18px;margin:0 0 6px}.files-staff-tag{font-size:9px;padding:3px 6px}.files-side-link{width:auto;font-size:10px;padding:7px;gap:5px}.files-side-link svg{width:15px;height:15px}.files-trash{margin-top:0}.files-main{padding:18px 14px;flex:1}.files-header{gap:14px}.files-search{max-width:none}.files-title-row h2{font-size:21px}.files-title-row p{font-size:11px}.files-toolbar .btn{font-size:11px;padding:8px 10px}.folder-grid{gap:9px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.files-table .file-date{display:none}.files-table th.file-size{width:65px}.files-table th:last-child{width:72px}.files-table th,.files-table td{padding:10px 7px}.file-name{gap:7px;font-size:11px}.file-name .file-badge{width:26px;height:32px}.files-title-row{gap:13px}}