/* Documents (#/documents) */
.doc-page{--tw-hover:color-mix(in srgb,var(--text) 6%,transparent);--tw-line-hover:color-mix(in srgb,var(--text) 24%,var(--border));min-width:0}
.doc-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.doc-side,.doc-main{padding:0!important;min-width:0}
.doc-side .panel-head{padding:16px 16px 8px}
.doc-loading{padding:28px;color:var(--muted);font-size:13px}
.doc-folders{display:grid;gap:2px;padding:4px 8px 8px}
.doc-folder-row{display:flex;align-items:center;gap:2px;min-width:0}
.doc-folder{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.doc-folder:hover{background:var(--tw-hover);color:var(--text)}
.doc-folder.active{background:var(--surface2);color:var(--text);font-weight:600}
.doc-folder:focus-visible,.doc-fmore:focus-visible,.doc-more:focus-visible,.doc-name:focus-visible,.doc-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.doc-fico{width:16px;height:12px;border-radius:2px 4px 3px 3px;border:1.6px solid currentColor;position:relative;flex:none;opacity:.8}
.doc-fico::before{content:"";position:absolute;left:-1.6px;top:-4px;width:7px;height:3px;border:1.6px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}
.doc-fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-folder b{font-weight:600;font-size:11px;min-width:22px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--tw-hover);font-variant-numeric:tabular-nums}
.doc-fmore,.doc-more{width:32px;height:32px;flex:none;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:18px;line-height:1;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.doc-fmore{opacity:0}.doc-folder-row:hover .doc-fmore,.doc-fmore:focus-visible,.doc-fmore[aria-expanded="true"]{opacity:1}
.doc-fmore:hover,.doc-more:hover{background:var(--tw-hover);color:var(--text)}
.doc-storage{display:flex;justify-content:space-between;align-items:center;margin:4px 16px 16px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.doc-storage strong{color:var(--text);font-size:13px}
.doc-warn{margin:0 16px 16px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#d4a24a 16%,transparent);font-size:12px;line-height:1.45}
.doc-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 18px 12px}
.doc-head h2{margin:0;font-size:16px}.doc-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.doc-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.doc-search{flex:0 1 220px;min-width:140px}.doc-search .input{height:38px!important;min-height:38px;font-size:13px}
.doc-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 18px 10px;padding:8px 10px 8px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,transparent);font-size:13px}.doc-bulk .spacer{flex:1}
.doc-body{padding:0 8px 12px;min-width:0}
.doc-table{display:grid;min-width:0}
.doc-row{display:grid;grid-template-columns:34px minmax(0,1fr) 92px 118px 36px;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-size:13px;transition:background-color .16s ease}
.doc-row:not(.head):hover{background:var(--tw-hover)}.doc-row.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.doc-row.head{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:4px;padding-bottom:6px}
.doc-size,.doc-date{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.doc-check{display:grid;place-items:center;cursor:pointer}.doc-check input{width:16px;height:16px;accent-color:var(--accent)}
.doc-name{display:flex;align-items:center;gap:12px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px}
.doc-name>span:last-child{min-width:0;display:grid}.doc-name strong{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-name small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-name:hover strong{text-decoration:underline;text-underline-offset:3px}
.doc-ico{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.04em;background:var(--surface2);color:var(--muted)}
.doc-ico.pdf{background:color-mix(in srgb,#c0675b 22%,transparent);color:#d08a7e}.doc-ico.img{background:color-mix(in srgb,#6f8fb0 24%,transparent);color:#8fb0cf}.doc-ico.doc{background:color-mix(in srgb,#5d84c8 22%,transparent);color:#86a6dc}.doc-ico.xls{background:color-mix(in srgb,#7ea585 24%,transparent);color:#8fbb98}.doc-ico.zip{background:color-mix(in srgb,#d4a24a 22%,transparent);color:#dbb15f}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;padding:0 10px}
.doc-card{position:relative;display:grid;border:1px solid var(--border);border-radius:14px;background:var(--surface2,transparent);transition:border-color .16s ease,transform .16s ease,background-color .16s ease;min-width:0}
.doc-card:hover{border-color:var(--tw-line-hover)}.doc-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.doc-card .doc-check{position:absolute;left:8px;top:8px;z-index:2;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.doc-card .doc-more{position:absolute;right:6px;top:6px;z-index:2;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.doc-card-open{display:grid;gap:4px;padding:10px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;min-width:0}
.doc-card-open strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-card-open small{color:var(--muted);font-size:11.5px}
.doc-thumb{display:grid;place-items:center;height:104px;border-radius:10px;background:var(--surface);overflow:hidden;margin-bottom:4px}
.doc-thumb .doc-ico{width:48px;height:48px;font-size:12px}.doc-thumb.has-img img{width:100%;height:100%;object-fit:cover}
.doc-empty{display:grid;justify-items:center;gap:8px;padding:48px 20px;text-align:center}
.doc-empty strong{font-size:15px}.doc-empty span{color:var(--muted);font-size:13px;max-width:380px;line-height:1.5}.doc-empty .btn{margin-top:8px}
.doc-empty-ico{width:44px;height:34px;border:2px solid var(--muted);border-radius:4px 8px 6px 6px;position:relative;opacity:.7}
.doc-empty-ico::before{content:"";position:absolute;left:-2px;top:-9px;width:18px;height:8px;border:2px solid var(--muted);border-bottom:0;border-radius:4px 4px 0 0}
.doc-main.drop{outline:2px dashed var(--accent);outline-offset:-6px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
/* upload dialog */
.doc-up{display:grid;gap:14px}
.doc-zone{display:grid;justify-items:center;gap:6px;padding:26px 16px;border:1.5px dashed var(--tw-line-hover,var(--border));border-radius:14px;text-align:center;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
.doc-zone:hover,.doc-zone.over,.doc-zone:focus-visible{background:var(--tw-hover);border-color:var(--accent);outline:none}
.doc-zone strong{font-size:14px}.doc-zone span{color:var(--muted);font-size:13px}.doc-zone small{color:var(--muted);font-size:11.5px}
.doc-zone-ico{width:26px;height:26px;border-radius:50%;border:1.6px solid var(--muted);position:relative}
.doc-zone-ico::before{content:"";position:absolute;left:50%;top:6px;width:7px;height:7px;border-left:1.6px solid var(--muted);border-top:1.6px solid var(--muted);transform:translateX(-50%) rotate(45deg)}
.doc-pending{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:200px;overflow:auto}
.doc-pending li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px}
.doc-pending li>span:nth-child(2){flex:1;min-width:0;display:grid}.doc-pending strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-pending small{color:var(--muted);font-size:12px}
.doc-pending li.bad{border-color:#c0675b88}.doc-pending li.bad small{color:#d08a7e}
/* file dialog */
.doc-preview{display:grid;place-items:center;max-height:300px;margin-bottom:14px;border-radius:12px;background:var(--surface);overflow:hidden}
.doc-preview img{max-width:100%;max-height:300px;object-fit:contain}
.doc-preview.pdf{height:320px}.doc-preview.pdf iframe{width:100%;height:100%;border:0}
.doc-preview.text{display:block;margin:0 0 14px;padding:12px;font-size:12px;line-height:1.5;overflow:auto;white-space:pre-wrap;color:var(--muted)}
.doc-preview.none{padding:28px;gap:10px;color:var(--muted);font-size:13px;text-align:center}
.doc-meta{display:grid;gap:12px}
/* upload tray */
.doc-tray{position:fixed;right:20px;bottom:20px;z-index:9999;display:grid;gap:8px;width:min(340px,calc(100vw - 32px))}
.doc-tray-row{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface,#222);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.doc-tray-row strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-tray-row small{color:var(--muted);font-size:12px}.doc-tray-row.bad small{color:#d08a7e}
.doc-bar{height:6px;border-radius:999px;background:var(--surface2);overflow:hidden}.doc-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}
.doc-tray-row.bad .doc-bar i{background:#c0675b}
.comm-status-menu .danger-text{color:#d08a7e}
@keyframes doc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes doc-tray-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .doc-anim .doc-row:not(.head),.doc-anim .doc-card,.doc-anim .doc-empty{animation:doc-in .32s cubic-bezier(.2,.7,.2,1) backwards}
  .doc-anim .doc-row:nth-child(3),.doc-anim .doc-card:nth-child(2){animation-delay:30ms}.doc-anim .doc-row:nth-child(4),.doc-anim .doc-card:nth-child(3){animation-delay:60ms}.doc-anim .doc-row:nth-child(n+5),.doc-anim .doc-card:nth-child(n+4){animation-delay:90ms}
  .doc-tray-row{animation:doc-tray-in .28s cubic-bezier(.2,.7,.2,1)}.doc-tray.out{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}
  .doc-bulk{animation:doc-in .24s ease-out}
  .doc-card:active,.doc-row:active{transform:scale(.995)}
  .doc-zone{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.doc-zone.over{transform:scale(1.01)}
}
@media(max-width:1000px){.doc-layout{grid-template-columns:minmax(0,1fr)}.doc-side{order:0}.doc-folders{display:flex;overflow-x:auto;gap:6px;padding:4px 12px 12px;scrollbar-width:none}.doc-folders::-webkit-scrollbar{display:none}.doc-folder-row{flex:none}.doc-folder{flex:none;width:auto}.doc-fmore{display:none}.doc-storage{display:none}}
@media(max-width:640px){
  .doc-head{padding:14px 14px 10px}.doc-tools{margin-left:0;width:100%}.doc-search{flex:1 1 100%}
  .doc-row{grid-template-columns:30px minmax(0,1fr) 34px;gap:8px}.doc-row .doc-size,.doc-row .doc-date{display:none}
  .doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-tray{right:12px;bottom:84px}
}