/* documents and backups module styles */
.dtool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font:600 15px var(--disp);letter-spacing:.02em}
.dcrumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--sub)}.dcrumbs a:last-of-type{color:var(--ink)}
.dcrumbs .sep{color:var(--faint)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.dgrid>.card+.card{margin-top:0!important}
.dtile{padding:14px;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0;transition:transform .12s,border-color .12s}
.dtile:hover,.dtile:focus-visible{border-color:var(--scan);transform:translateY(-2px);outline:none}
.dtile b{font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;word-break:break-word}
.dtile small{color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtile.folder b{margin-top:6px}
.dtile .dmenu{position:absolute;top:8px;right:8px}
.dmenu{position:relative}.dmenu .menu{right:0;min-width:170px}
.dfolder{width:46px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--warn);background:rgba(var(--warn-rgb),.12)}
.dfolder svg{width:24px;height:24px}.dfolder.sm{width:30px;height:28px}.dfolder.sm svg{width:17px;height:17px}
.dficon{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;width:30px;height:34px;flex:none;color:var(--ft,var(--sub))}
.dficon svg{position:absolute;inset:0;width:100%;height:100%;stroke-width:1.3}
.dficon b{position:relative;margin:0 0 3px!important;font:700 7.5px/1 var(--body)!important;letter-spacing:.04em;padding:2px 3px;border-radius:3px;background:var(--ft,var(--sub));color:#fff;-webkit-line-clamp:unset!important;display:block!important}
.dficon.big{width:44px;height:52px}.dficon.big b{font-size:9.5px!important;margin-bottom:6px!important}
.t-pdf{--ft:#f0524f}.t-doc{--ft:#3d8bfd}.t-xls{--ft:#1fb86b}.t-ppt{--ft:#f08a3c}.t-img{--ft:#a98bff}.t-zip{--ft:#9aa8bf}.t-txt{--ft:#4cd6ff}.t-other{--ft:#7d8fae}
.dname{display:inline-flex;align-items:center;gap:10px;min-width:0}.dname b{font-weight:600;word-break:break-word}
.dbadge svg{width:12px;height:12px}
.dempty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px}.dempty svg{width:34px;height:34px;color:var(--faint)}
.ddrag::after{content:"Drop to upload";position:fixed;inset:12px;border:2px dashed var(--scan);border-radius:18px;background:rgba(var(--scan-rgb),.08);
  display:flex;align-items:center;justify-content:center;font:700 22px var(--disp);letter-spacing:.06em;color:var(--scan);z-index:55;pointer-events:none}
.dropzone{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.dropzone svg{width:28px;height:28px;color:var(--scan)}
.dropzone.ddrag::after{display:none}.dropzone.ddrag{border-color:var(--scan);background:rgba(var(--scan-rgb),.06)}
.dqueue{margin:12px 0;max-height:240px;overflow:auto}
.dq{display:grid;grid-template-columns:30px 1fr auto auto auto;gap:10px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--line)}
.dq .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dq.bad .n{color:var(--threat)}
.dlink{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.dlink .ic,.bgoog{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(31,184,107,.2),rgba(61,139,253,.15));color:#3ccf8e;flex:none}
.ddrawer{width:min(480px,100%)}
.dprev{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:140px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--field);margin-bottom:12px;padding:12px}
.dprev img{max-width:100%;max-height:296px;border-radius:6px}
.dprev pre{align-self:stretch;margin:0;white-space:pre-wrap;font:12px/1.5 var(--mono);color:var(--ink)}
.dmeta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px}
.dmeta>div{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;word-break:break-word}.dmeta>div>span:first-child{font:600 10.5px var(--disp);letter-spacing:.16em;text-transform:uppercase}
.dversions{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dver{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.dver:last-child{border-bottom:0}
.dsteps{margin:0 0 14px;padding-left:20px;color:var(--sub);font-size:13.5px}.dsteps li{margin:4px 0}
.bdests{display:flex;flex-direction:column;gap:10px}
.bdest{display:flex;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--field);flex-wrap:wrap}
.bdest.off{opacity:.65}
.bdest .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(var(--scan-rgb),.12);color:var(--scan);flex:none}
.bpre{margin:8px 0;padding:12px;border-radius:10px;background:var(--field);border:1px solid var(--line);font:12px/1.6 var(--mono);white-space:pre-wrap;word-break:break-all;color:var(--ink)}
@media (max-width:600px){.dgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dmeta{grid-template-columns:1fr}}