/* Dark Cloud Drive presentation, scoped to the Dateiablage module only. */
.files-shell.files-drive{--drive-bg:#1b1b20;--drive-side:#202025;--drive-card:#242429;--drive-line:#37373f;--drive-text:#f4f4f6;--drive-muted:#a1a1aa;--drive-green:#16b981;display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100vh - 68px);min-height:620px;overflow:hidden;border:1px solid #34343b;border-radius:18px;background:var(--drive-bg);color:var(--drive-text);box-shadow:0 18px 50px #10101824;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.files-drive *{box-sizing:border-box}.files-drive button,.files-drive input{font:inherit}.files-drive button{color:inherit}.files-drive .drive-sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 18px 18px;background:linear-gradient(180deg,#25252b,#202025);border-right:1px solid var(--drive-line)}
.files-drive .drive-mark{display:flex;align-items:center;gap:11px;padding:0 3px 23px}.files-drive .drive-mark>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#34343b;border:1px solid #4a4a53;font-size:12px;font-weight:750;color:#fff}.files-drive .drive-mark strong,.files-drive .drive-mark small{display:block}.files-drive .drive-mark strong{font-size:12px;letter-spacing:.07em}.files-drive .drive-mark small{margin-top:3px;color:var(--drive-muted);font-size:9px;letter-spacing:.12em}
.files-drive .drive-storage{padding:16px 12px 17px;border:1px solid #3a3a42;border-radius:14px;background:#29292f}.files-drive .drive-storage-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.files-drive .drive-storage-head span,.files-drive .drive-storage-caption{color:var(--drive-muted);font-size:10px}.files-drive .drive-storage-track{height:7px;margin-top:13px;border-radius:8px;background:#3c3c44;overflow:hidden}.files-drive .drive-storage-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b6df1,#f5b84f 62%,#ef6464 85%,#36c9a0);border-radius:inherit}.files-drive .drive-storage-caption{margin-top:7px}.files-drive .drive-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 4px;margin-top:14px}.files-drive .drive-legend>span{display:grid;grid-template-columns:7px auto 1fr;align-items:center;gap:5px;color:#dddde2;font-size:10px}.files-drive .drive-legend small{justify-self:end;color:var(--drive-muted);font-size:9px}.files-drive .drive-dot{width:6px;height:6px;border-radius:50%;background:#9879e8}.files-drive .drive-dot.videos{background:#f5b84f}.files-drive .drive-dot.dokumente{background:#ee696c}.files-drive .drive-dot.sonstiges{background:#36c9a0}
.files-drive .drive-nav{display:grid;gap:5px;margin-top:24px}.files-drive .drive-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:#c5c5cc;font-size:12px;cursor:pointer;transition:background .16s,color .16s}.files-drive .drive-nav button span{display:grid;place-items:center;width:18px;color:#a8a8b1;font-size:17px}.files-drive .drive-nav button:hover,.files-drive .drive-nav button.active{background:#36363e;border-color:#44444c;color:#fff}.files-drive .drive-nav button.active{box-shadow:inset 2px 0 #45c99a}.files-drive .drive-side-actions{display:grid;gap:9px;margin-top:auto;padding-top:20px}.files-drive .drive-side-actions button{height:39px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.files-drive .drive-upload-btn{border:1px solid #20c58b;background:#13aa78;color:#fff!important}.files-drive .drive-upload-btn:hover{background:#18ba85}.files-drive .drive-create-btn{border:1px solid #3e3e47;background:#29292f}.files-drive .drive-create-btn:hover{background:#33333a}.files-drive .drive-side-actions button span{margin-right:7px;font-size:16px}
.files-drive .drive-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--drive-bg)}.files-drive .drive-topbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #303038}.files-drive .drive-top-search{display:flex;align-items:center;gap:11px;max-width:600px;flex:1;height:42px;padding:0 14px;border:1px solid #3b3b44;border-radius:11px;background:#26262c;color:#a9a9b1}.files-drive .drive-top-search>span{font-size:20px}.files-drive .drive-top-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--drive-text);font-size:12px}.files-drive .drive-top-search input::placeholder{color:#8d8d96}.files-drive .drive-top-search kbd{white-space:nowrap;padding:3px 6px;border:1px solid #41414a;border-radius:5px;color:#a4a4ad;font-size:9px}.files-drive .drive-upload-small{height:36px;padding:0 13px;border:1px solid #20b885;border-radius:9px;background:#13a978;font-size:11px;font-weight:600;cursor:pointer}.files-drive .drive-mobile-menu{display:none}
.files-drive .files-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:170px;margin:20px 24px 0;padding:20px;border:1px dashed #55555f;border-radius:14px;background:linear-gradient(140deg,#25252b,#202025);text-align:center;color:#d9d9df;cursor:pointer;transition:border-color .18s,background .18s}.files-drive .files-dropzone:hover,.files-drive .files-dropzone.is-dragging{border-color:#27bd8b;background:#232a29}.files-drive .drive-upload-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#303038;color:#4bd6a3;font-size:19px}.files-drive .files-dropzone strong{font-size:13px;font-weight:550}.files-drive .files-dropzone>span{color:#85858e;font-size:9px;letter-spacing:.12em}.files-drive .files-dropzone>button{height:30px;padding:0 17px;border:1px solid #3b9b78;border-radius:8px;background:#202026;color:#e7e7ea;font-size:11px;cursor:pointer}.files-drive .files-dropzone>button:hover{background:#26342f}
.files-drive .drive-content{min-height:0;overflow:auto;padding:20px 24px 28px;scrollbar-color:#4b4b54 transparent;scrollbar-width:thin}.files-drive .drive-section-head,.files-drive .drive-folder-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.files-drive .drive-section-head h2{margin:0;color:#f5f5f6;font-size:19px;font-weight:650;letter-spacing:-.02em}.files-drive .drive-section-head p,.files-drive .drive-description{margin:5px 0 0;color:#9999a2;font-size:11px}.files-drive .drive-view-toggle{display:flex;gap:3px;padding:3px;border:1px solid #383840;border-radius:9px;background:#25252b}.files-drive .drive-view-toggle button{display:grid;place-items:center;width:30px;height:28px;border:0;border-radius:6px;background:transparent;color:#a1a1aa;cursor:pointer}.files-drive .drive-view-toggle button.active{background:#3b3b44;color:#44d3a0}.files-drive .drive-section-title{display:flex;align-items:center;gap:8px;margin:20px 0 12px;color:#e5e5e9;font-size:13px;font-weight:600}.files-drive .drive-section-title span{color:#888891;font-size:10px;font-weight:450}.files-drive .drive-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.files-drive .files-folder-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:128px;padding:17px 14px 13px!important;overflow:hidden;border:1px solid #34343d!important;border-radius:12px!important;background:#25252b!important;color:var(--drive-text)!important;box-shadow:0 5px 16px #00000012;cursor:pointer}.files-drive .files-folder-card:hover{border-color:#53535e!important;background:#29292f!important;transform:translateY(-1px)}.files-drive .files-folder-card:before{position:absolute;top:0;left:0;right:0;height:7px;content:"";background:#8b6df1}.files-drive .files-folder-card[data-tone="orange"]:before{background:#f1b650}.files-drive .files-folder-card[data-tone="pink"]:before{background:#ec777f}.files-drive .files-folder-card[data-tone="mint"]:before{background:#37c89b}.files-drive .files-folder-card:after{content:"";position:absolute;top:22px;left:14px;width:28px;height:20px;border-radius:4px;background:#8b6df126;border:1px solid #8b6df149}.files-drive .files-folder-card .folder-card-menu,.files-drive .files-folder-card [data-root-folder-menu]{position:absolute;z-index:2;top:14px;right:12px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#aaaab2;cursor:pointer}.files-drive .files-folder-card strong{position:relative;z-index:1;display:block;overflow:hidden;color:#f0f0f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.files-drive .files-folder-card small{position:relative;z-index:1;margin-top:5px;color:#96969f;font-size:10px}.files-drive .drive-breadcrumb{display:flex;align-items:center;gap:9px;color:#92929b;font-size:12px}.files-drive .drive-breadcrumb button{padding:0;border:0;background:transparent;color:#53cda0;cursor:pointer}.files-drive .drive-breadcrumb strong{color:#f1f1f3}.files-drive .drive-folder-actions{display:flex;gap:8px}.files-drive .drive-secondary{min-height:32px;padding:0 11px;border:1px solid #41414a;border-radius:8px;background:#29292f;color:#dedee3;font-size:11px;cursor:pointer}.files-drive .drive-secondary:hover{border-color:#4cbf98;background:#2b3431}
.files-drive .drive-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.files-drive .drive-file-card{position:relative;min-width:0;min-height:138px;overflow:hidden;border:1px solid #34343c;border-radius:11px;background:#25252b;transition:transform .16s,border-color .16s}.files-drive .drive-file-card:hover{transform:translateY(-2px);border-color:#50505a}.files-drive .drive-file-menu{position:absolute;z-index:2;top:7px;right:8px;width:27px;height:25px;border:0;border-radius:6px;background:transparent;color:#b5b5bd;font-size:17px;cursor:pointer}.files-drive .drive-file-open{display:flex;flex-direction:column;width:100%;height:100%;padding:13px;border:0;background:transparent;text-align:left;cursor:pointer}.files-drive .drive-file-preview{display:flex;align-items:center;justify-content:flex-start;height:61px;width:100%;overflow:hidden;border-radius:7px;background:#202025}.files-drive .drive-file-preview img{width:100%;height:100%;object-fit:cover}.files-drive .file-type{display:grid;place-items:center;width:32px;height:32px;margin-left:3px;border-radius:50%;background:#356ba8;color:white;font-size:10px;font-weight:750}.files-drive .file-type.xls{background:#159b66}.files-drive .file-type.ppt{background:#e8794c}.files-drive .file-type.pdf{background:#d95358}.files-drive .file-type.img{background:#8b6df1}.files-drive .file-type.vid{background:#d79133}.files-drive .drive-file-name{display:grid;gap:4px;min-width:0;margin-top:11px}.files-drive .drive-file-name strong{overflow:hidden;color:#ededf0;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.files-drive .drive-file-name small{color:#92929b;font-size:9px}.files-drive .drive-file-grid.list-view{display:flex;flex-direction:column;gap:6px}.files-drive .drive-file-grid.list-view .drive-file-card{min-height:58px}.files-drive .drive-file-grid.list-view .drive-file-open{flex-direction:row;align-items:center;gap:13px;padding:8px 12px}.files-drive .drive-file-grid.list-view .drive-file-preview{width:38px;height:38px;flex:0 0 38px}.files-drive .drive-file-grid.list-view .drive-file-preview img{object-fit:cover}.files-drive .drive-file-grid.list-view .drive-file-name{margin:0}.files-drive .drive-empty{display:grid;justify-items:center;gap:9px;padding:34px 15px;border:1px dashed #404049;border-radius:12px;background:#222227;text-align:center}.files-drive .drive-empty strong{font-size:13px}.files-drive .drive-empty span{color:#9999a2;font-size:11px}.files-drive .drive-hidden-input{display:none}.files-drive .files-list-wrap{overflow-x:auto;border:1px solid #37373f;border-radius:11px;background:#242429}.files-drive .files-list-head,.files-drive .file-row{color:#d8d8de}.files-drive .files-list-head{background:#2a2a30}.files-drive .file-row{border-color:#383840!important}.files-drive .file-row:hover{background:#2c2c32!important}
@media(max-width:1050px){.files-shell.files-drive{grid-template-columns:220px minmax(0,1fr)}.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.files-shell.files-drive{position:relative;display:block;height:auto;min-height:calc(100vh - 72px);overflow:visible;border-radius:12px}.files-drive .drive-sidebar{position:absolute;z-index:10;top:0;bottom:0;left:0;width:min(280px,84vw);min-height:100%;transform:translateX(-105%);transition:transform .2s;box-shadow:14px 0 35px #0008}.files-drive.sidebar-open .drive-sidebar{transform:translateX(0)}.files-drive .drive-main{min-height:calc(100vh - 72px)}.files-drive .drive-topbar{padding:11px 12px;gap:8px}.files-drive .drive-top-search{height:39px;padding:0 10px}.files-drive .drive-top-search kbd,.files-drive .drive-upload-small{display:none}.files-drive .drive-mobile-menu{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #3c3c44;border-radius:9px;background:#29292f;font-size:18px}.files-drive .files-dropzone{min-height:135px;margin:13px 12px 0;padding:16px 12px}.files-drive .drive-content{overflow:visible;padding:15px 12px 24px}.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.files-drive .files-folder-card{min-height:112px;padding:14px 11px 11px!important}.files-drive .drive-file-card{min-height:127px}.files-drive .drive-section-head h2{font-size:17px}.files-drive .drive-folder-heading{align-items:flex-start}.files-drive .drive-folder-actions{flex-shrink:0}.files-drive .files-list-head{display:none}.files-drive .file-row{min-width:600px}.files-drive .drive-breadcrumb{flex-wrap:wrap}}
@media(max-width:420px){.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:1fr}.files-drive .files-folder-card{min-height:96px}.files-drive .drive-file-card{min-height:112px}.files-drive .drive-section-title{margin-top:16px}.files-drive .files-dropzone strong{font-size:12px}}
.files-drive .files-folder-card.orange:before{background:#f1b650}.files-drive .files-folder-card.pink:before{background:#ec777f}.files-drive .files-folder-card.mint:before{background:#37c89b}.files-drive .files-folder-card.purple:before{background:#8b6df1}
.files-drive .drive-folder-open{position:relative;z-index:1;display:flex!important;align-items:flex-end!important;gap:10px;width:100%;min-width:0;min-height:100%;padding:37px 0 0!important;border:0!important;background:transparent!important;text-align:left;cursor:pointer}
.files-drive .drive-folder-open .folder-graphic{width:0!important;height:0!important;overflow:hidden;background:transparent!important}
.files-drive .drive-folder-open>span:last-child{display:flex;flex-direction:column;min-width:0;gap:4px}
.files-drive .drive-folder-open strong{display:block;overflow:hidden;color:#f0f0f2!important;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap}
.files-drive .drive-folder-open small{margin:0!important;color:#96969f!important;font-size:10px!important}
.files-drive .files-folder-card:after{clip-path:polygon(0 18%,34% 18%,44% 0,88% 0,100% 15%,100% 100%,0 100%);background:#8b6df154;border-color:#8b6df188}.files-drive .files-folder-card.orange:after{background:#f1b65055;border-color:#f1b65088}.files-drive .files-folder-card.pink:after{background:#ec777f55;border-color:#ec777f88}.files-drive .files-folder-card.mint:after{background:#37c89b55;border-color:#37c89b88}
.drive-preview-backdrop{position:fixed;z-index:20000;inset:0;display:grid;place-items:center;padding:24px;background:#09090dc9;backdrop-filter:blur(8px)}.drive-preview-modal{display:flex;flex-direction:column;width:min(1100px,96vw);max-height:min(900px,92vh);overflow:hidden;border:1px solid #44444e;border-radius:18px;background:#202025;color:#f2f2f5;box-shadow:0 28px 90px #0009}.drive-preview-modal>header,.drive-preview-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;background:#25252b}.drive-preview-modal>header{border-bottom:1px solid #383840}.drive-preview-modal>footer{border-top:1px solid #383840;color:#a6a6af;font-size:11px}.drive-preview-heading{display:flex;align-items:center;gap:12px;min-width:0}.drive-preview-heading>div{min-width:0}.drive-preview-heading h2{overflow:hidden;margin:0;color:#f4f4f6;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.drive-preview-heading p{margin:5px 0 0;color:#a2a2ab;font-size:11px}.drive-preview-type{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#34343c;color:#e8e8ed;font-size:11px;font-weight:750}.drive-preview-type.large{width:58px;height:58px;font-size:13px}.drive-preview-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #44444d;border-radius:9px;background:#303037;color:#e8e8eb;font-size:22px;cursor:pointer}.drive-preview-download{height:34px;padding:0 14px;border:1px solid #27bc8a;border-radius:8px;background:#13a978;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.drive-preview-body{display:grid;min-height:260px;overflow:auto;place-items:center;padding:18px}.drive-preview-loading{color:#aaaab3;font-size:12px}.drive-preview-media{display:grid;place-items:center;width:100%;min-height:260px;max-height:70vh}.drive-preview-media img,.drive-preview-media video{display:block;max-width:100%;max-height:68vh;object-fit:contain;border-radius:6px}.drive-preview-pdf{width:100%;height:min(70vh,760px);border:0;border-radius:8px;background:#fff}.drive-preview-text{width:100%;max-height:68vh;overflow:auto;margin:0;padding:20px;border:1px solid #383840;border-radius:10px;background:#19191e;color:#e4e4e8;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.drive-preview-fallback{display:grid;justify-items:center;gap:10px;max-width:460px;padding:28px;text-align:center}.drive-preview-fallback strong{font-size:15px;overflow-wrap:anywhere}.drive-preview-fallback p{margin:0;color:#b0b0b9;font-size:12px;line-height:1.6}.drive-preview-fallback small{color:#85858f;font-size:10px}.drive-preview-audio{display:grid;justify-items:center;gap:20px;width:min(500px,100%);padding:35px}.drive-preview-glyph{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#303039;color:#46c99a;font-size:38px}.drive-preview-audio audio{width:100%}.drive-office-preview{width:min(820px,100%);max-height:68vh;overflow:auto;padding:35px 45px;border:1px solid #393941;border-radius:10px;background:#f8f8f7;color:#25252b;font:14px/1.65 Georgia,serif}.drive-office-preview p{margin:0 0 12px;white-space:pre-wrap}.drive-slides-preview{display:grid;gap:15px;background:#28282e;color:#f3f3f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.drive-slides-preview section{min-height:160px;padding:20px;border:1px solid #46464f;border-radius:10px;background:#202025}.drive-slides-preview small{color:#50d4a2;font-size:10px;letter-spacing:.1em}.drive-slides-preview p{margin-top:15px;font-size:19px;line-height:1.5}.drive-sheet-scroll{width:100%;max-height:68vh;overflow:auto;border:1px solid #3a3a43;border-radius:9px}.drive-sheet-preview{width:100%;border-collapse:collapse;background:#242429;color:#e8e8eb;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.drive-sheet-preview td{min-width:90px;max-width:320px;padding:9px 12px;border-right:1px solid #3c3c44;border-bottom:1px solid #3c3c44;white-space:pre-wrap;overflow-wrap:anywhere}.drive-sheet-preview tr:first-child{background:#303038;font-weight:650}
@media(max-width:600px){.drive-preview-backdrop{padding:10px}.drive-preview-modal{width:100%;max-height:94vh;border-radius:13px}.drive-preview-modal>header,.drive-preview-modal>footer{padding:12px}.drive-preview-heading h2{max-width:65vw;font-size:13px}.drive-preview-body{min-height:220px;padding:10px}.drive-preview-office{padding:18px}.drive-office-preview{padding:18px}.drive-preview-modal>footer>span{max-width:55%;line-height:1.4}}
/* Light, roomier drive variant requested for the portal. */
.files-shell.files-drive{--drive-bg:#f4f7fb;--drive-side:#fff;--drive-card:#fff;--drive-line:#e4eaf2;--drive-text:#192338;--drive-muted:#8490a3;width:100%;max-width:none;height:calc(100vh - 76px);min-height:680px;border:1px solid #e1e8f1;border-radius:20px;background:#f4f7fb;color:#192338;box-shadow:0 18px 45px #263d5a12}
.files-drive .drive-sidebar{padding:25px 20px 20px;background:#fff;border-right:1px solid #e5ebf2}.files-drive .drive-mark{padding:0 2px 24px}.files-drive .drive-mark img{display:block;width:66px;height:66px;object-fit:contain;border-radius:15px}.files-drive .drive-storage{border-color:#e8edf4;background:#f8fafd}.files-drive .drive-storage-head{color:#263550}.files-drive .drive-storage-head span,.files-drive .drive-storage-caption,.files-drive .drive-legend small{color:#8e98a9}.files-drive .drive-storage-track{background:#e7ecf3}.files-drive .drive-legend>span{color:#58677e}
.files-drive .drive-nav button{color:#617089}.files-drive .drive-nav button span{color:#8290a5}.files-drive .drive-nav button:hover,.files-drive .drive-nav button.active{background:#edf4ff;border-color:#dceaff;color:#1768d3}.files-drive .drive-nav button.active{box-shadow:inset 3px 0 #347ded}.files-drive .drive-nav button.active span{color:#347ded}.files-drive .drive-side-actions .drive-create-btn{border-color:#dce4ef;background:#fff;color:#42536d}.files-drive .drive-side-actions .drive-create-btn:hover{background:#f5f8fc}
.files-drive .drive-main{background:#f7f9fc}.files-drive .drive-topbar{padding:18px 30px;border-bottom-color:#e8edf3}.files-drive .drive-top-search{max-width:720px;height:48px;border-color:#e0e7f0;background:#fff;color:#8d99ad;box-shadow:0 3px 12px #253b5c08}.files-drive .drive-top-search input{color:#24344e;font-size:13px}.files-drive .drive-top-search input::placeholder{color:#96a1b2}.files-drive .drive-upload-small{height:40px;padding:0 17px;border-color:#19ad7c;border-radius:10px}.files-drive .drive-content{padding:25px 30px 34px;scrollbar-color:#c6cfdb transparent}.files-drive .files-dropzone{min-height:188px;margin:23px 30px 0;border-color:#ccd8e6;background:linear-gradient(135deg,#fff,#f8fbff);color:#31415a}.files-drive .files-dropzone:hover,.files-drive .files-dropzone.is-dragging{border-color:#62b99b;background:#f4fbf8}.files-drive .drive-upload-symbol{background:#e9f5f0;color:#17966c}.files-drive .files-dropzone strong{font-size:14px}.files-drive .files-dropzone>span{color:#99a3b3}.files-drive .files-dropzone>button{height:34px;padding:0 20px;border-color:#cbd9e8;background:#fff;color:#34506e}.files-drive .files-dropzone>button:hover{background:#f2f7fc}
.files-drive .drive-section-head h2{font-size:22px;color:#192944}.files-drive .drive-section-head p,.files-drive .drive-description{color:#78869c;font-size:12px}.files-drive .drive-view-toggle{padding:4px;border-color:#e0e7f0;background:#fff}.files-drive .drive-view-toggle button{width:34px;height:32px;color:#8390a4}.files-drive .drive-view-toggle button.active{background:#eaf2ff;color:#2676e8}.files-drive .drive-section-title{margin:24px 0 14px;color:#273753;font-size:15px}.files-drive .drive-section-title span{color:#8d99ab;font-size:11px}.files-drive .drive-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.files-drive .files-folder-card{min-height:156px;padding:18px 17px 16px!important;border:1px solid #e3e9f1!important;border-radius:15px!important;background:#fff!important;color:#24344e!important;box-shadow:0 5px 18px #2d45640c}.files-drive .files-folder-card:hover{border-color:#cbdaf0!important;background:#fff!important;box-shadow:0 10px 24px #27436a13}.files-drive .files-folder-card:before{height:6px}.files-drive .files-folder-card:after{top:26px;left:18px}.files-drive .drive-folder-open{padding-top:48px!important}.files-drive .drive-folder-open strong{color:#253650!important;font-size:14px!important}.files-drive .drive-folder-open small{color:#8895a8!important;font-size:11px!important}.files-drive .files-folder-card [data-root-folder-menu]{color:#7f8da2}.files-drive .drive-breadcrumb{color:#7f8da2;font-size:13px}.files-drive .drive-breadcrumb strong{color:#23334d}.files-drive .drive-breadcrumb button{color:#2879df}.files-drive .drive-secondary{border-color:#dce4ef;background:#fff;color:#40536d}.files-drive .drive-secondary:hover{border-color:#b9ccea;background:#f5f9ff}
.files-drive .drive-file-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.files-drive .drive-file-card{min-height:184px;border-color:#e2e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px #2d45640b}.files-drive .drive-file-card:hover{border-color:#cddcf0;box-shadow:0 10px 24px #27436a13}.files-drive .drive-file-open{padding:15px}.files-drive .drive-file-preview{height:86px;background:#f3f6fa}.files-drive .drive-file-name{gap:5px;margin-top:12px}.files-drive .drive-file-name strong{color:#263650;font-size:13px}.files-drive .drive-file-name small{color:#8692a5;font-size:10px}.files-drive .drive-file-name .drive-file-added{margin-top:2px;color:#8d99ab;font-size:10px}.files-drive .drive-file-menu{color:#687991}.files-drive .drive-file-grid.list-view .drive-file-card{min-height:65px}.files-drive .drive-file-grid.list-view .drive-file-preview{height:42px;background:#f3f6fa}.files-drive .drive-empty{border-color:#dfe7f0;background:#fff;color:#293b58}.files-drive .drive-empty span{color:#8794a8}.files-drive .files-list-wrap{border-color:#e2e8f0;background:#fff}.files-drive .files-list-head{background:#f5f8fc;color:#8290a4}.files-drive .file-row{border-color:#edf0f5!important;color:#65748c}.files-drive .file-row:hover{background:#f7faff!important}.files-drive .file-name strong{color:#283a56}.files-drive .file-name small{color:#8895a8}
.files-drive .drive-files-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:23px 0 13px}.files-drive .drive-files-heading .drive-section-title{margin:0}.files-drive .drive-files-search{display:flex;align-items:center;gap:9px;width:min(320px,45%);height:39px;padding:0 11px;border:1px solid #e0e7f0;border-radius:10px;background:#fff;color:#8996aa;box-shadow:0 3px 12px #253b5c08}.files-drive .drive-files-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263650;font-size:12px}.files-drive .drive-files-search input::placeholder{color:#9aa5b5}.files-drive .drive-files-search button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#8794a8;font-size:17px;cursor:pointer}
.drive-preview-backdrop{background:#18253bb3}.drive-preview-modal{border-color:#dce4ee;background:#fff;color:#21324d;box-shadow:0 28px 90px #14243d35}.drive-preview-modal>header,.drive-preview-modal>footer{background:#fff}.drive-preview-modal>header{border-bottom-color:#e6ebf2}.drive-preview-modal>footer{border-top-color:#e6ebf2;color:#8390a4}.drive-preview-heading h2{color:#23344f}.drive-preview-heading p{color:#7f8ca1}.drive-preview-close{border-color:#e1e7ef;background:#f6f8fb;color:#50617a}.drive-preview-body{background:#f5f7fa}.drive-preview-loading{color:#79869a}.drive-preview-fallback{color:#283a56}.drive-preview-fallback p{color:#718098}.drive-preview-fallback small{color:#8692a5}
@media(max-width:1050px){.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.files-shell.files-drive{height:auto;min-height:calc(100vh - 72px)}.files-drive .drive-topbar{padding:11px 12px}.files-drive .drive-content{padding:17px 14px 24px}.files-drive .files-dropzone{margin:13px 14px 0}.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.files-drive .drive-files-search{width:100%}.files-drive .drive-files-heading{align-items:stretch;flex-direction:column;gap:10px}.files-drive .drive-files-heading .drive-section-title{margin:0}.files-drive .files-folder-card{min-height:128px;padding:16px 13px!important}}
@media(max-width:420px){.files-drive .drive-folder-grid,.files-drive .drive-file-grid{grid-template-columns:1fr}.files-drive .drive-file-card{min-height:160px}.files-drive .drive-file-preview{height:74px}}
#content.content:has(> .files-shell.files-drive){max-width:none;margin:0;padding:18px 20px 28px}
.files-shell.files-drive{background:#e9eef5}
.files-drive .drive-main{background:#f0f3f8}
.files-drive .drive-content{background:#f0f3f8}
@media(max-width:760px){#content.content:has(> .files-shell.files-drive){padding:9px 9px 22px}}
.files-drive .files-dropzone{background:#eef2f7}
.files-drive .files-dropzone:hover,.files-drive .files-dropzone.is-dragging{background:#e9f3ef}
.files-drive .drive-folder-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.files-drive .drive-folder-section-head .drive-section-title{margin:0}.files-drive .drive-inline-create{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #d5e2f1;border-radius:10px;background:#fff;color:#286fcb;font-size:12px;font-weight:600;box-shadow:0 3px 10px #253b5c0a;cursor:pointer}.files-drive .drive-inline-create:hover{border-color:#a9c6ec;background:#f5f9ff}.files-drive .drive-inline-create span{font-size:18px;line-height:1}
.files-drive .files-dropzone{min-height:218px;border:2px dashed #b9c8dc;background:#e8edf4;box-shadow:inset 0 1px 0 #fff8}.files-drive .files-dropzone:hover,.files-drive .files-dropzone.is-dragging{border-color:#39a77e;background:#e5f1ec}.files-drive .drive-upload-symbol{width:48px;height:48px;border:1px solid #d9e4f1;border-radius:15px;background:#fff;color:#248b68;font-size:24px;box-shadow:0 5px 14px #344d6a12}.files-drive .files-dropzone strong{font-size:16px;font-weight:650;color:#23344f}.files-drive .files-dropzone .drive-drop-instruction{color:#687991;font-size:12px}.files-drive .files-dropzone>button{height:36px;border-color:#b9cbe0;color:#2e5e9a;font-weight:600}.files-drive .files-dropzone>button:hover{border-color:#86acd9;background:#f7fbff}
@media(max-width:720px){.files-drive .drive-folder-section-head{margin:17px 0 12px}.files-drive .drive-inline-create{min-height:34px;padding:0 10px;font-size:11px}.files-drive .files-dropzone{min-height:178px}}
.files-drive .files-folder-card.is-file-drop-target{border-color:#1687f8!important;background:#eaf4ff!important;box-shadow:0 0 0 3px #1687f826,0 10px 24px #27436a18!important;transform:translateY(-2px)}
.files-drive .drive-file-meta{display:none}
.files-drive .drive-file-grid.list-view{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e2e8f0;border-radius:13px;background:#fff;overflow:hidden}
.files-drive .drive-file-grid.list-view .drive-file-card{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(120px,.9fr);align-items:center;gap:14px;min-height:72px;padding:6px 44px 6px 8px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;background:#fff;box-shadow:none}
.files-drive .drive-file-grid.list-view .drive-file-card:last-child{border-bottom:0}
.files-drive .drive-file-grid.list-view .drive-file-open{grid-column:1;min-width:0;flex-direction:row;align-items:center;gap:12px;padding:7px;background:transparent}
.files-drive .drive-file-grid.list-view .drive-file-preview{width:40px;height:40px;flex:0 0 40px}
.files-drive .drive-file-grid.list-view .drive-file-name{min-width:0;margin:0}
.files-drive .drive-file-grid.list-view .drive-file-meta{display:grid;grid-column:2/5;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.files-drive .drive-file-meta>span{display:flex;min-width:0;flex-direction:column;gap:4px}
.files-drive .drive-file-meta small{color:#8a96a8;font-size:10px}
.files-drive .drive-file-meta strong{overflow:hidden;color:#40516c;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.files-drive .drive-file-grid.list-view .drive-file-added{display:none}
.files-drive .drive-file-grid.list-view .drive-file-menu{top:50%;transform:translateY(-50%)}
.files-drive .files-list-head,.files-drive .file-row{grid-template-columns:minmax(210px,1.5fr) minmax(110px,.85fr) minmax(120px,.9fr) minmax(120px,.9fr) 150px}
.drive-upload-destination-backdrop{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:#17243b75;backdrop-filter:blur(5px)}
.drive-upload-destination{width:min(480px,100%);overflow:hidden;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 28px 80px #17243b38;color:#263650}
.drive-upload-destination>header,.drive-upload-destination>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px}
.drive-upload-destination>header{border-bottom:1px solid #edf0f5}
.drive-upload-destination>header h2{margin:0;font-size:17px}
.drive-upload-destination>header p{margin:5px 0 0;color:#8491a5;font-size:12px}
.drive-upload-destination>header button{width:32px;height:32px;border:0;border-radius:9px;background:#f2f5f9;color:#607089;font-size:22px;cursor:pointer}
.drive-upload-destination-body{display:grid;gap:10px;padding:20px}
.drive-upload-destination-body label{font-size:12px;font-weight:650}
.drive-upload-destination-body select{width:100%;height:42px;padding:0 12px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#263650;font:inherit;font-size:13px}
.drive-upload-file-list{display:grid;max-height:150px;gap:6px;overflow:auto;margin-top:3px}
.drive-upload-file-list span{overflow:hidden;padding:7px 9px;border-radius:8px;background:#f5f7fa;color:#607089;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.drive-upload-destination>footer{justify-content:flex-end;border-top:1px solid #edf0f5}
.drive-upload-destination .drive-upload-btn,.drive-upload-destination .drive-secondary{min-height:37px;padding:0 14px;border-radius:9px;cursor:pointer}
@media(max-width:720px){.files-drive .drive-file-grid.list-view .drive-file-card{grid-template-columns:minmax(0,1fr);gap:2px;padding:7px 40px 9px 7px}.files-drive .drive-file-grid.list-view .drive-file-open{grid-column:1;grid-row:1}.files-drive .drive-file-grid.list-view .drive-file-meta{grid-column:1;grid-row:2;padding-left:52px;gap:7px}.files-drive .drive-file-meta small{font-size:9px}.files-drive .drive-file-meta strong{font-size:10px}.files-drive .files-list-head,.files-drive .file-row{min-width:720px}}
.files-drive .drive-list-head{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(120px,.9fr);gap:14px;align-items:center;padding:11px 52px 11px 16px;border:1px solid #e2e8f0;border-bottom:0;border-radius:12px 12px 0 0;background:#f5f8fc;color:#7c899d;font-size:10px;font-weight:650}
.files-drive .drive-list-head button,.files-drive .files-list-head button{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.files-drive .drive-list-head button:hover,.files-drive .files-list-head button:hover{color:#1677da}
.files-drive .drive-list-head button span,.files-drive .files-list-head button span{color:#a0adbf;font-size:12px}
.files-drive .drive-list-head+.drive-file-grid.list-view{border-radius:0 0 12px 12px}
.files-drive .files-list-head{grid-template-columns:minmax(210px,1.5fr) minmax(110px,.85fr) minmax(120px,.9fr) minmax(120px,.9fr) 150px}
@media(max-width:720px){.files-drive .drive-list-head{display:none}}