.document-drive{padding:0;overflow:visible}.drive-toolbar,.drive-navigation,.drive-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex-wrap:wrap}.drive-toolbar{border-bottom:1px solid var(--border)}.drive-toolbar>.flex{flex-wrap:wrap}.drive-view-switch{display:flex;gap:4px}.drive-view-switch button[aria-pressed=true]{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.drive-navigation{justify-content:flex-start;padding-bottom:8px}.drive-tabs{display:flex;gap:4px;padding-right:14px;border-right:1px solid var(--border)}.drive-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.drive-breadcrumb button{background:none;border:0;color:var(--text-main);cursor:pointer;padding:4px}.drive-breadcrumb button:hover{text-decoration:underline}.drive-filters{display:flex;gap:8px;padding:4px 16px 12px;flex-wrap:wrap}.drive-filters input,.drive-filters select{min-height:34px;width:100%}.drive-filters label{min-width:130px;flex:1}.drive-filters .drive-search{flex:3;min-width:220px}.drive-dropzone{min-height:210px;border:2px solid transparent;border-radius:8px;margin:0 6px}.drive-dropzone.drag-over{border:2px dashed var(--primary);background:var(--primary-light)}.drive-hint{font-size:11px;color:var(--text-muted);padding:0 10px;margin:4px 0 10px}.drive-columns,.drive-item{display:grid;grid-template-columns:minmax(200px,3fr) 85px minmax(90px,1fr) 75px 90px 35px;align-items:center;gap:12px;padding:10px 12px}.drive-columns{font-size:11px;color:var(--text-muted);background:var(--bg-body);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.drive-item{border-bottom:1px solid var(--border);font-size:12px;min-height:64px}.drive-item:hover{background:var(--primary-light)}.drive-name{display:flex;align-items:center;gap:12px;min-width:0;width:100%;background:none;border:0;text-align:left;color:var(--text-main);cursor:pointer;padding:0}.drive-name>span:last-child{min-width:0}.drive-name strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.drive-name small,.drive-company small,.drive-file-row small{display:block;color:var(--text-muted);font-size:11px;margin-top:3px;overflow-wrap:anywhere}.drive-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--primary);background:var(--primary-light);flex-shrink:0}.drive-icon svg{width:23px;height:23px}.drive-icon.is-folder{color:#d8a43c;background:rgba(216,164,60,.12)}.drive-status,.drive-type,.drive-size,.drive-date{color:var(--text-muted);font-size:11px}.drive-menu{position:relative;justify-self:end}.drive-menu summary{list-style:none;cursor:pointer;padding:4px 10px;font-size:20px;border-radius:5px}.drive-menu summary:hover,.drive-menu[open] summary{background:var(--primary-light)}.drive-menu>div{position:absolute;right:0;top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 25px #0003;z-index:25;min-width:190px;padding:5px}.drive-menu button{display:block;border:0;background:none;color:var(--text-main);cursor:pointer;text-align:left;width:100%;padding:9px;border-radius:5px;font-size:12px}.drive-menu button:hover{background:var(--primary-light)}.drive-footer{font-size:12px;color:var(--text-muted)}.drive-footer .flex{align-items:center}.drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px}.drive-grid .drive-item{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--border);border-radius:10px;padding:14px;align-items:start}.drive-grid .drive-name{grid-column:1/3;align-items:flex-start;min-height:66px}.drive-grid .drive-icon{width:40px;height:40px}.drive-grid .drive-status{grid-column:1/3}.drive-grid .drive-menu{grid-column:2;grid-row:2}.drive-grid .drive-date{grid-column:2;grid-row:4;text-align:right}.drive-grid .drive-size{grid-column:1;grid-row:4}.drive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;gap:10px;color:var(--text-muted);text-align:center;font-size:12px}.drive-empty svg{height:42px;width:42px;opacity:.6}.drive-empty strong{color:var(--text-main);font-size:14px}.drive-company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding:16px}.drive-company{display:flex;align-items:center;gap:12px;text-align:left;color:var(--text-main);background:var(--bg-card);border:1px solid var(--border);padding:18px;border-radius:10px;cursor:pointer}.drive-company:hover{border-color:var(--primary)}.drive-company>span:nth-child(2){flex:1}.drive-company strong{font-size:13px}.drive-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px 0;flex-wrap:wrap}.drive-file-row>span{flex:1;min-width:180px;overflow-wrap:anywhere}.drive-file-row .flex{flex-wrap:wrap}.drive-preview{width:100%;height:65vh;border:0;background:white}.drive-preview-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.drive-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;font-size:12px}.drive-wide{grid-column:1/-1}.drive-upload-label{display:block;margin:12px 0}#driveUploadResult,#attachmentStatus{white-space:pre-wrap;font-size:12px;margin-top:12px}#driveUpload{display:grid;gap:12px}#driveNameForm input,#fileRename input{width:100%}#driveMove select{width:100%}.document-drive button:focus-visible,.document-drive summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:1000px){.drive-columns,.drive-item{grid-template-columns:minmax(180px,3fr) 70px 100px 65px 32px}.drive-date{display:none}.drive-columns span:nth-child(5){display:none}}@media(max-width:640px){.drive-toolbar,.drive-navigation,.drive-footer{padding:10px}.drive-filters{padding:4px 10px 10px}.drive-filters label{min-width:110px}.drive-filters .drive-search{min-width:100%;flex:1}.drive-columns{display:none}.drive-item{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:12px 8px}.drive-name{grid-column:1;grid-row:1/3}.drive-type,.drive-size,.drive-status{display:none}.drive-menu{grid-column:2;grid-row:1/3}.drive-grid .drive-type,.drive-grid .drive-size,.drive-grid .drive-status{display:block}.drive-grid{grid-template-columns:1fr}.drive-company-grid{grid-template-columns:1fr;padding:10px}}
