/* MyEFB Documents file-browser layout; intentionally limited to #documentsView. */
#documentsView.documentLibraryMain{
  box-sizing:border-box;width:min(100%,820px);margin:0 auto;
  padding:max(85px,calc(env(safe-area-inset-top) + 68px)) max(16px,env(safe-area-inset-right))
    max(100px,calc(env(safe-area-inset-bottom) + 88px)) max(16px,env(safe-area-inset-left));
  color:var(--text);
}
#documentsView.hidden{display:none!important}
#documentsView :is(button,select){font:inherit}
#documentsView button{cursor:pointer;-webkit-tap-highlight-color:transparent}
#documentsView :is(button,select,a):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#documentsView .hidden{display:none!important}
#documentsView .docLibraryHeader{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;
}
#documentsView .docLibraryHeading{flex:1;min-width:145px}
#documentsView .docLibraryHeading h2{font-size:1.45rem;margin:0 0 4px;line-height:1.2;letter-spacing:-.035em}
#documentsView .docLibraryHeading p{font-size:.77rem;color:var(--muted);margin:0}
#documentsView .docBackFolder{
  display:flex;align-items:center;gap:2px;margin:0 0 7px -5px;padding:0 5px;
  border:0;background:transparent;color:var(--primary);font-size:.75rem!important;min-height:25px;
}
#documentsView .docBackFolder svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}
#documentsView .docHeaderActions{display:flex;align-items:center;gap:7px}
#documentsView .docHeaderActions button,#documentsView .docUploadFooter button{
  min-height:42px;display:inline-flex;gap:7px;align-items:center;justify-content:center;
  padding:0 13px;border-radius:13px;border:1px solid var(--border);
  font-size:.78rem;font-weight:690;white-space:nowrap;
}
#documentsView .docHeaderActions svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}
#documentsView .docIconButton{width:40px;min-width:40px;padding:0!important;border-color:transparent!important;background:transparent;color:var(--muted)}
#documentsView .docSecondary{background:var(--surface);color:var(--text)}
#documentsView .docPrimary{background:var(--primary);color:#fff;border-color:var(--primary)!important}
#documentsView .docPrimary:disabled{opacity:.48;cursor:not-allowed}
#documentsView .docVisuallyHidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none;
}
#documentsView .docUploadComposer{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,185px) auto;
  align-items:end;gap:12px;padding:14px;margin:0 0 14px;
  border-radius:15px;background:var(--surface-2);border:1px solid var(--border);
}
#documentsView .docUploadDetails{display:grid;gap:3px;min-width:0;align-self:center}
#documentsView .docUploadDetails strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#documentsView .docUploadDetails small{font-size:.68rem;color:var(--muted)}
#documentsView .docUploadDestination{display:grid;gap:4px;color:var(--muted);font-size:.68rem}
#documentsView :is(.docUploadDestination select,.docFolderOrder select,.docUnfiledSort select,.docRowActions select){
  box-sizing:border-box;width:100%;height:36px;padding:0 9px;
  border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);
  font-size:.75rem;
}
#documentsView .docUploadFooter{display:flex;gap:6px}
#documentsView .docUploadFooter button{min-height:36px;font-size:.74rem;padding:0 9px}
#documentsView .docLibraryToolbar{display:flex;justify-content:flex-end;min-height:26px;margin-bottom:12px}
#documentsView .docFolderOrder{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.7rem}
#documentsView .docFolderOrder select{width:auto;min-width:135px;height:32px}
#documentsView .docLibraryStatus{margin:0 0 10px;color:var(--muted);font-size:.75rem}
#documentsView .docLibraryStatus:empty{display:none}
#documentsView .docLibraryStatus.error{color:var(--bad)}
#documentsView .docFolderCollection{display:grid;gap:20px}
#documentsView .docBrowserSection{display:grid;gap:8px}
#documentsView .docBrowserGroupTitle{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 3px;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.02em;
}
#documentsView .docUnfiledSort{display:flex;align-items:center;gap:7px;color:var(--muted)}
#documentsView .docUnfiledSort select{max-width:140px;height:30px}
#documentsView .docBrowserRows{
  display:grid;min-width:0;border:1px solid var(--border);
  border-radius:16px;overflow:hidden;background:var(--surface);
}
#documentsView .docFolderItem{min-width:0;border-bottom:1px solid var(--border)}
#documentsView .docFolderItem:last-child{border-bottom:0}
#documentsView .docFolderMain{display:flex;align-items:center;gap:3px;min-height:65px;padding:4px 7px}
#documentsView .docOpenFolder{display:flex;flex:1;min-width:0;align-items:center;gap:11px;min-height:56px;padding:3px 7px;border:0;background:transparent;text-align:left;color:var(--text)}
#documentsView .docFolderGlyph{
  display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;
  color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));
}
#documentsView .docFolderGlyph svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.8}
#documentsView .docFolderHeading{display:grid;min-width:0;gap:3px;flex:1}
#documentsView .docFolderHeading strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#documentsView .docFolderHeading small{font-size:.67rem;color:var(--muted)}
#documentsView .docFolderChevron{font-size:1.4rem;font-weight:350;color:var(--muted);margin-left:auto}
#documentsView .docFileMore,#documentsView .docFolderMore{
  width:36px;min-width:36px;height:42px;padding:0;border:0;border-radius:11px;
  background:transparent;color:var(--muted);font-size:1.14rem;
}
#documentsView .docDragHandle{
  display:grid;place-items:center;flex:none;width:34px;min-width:34px;height:42px;
  padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);
  cursor:grab;font-size:1.22rem;touch-action:none;-webkit-user-select:none;user-select:none;
}
#documentsView .docDragHandle.isDragging{cursor:grabbing;color:var(--primary);background:var(--surface-2)}
#documentsView .docFolderItem.docDropTarget,#documentsView .docSwipeRow.docDropTarget{outline:2px solid var(--primary);outline-offset:-3px}
#documentsView .docFolderActions,#documentsView .docRowActions{
  display:none;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 14px;background:var(--surface-2);border-top:1px solid var(--border);
}
#documentsView .docFolderItem.actionsOpen .docFolderActions,#documentsView .docSwipeRow.actionsOpen .docRowActions{display:flex}
#documentsView :is(.docFolderActions,.docRowActions) button{
  min-height:35px;padding:0 10px;border:0;border-radius:10px;
  background:transparent;color:var(--bad);font-size:.76rem;font-weight:700;
}
#documentsView .docFolderActions button:first-child{color:var(--text)}
#documentsView .docRowActions label{display:grid;grid-template-columns:auto minmax(110px,190px);gap:9px;align-items:center;color:var(--muted);font-size:.71rem}
#documentsView .docRowActions button{margin-left:auto}
#documentsView .docSwipeRow{position:relative;min-width:0;overflow:hidden;border-bottom:1px solid var(--border)}
#documentsView .docSwipeRow:last-child{border-bottom:0}
#documentsView .docRowMain{
  display:flex;align-items:center;gap:3px;position:relative;z-index:1;
  min-height:64px;padding:8px 8px;background:var(--surface);
  transition:transform .18s ease;
}
#documentsView .docSwipeRow.swiped .docRowMain{transform:translateX(-82px)}
#documentsView .docItemLink{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:46px;text-decoration:none;color:var(--text)}
#documentsView .docType{
  display:grid;place-items:center;min-width:37px;width:37px;height:41px;flex:none;
  border-radius:10px;background:var(--surface-2);color:var(--primary);font-size:.67rem;font-weight:800;
}
#documentsView .docItemText{min-width:0;display:grid;gap:3px}
#documentsView .docItemText strong{font-size:.81rem;line-height:1.22;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#documentsView .docItemText small{font-size:.67rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#documentsView .docSwipeDelete{
  position:absolute;top:0;right:0;bottom:auto;height:64px;width:82px;
  border:0;background:#b32d40;color:#fff;font-size:.74rem;font-weight:740;
}
#documentsView .docEmpty{padding:14px 16px;margin:0;color:var(--muted);font-size:.75rem}
#documentsView .docFolderEmpty{display:grid;justify-items:center;gap:5px;padding:30px 18px;color:var(--muted);font-size:.75rem}
#documentsView .docFolderEmpty strong{font-size:.9rem;color:var(--text)}
@media(max-width:600px){
  #documentsView.documentLibraryMain{padding-inline:max(12px,env(safe-area-inset-left))}
  #documentsView .docLibraryHeader{gap:8px}
  #documentsView .docHeaderActions{gap:4px}
  #documentsView .docHeaderActions button{padding:0 9px;min-height:40px}
  #documentsView .docIconButton{min-width:36px;width:36px;padding:0!important}
  #documentsView .docUploadComposer{grid-template-columns:1fr 1fr;gap:10px}
  #documentsView .docUploadDetails{grid-column:1/-1}
  #documentsView .docUploadDestination{grid-column:1}
  #documentsView .docUploadFooter{grid-column:2;justify-content:flex-end}
  #documentsView .docUploadFooter button{min-height:36px}
  #documentsView .docOpenFolder{gap:8px}
  #documentsView .docItemLink{gap:8px}
}
@media(max-width:370px){
  #documentsView .docHeaderActions{width:100%;justify-content:flex-end}
  #documentsView .docUploadComposer{grid-template-columns:1fr}
  #documentsView .docUploadDestination,#documentsView .docUploadFooter{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  #documentsView .docRowMain{transition:none}
}