/* Readable, calm dark workspace. Purple identifies actions; amber identifies folders. */
body.friendly-drive{background:#0e1017;background-image:none;color:#eef0f8;font:14px/1.5 Geist,system-ui,sans-serif}
.friendly-drive:before,.friendly-drive header:after{display:none}
.friendly-drive header{height:72px;background:#131620;padding:0 32px;border-color:#282d3e;backdrop-filter:none}
.friendly-drive .brand i{background:#a799ff;box-shadow:none;transform:none;border-radius:10px;color:#161026}
.friendly-drive .brand b{border-radius:4px;background:#7863d8}
.friendly-drive #account button{font:600 12px Geist;padding:8px 12px;border-radius:8px;text-transform:none}
.friendly-drive #account .privacy{font:600 11px Geist;letter-spacing:0;color:#bdb5e8;border-radius:5px}
.friendly-drive .drive{display:flex;flex-direction:column;min-height:calc(100vh - 72px)}
.friendly-drive .upload{padding:12px 32px;background:#131620;border:0;border-bottom:1px solid #282d3e}
.friendly-drive .upload:after{display:none}
.friendly-drive .upload>.eyebrow,.friendly-drive .upload>h2,.friendly-drive .upload>.hint{display:none}
.friendly-drive .upload #form{display:none;max-width:900px;margin:16px auto}
.friendly-drive .upload.dx-upload-open #form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.friendly-drive .upload #form .drop{grid-row:span 2;border-radius:12px;clip-path:none;background:#191e2b;text-align:left}
.friendly-drive .drop:before{content:'Válassz feltöltendő fájlokat';font:600 14px Geist;letter-spacing:0;text-transform:none;color:#d0c7ff}
.friendly-drive .drop input[type=file],.friendly-drive .drop p{font:12px Geist;color:#afb6ca}
.friendly-drive .upload #form>input,.friendly-drive .upload textarea{margin:0;font:14px Geist;padding:10px;border:1px solid #3a4258;border-radius:8px;background:#191e2b}
.friendly-drive .upload button{clip-path:none;border-radius:9px;font:700 13px Geist;transform:none;background:#a995ff;color:#181226;margin:0}
.friendly-drive .upload .dx-upload-toggle{width:auto;padding:8px 14px;background:#222738;color:#d6d1ed}
.friendly-drive .library{padding:0;flex:1}
.friendly-drive .tabs{padding:0 32px;margin:0;gap:24px;background:#131620;border-color:#282d3e}
.friendly-drive .tab{font:600 13px Geist;letter-spacing:0;text-transform:none;padding:16px 0;margin:0;color:#9da8c1}
.friendly-drive .tab.active{color:#c2b4ff;border-color:#a995ff}
.friendly-drive .tab i{font:600 11px Geist;background:#302b48}
.friendly-drive #shared,.friendly-drive #trash{padding:30px}
.friendly-drive [hidden],.drive-dialog [hidden],#drive-toast[hidden]{display:none!important}
.dx-layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 174px)}
.dx-sidebar{padding:28px 16px;background:#131620;border-right:1px solid #282d3e;min-width:0;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}
.dx-workspace{display:flex;gap:12px;align-items:center;padding:0 10px 26px}.dx-workspace>svg{width:34px;height:34px;fill:#2b2446;stroke:#b5a4ff;stroke-width:1.5}
.dx-workspace strong,.dx-workspace small{display:block}.dx-workspace strong{font-size:14px}.dx-workspace small{font-size:11px;color:#8e99b2;margin-top:3px}
.dx-nav{display:flex;flex-direction:column;gap:5px}.dx-nav>button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;background:transparent;border:1px solid transparent;border-radius:8px;color:#aeb7ce;text-align:left;padding:9px 12px;font:500 13px Geist;cursor:pointer}
.dx-nav>button svg,.dx-destinations svg{width:22px;height:22px;flex-shrink:0;fill:#352f26;stroke:#d6b87c;stroke-width:1.5}.dx-nav>button span:not(.dx-symbol){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dx-nav>button small{font:11px Geist;color:#7f8ba7}
.dx-nav>button.active{background:#29243f;border-color:#4c406d;color:#e4dcff}.dx-nav>button:hover{background:#202638;color:#fff}.dx-symbol{font-size:22px;width:22px;text-align:center;line-height:1}
.dx-nav-label{display:flex;justify-content:space-between;align-items:center;margin:26px 12px 8px;font-size:11px;letter-spacing:1px;color:#8d98ae}.dx-add{background:transparent;border:0;color:#c8baff;font-size:22px;cursor:pointer}
.dx-nav-hint{padding:0 12px;font-size:12px;color:#8490aa}.dx-quota{margin:32px 10px 0;border-top:1px solid #2d3345;padding-top:20px;font-size:12px;color:#929fb6}.dx-quota strong{display:block;color:#c6cde0;margin:6px 0 10px;font-weight:500}.dx-quota progress{width:100%;height:6px;accent-color:#a995ff;border:0;border-radius:5px;overflow:hidden}.dx-quota progress::-webkit-progress-bar{background:#30354a}.dx-quota progress::-webkit-progress-value{background:#a995ff}
.dx-server{margin:18px 10px}.dx-server .storage-meter{width:100%;padding:0;clip-path:none;background:none;box-shadow:none;border:0}.dx-server .storage-head{display:block}.dx-server .storage-head span{font:11px Geist;letter-spacing:0;color:#929fb6}.dx-server .storage-head b{font:500 12px Geist;display:block;margin-top:4px;color:#c6cde0;text-shadow:none}.dx-server .storage-meter small{font:11px/1.6 Geist;color:#929fb6}.dx-server .storage-track{height:5px;border:0;border-radius:5px}.dx-server .storage-track i{height:5px;background:#8172b8;box-shadow:none;margin:0}
.dx-content{padding:26px clamp(20px,3vw,48px);min-width:0;max-width:1900px;width:100%;margin:0 auto}
.dx-breadcrumb{display:flex;gap:10px;align-items:center;min-height:30px;font-size:12px;color:#76829b}.dx-breadcrumb button{background:none;border:0;color:#a7b1c7;padding:5px 0;font:12px Geist;cursor:pointer}.dx-breadcrumb strong{color:#bdb1ef;font-weight:500;overflow-wrap:anywhere}
.dx-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.friendly-drive .dx-heading h2{font:700 clamp(24px,2.7vw,34px)/1.25 Geist;letter-spacing:-1px;text-transform:none;margin:0;overflow-wrap:anywhere}.dx-heading p{margin:7px 0 0;color:#8793ac;font-size:12px}.dx-heading>div:last-child{display:flex;gap:10px;flex-shrink:0}
.dx-content button,.drive-dialog button{cursor:pointer}.dx-heading button,.dx-toolbar button,.dx-selection button,.dx-folder-actions button{border:1px solid #3a4258;border-radius:8px;background:#1c2130;color:#d9dfef;padding:10px 15px;font:600 13px Geist;white-space:nowrap}
.dx-heading .dx-primary,.drive-dialog .dx-primary{background:#ac98ff;border-color:#ac98ff;color:#1b1332}.dx-primary:hover{filter:brightness(1.1)}
.dx-toolbar{display:flex;gap:10px;margin-bottom:24px}.dx-search{display:flex;align-items:center;flex:1;min-width:120px;border:1px solid #343b50;background:#191d2a;border-radius:9px;padding:0 13px;gap:9px}.dx-search>span{font-size:24px;color:#9585ce}.dx-search input{width:100%;background:none;border:0;outline:none;color:#e2e6f2;font:13px Geist;min-height:44px}.dx-search:focus-within{border-color:#ac98ff}.dx-sort{background:#191d2a;border:1px solid #343b50;border-radius:9px;padding:0 12px;color:#b9c3d8;font:12px Geist;max-width:160px}
.dx-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;margin-bottom:26px}.dx-folder{display:flex;align-items:center;position:relative;background:#1a1e2b;border:1px solid #343a4c;border-radius:12px;transition:background .15s,border-color .15s}.dx-folder:hover{background:#222636;border-color:#655676}
.dx-open-folder{display:flex;align-items:center;gap:13px;flex:1;min-width:0;padding:21px 16px;background:none;border:0;color:#e2e6f1;text-align:left}.dx-open-folder svg{width:40px;height:40px;flex-shrink:0;fill:#403725;stroke:#e3c181;stroke-width:1.3}.dx-open-folder span{min-width:0}.dx-open-folder strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px Geist}.dx-open-folder small{display:block;color:#939db4;font:12px Geist;margin-top:5px}
.dx-folder summary{padding:10px;cursor:pointer;color:#8795b0;list-style:none;font-size:22px}.dx-folder summary::-webkit-details-marker{display:none}.dx-folder details>div{position:absolute;right:6px;top:70px;padding:6px;z-index:15;width:165px;background:#242a3b;border:1px solid #515a72;border-radius:9px;box-shadow:0 12px 30px #0008}.dx-folder details button{display:block;width:100%;padding:10px;border:0;background:none;color:#e1e6f4;font:12px Geist;text-align:left;border-radius:5px}.dx-folder details button:hover{background:#39324e}
.dx-folder-actions,.dx-selection{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;border:1px solid #554777;border-radius:9px;background:#242036;flex-wrap:wrap}.dx-folder-actions{background:transparent;border-color:#343b50}.dx-folder-title{flex:1;color:#b1bbd2}.dx-selection strong{font-size:12px;color:#d2c7f7;margin-right:auto}.dx-selection button,.dx-folder-actions button{padding:7px 10px;font-size:12px}
.dx-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px;align-items:start}.dx-files[data-view=list]{grid-template-columns:1fr}
.friendly-drive .file-card{background:#191e2b;border:1px solid #343c50;border-radius:12px;overflow:visible;margin:0}.friendly-drive #shared .file-card{margin-bottom:16px}.friendly-drive .file-card:hover{border-color:#665687}.friendly-drive .file-top{padding:18px 16px;gap:12px}.dx-files .file-top{cursor:grab}.friendly-drive .file-top h3{font:600 15px/1.4 Geist;color:#edf0f8;overflow-wrap:anywhere}.friendly-drive .file-top p{font:12px/1.5 Geist;color:#9eaac1;overflow-wrap:anywhere}.friendly-drive .file-top small{font:11px Geist;color:#8c9ab2}
.dx-select{width:17px;height:17px;flex:0 0 17px;accent-color:#ac98ff;cursor:pointer}.friendly-drive .dx-selected{border-color:#b09bff;box-shadow:0 0 0 1px #b09bff;background:#222136}.dx-dragging{opacity:.45}.dx-drop-target{outline:2px solid #bba7ff!important;outline-offset:-2px;background:#3a2f58!important}.dx-busy .dx-content{cursor:progress}
.friendly-drive .file-kind{width:36px;height:42px;flex:0 0 36px;clip-path:none;border-radius:8px;border-color:#544774;background:#2b2442;color:#cfc1ff;font:700 10px Geist}
.friendly-drive .file-menu{border-radius:10px;background:#242a3b;box-shadow:0 16px 45px #0009;min-width:225px;z-index:25}.friendly-drive .file-menu button,.friendly-drive .file-menu a{font:12px/1.5 Geist;padding:10px 12px;text-transform:none}.friendly-drive .more-btn{font-size:24px}
.friendly-drive .always-preview{padding:0 16px 16px}.friendly-drive .signal-player{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;clip-path:none;border:1px solid #32394e;border-radius:10px;min-height:0;background:#111622;padding:14px;overflow:visible}.friendly-drive .signal-player:before,.friendly-drive .signal-player:after,.friendly-drive .audio-reactor{display:none}.friendly-drive .track-head{margin:0 0 10px}.friendly-drive .track-head span,.friendly-drive .track-head em{display:none}.friendly-drive .track-head b{font:500 12px Geist;color:#adb8cd}.friendly-drive .transport{grid-template-columns:34px 34px minmax(45px,1fr) 34px;font:11px Geist;gap:8px}.friendly-drive .signal-play{border-radius:50%;clip-path:none;background:#ac98ff;color:#201536;border-color:#ac98ff}.friendly-drive .volume-control{grid-column:1;display:grid;grid-template-columns:98px minmax(60px,1fr);border:0;padding:0;gap:12px;align-items:center}.friendly-drive .volume-head{grid-template-columns:24px 1fr 28px;gap:5px;font:9px Geist}.friendly-drive .volume-value{font:10px Geist;color:#c4b3ff}.friendly-drive .signal-seek,.friendly-drive .volume-range{background:linear-gradient(90deg,#aa95fb 0 var(--value),#364157 var(--value) 100%);border-radius:8px}.friendly-drive .signal-seek::-webkit-slider-thumb,.friendly-drive .volume-range::-webkit-slider-thumb{background:#c5b8ff;border-color:#c5b8ff;box-shadow:none;border-radius:50%;width:12px;height:12px}
.friendly-drive .recipient-row{padding:11px 16px;display:flex;gap:10px;border-radius:0 0 12px 12px;background:#161b27;border-color:#30384a}.friendly-drive .share-label>i{display:none}.friendly-drive .share-label b{font:500 11px Geist;text-transform:none;letter-spacing:0}.friendly-drive .share-label small{display:none}.friendly-drive .recipient{clip-path:none;border-radius:20px;padding:3px 5px;background:#272d3e;border-color:#3e465d;grid-template-columns:25px minmax(0,auto) 22px;min-height:32px}.friendly-drive .recipient>img,.friendly-drive .recipient-avatar{width:25px;height:25px;border-radius:50%}.friendly-drive .recipient-info b{font:500 11px Geist}.friendly-drive .recipient-info small{display:none}
.friendly-drive .visual-preview{border-radius:9px;overflow:hidden}.friendly-drive .preview{max-height:270px;margin:auto}.friendly-drive .file-fallback{border-radius:9px;padding:18px;font:12px Geist}.dx-help{font-size:12px;color:#8896af;margin:22px 0}.dx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;border:1px dashed #3a4359;border-radius:12px;color:#abb7ce}.dx-empty svg{width:48px;height:48px;fill:none;stroke:#9d8bc4;stroke-width:1.2;margin-bottom:15px}.dx-empty p{font-size:13px;color:#8e9db9}
.drive-dialog{width:min(490px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:26px;background:#1b2030;color:#e3e8f4;border:1px solid #505872;border-radius:16px;font:14px/1.6 Geist;box-shadow:0 30px 100px #0009}.drive-dialog::backdrop{background:#080b13b8;backdrop-filter:blur(5px)}.dx-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dx-dialog-head h2{font:700 22px Geist;margin:0}.drive-dialog button{padding:9px 15px;background:#2b3144;color:#dee4f4;border:1px solid #49526d;border-radius:8px;font:600 13px Geist}.drive-dialog .dx-close{border:0;background:none;font-size:24px;padding:0 7px}.dx-field{display:flex;flex-direction:column;gap:8px}.dx-field input,.dx-field select{padding:12px;background:#111724;color:#eef1f9;border:1px solid #526080;border-radius:8px;font:14px Geist;min-width:0}.drive-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dx-error{color:#ff9cab;font-size:13px}.dx-error:empty{display:none}.dx-destinations{max-height:300px;overflow:auto;display:grid;gap:8px}.dx-destinations label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #3e4962;border-radius:8px;cursor:pointer}.dx-destinations input{accent-color:#ac98ff}.dx-destinations label:has(input:checked){border-color:#ae99ff;background:#30283f}
#drive-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);display:flex;align-items:center;gap:20px;padding:15px 20px;border:1px solid #6b5c90;border-radius:12px;background:#29243b;color:#f0eafb;font:14px Geist;box-shadow:0 12px 40px #0009;z-index:1000}#drive-toast button{border:0;background:none;color:#c7b5ff;font-weight:700;cursor:pointer}.friendly-drive :focus-visible,.drive-dialog :focus-visible{outline:2px solid #b9a6ff;outline-offset:3px}
@media(min-width:1250px){.dx-files[data-view=list] .signal-player{grid-template-columns:1fr 160px}.dx-files[data-view=list] .volume-control{grid-column:2;display:flex;flex-direction:column}}
@media(max-width:900px){.dx-layout{grid-template-columns:195px minmax(0,1fr)}.dx-sidebar{padding:22px 9px}.dx-content{padding:22px 18px}.dx-heading{align-items:flex-start;flex-direction:column}.dx-workspace{padding-left:4px}.dx-workspace>svg{display:none}.dx-nav>button{padding:9px}.dx-toolbar{flex-wrap:wrap}.dx-search{flex-basis:100%}.friendly-drive .file-top .meta{flex-basis:auto}}
@media(max-width:620px){.friendly-drive header{padding:0 16px;height:64px}.friendly-drive #account .privacy{display:none}.friendly-drive .tabs{padding:0 16px;gap:18px;overflow:auto}.friendly-drive .tab{font-size:12px}.friendly-drive .upload{padding:10px 16px}.dx-layout{display:flex;flex-direction:column}.dx-sidebar{padding:12px 16px;border-right:0;border-bottom:1px solid #2e3549}.dx-workspace,.dx-quota,.dx-server,.dx-nav-label,.dx-nav-hint{display:none}.dx-nav{flex-direction:row;overflow:auto;padding-bottom:5px}.dx-nav>button{width:auto;flex-shrink:0;max-width:180px}.dx-nav>button svg{width:18px}.dx-content{padding:16px}.dx-heading{margin:16px 0}.dx-heading h2{font-size:26px!important}.dx-heading>div:last-child{width:100%}.dx-heading button{flex:1}.friendly-drive .upload.dx-upload-open #form{display:flex;flex-direction:column;align-items:stretch}.dx-folders{grid-template-columns:1fr}.friendly-drive .file-top{flex-wrap:nowrap;padding:14px 12px}.friendly-drive .file-kind{display:none}.dx-selection{gap:8px}.dx-selection button{font-size:11px}.friendly-drive .recipient-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.dx-folder{transition:none}}
@media(max-width:620px){.dx-sidebar{position:static;max-height:none;overflow:hidden;width:100%;align-self:stretch}.dx-nav{max-width:100%}}
.friendly-drive .file-menu{max-height:min(470px,70vh);overflow-y:auto}