:root{--sidebar-width:280px}
/* Only the directory scrolls; it occupies all space between navigation and tools. */
.workspace-app .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:16px 12px 10px;overflow:hidden}
.sidebar-head{min-width:0}
.workspace-app .main,.workspace-app .topbar{margin-left:var(--sidebar-width)}
.workspace-app .sidebar-directory{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
.workspace-app .sidebar .document-tree{display:block;min-height:0;max-height:none;overflow:auto;scrollbar-gutter:stable;padding:0 4px 12px 0;overscroll-behavior:contain}
.workspace-app .sidebar .tree-title{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 4px 8px}
.tree-actions{display:flex;gap:2px;align-items:center}
.workspace-app .tree-actions button{border:0;background:transparent;padding:4px;font-size:12px}
.workspace-app .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;margin:4px 0 0;overflow:visible}
.workspace-app .sidebar nav a{min-width:0;padding:7px;gap:7px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.workspace-app .sidebar nav .ui-icon{width:16px;height:16px;flex-shrink:0}
.workspace-app .document-tree summary{display:flex;align-items:flex-start;min-height:36px;padding:6px 2px;gap:6px}
.workspace-app .document-tree details[open]>summary{margin:0}
.workspace-app .document-tree summary>span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.65}
.workspace-app .document-tree summary>.ui-icon{margin-top:4px;width:16px;height:16px}
.workspace-app .scope-node{margin:0 0 8px;padding:0;border:0}
.workspace-app .scope-kind{display:block;margin:2px 0 0;font-weight:400}
.workspace-app .folder-children{margin-left:9px;padding-left:8px}
.workspace-app .tree-document{display:flex;align-items:flex-start;padding:8px 6px 8px 20px;gap:7px}
.workspace-app .tree-document span{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.workspace-app .tree-document>.ui-icon{margin-top:4px}
.workspace-app .scope-tree-link{padding:4px 0 8px 24px}
.workspace-app .folder-all{padding:3px 0 6px 20px}
.workspace-app button.tree-add,.workspace-app button.tree-rename{padding:4px!important;margin:0;border:0;background:transparent;flex:0 0 26px;width:26px;height:28px}
.tree-add svg,.tree-rename svg{width:16px;height:16px}
.workspace-app .sidebar-bottom{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,70px) auto;align-items:center;gap:8px;margin:0;padding:10px 2px 0;border-top:1px solid var(--line)}
.sidebar-bottom form{margin:0}
.sidebar-utilities{position:relative;min-width:0}
.sidebar-utilities>summary{display:flex;align-items:center;gap:6px;list-style:none;min-height:32px;white-space:nowrap}
.sidebar-utilities[open]>summary{margin:0}
.sidebar-utilities>summary::-webkit-details-marker{display:none}
.sidebar-utility-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:224px;max-height:65dvh;overflow:auto;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #14212c24;z-index:75}
.sidebar-utility-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:4px;color:var(--ink)}
.sidebar-utility-menu a:hover{background:var(--accent-light)}
.workspace-app .sidebar-account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 0}
.workspace-app button.sidebar-resizer{position:fixed;left:calc(var(--sidebar-width) - 4px);top:0;bottom:0;width:8px;padding:0;border:0;border-radius:0;background:transparent;cursor:col-resize;z-index:65;touch-action:none}
.workspace-app button.sidebar-resizer:hover,.workspace-app button.sidebar-resizer:focus-visible,.resizing-sidebar .sidebar-resizer{background:#21634f40}
.resizing-sidebar{cursor:col-resize;user-select:none}
#directory-location,#rename-directory-location,#folder-status{overflow-wrap:anywhere}
#folder-status{white-space:pre-wrap}
#directory-new-document{margin:8px 0 12px}
#directory-remove{margin-top:16px}
@media(max-width:760px){.workspace-app .sidebar{width:min(360px,calc(100vw - 40px));z-index:100}.workspace-app .main,.workspace-app .topbar{margin-left:0}.workspace-app button.sidebar-resizer{display:none}}