/* One clear hierarchy, with actions hidden until requested. */
.workspace{grid-template-columns:240px minmax(0,1fr);gap:28px}
#folders{min-width:0}.folder-tree{list-style:none;padding:0;margin:0}.folder-tree-node{margin:4px 0;min-width:0}.folder-tree-children{margin:4px 0 8px 13px;padding-left:12px;border-left:1px solid var(--border)}
#folders .folder-item{display:grid;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:3px;margin:0;padding:3px;border:1px solid transparent;border-radius:10px;background:transparent;min-width:0}
#folders .folder-item.active{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}
#folders .folder-item>button[data-folder]{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;padding:8px 2px;min-height:44px;min-width:0;width:100%;background:none;color:var(--text);border:0;border-radius:6px;line-height:1.4;text-align:left;overflow:visible;white-space:normal!important}
#folders .folder-tree-label{display:grid;gap:3px;min-width:0;max-width:100%}#folders .folder-tree-label>[data-user-content]{font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:break-word;text-wrap:pretty}#folders .folder-tree-label small{font-size:10px;line-height:1.3;font-weight:400;color:var(--muted)}
#folders .folder-tree-icon{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.75}
#folders .folder-item.active>[data-folder]{color:var(--accent)}
#folders .folder-toggle,#folders .folder-toggle-space{grid-column:1;grid-row:1;width:20px;min-width:20px;margin:0;padding:0;min-height:30px;border:0;background:transparent;display:grid;place-items:center}
#folders .folder-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .15s}#folders .folder-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
#folders .folder-item>.folder-more{grid-column:3;grid-row:1;width:28px;min-width:28px;min-height:30px;margin:0;padding:0;border:0;background:transparent;font-size:20px;font-weight:400;color:var(--muted)}#folders .folder-more:hover{background:var(--surface)}
#folders .folder-menu-actions{grid-column:1/-1;grid-row:2;display:grid;gap:3px;padding:8px;margin:2px 0 4px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
#folders .folder-menu-actions>button{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:32px;padding:7px 8px;text-align:left;font-size:12px;line-height:1.4;border:0;background:none}
#folders .folder-menu-actions>button:hover{background:var(--panel)}#folders .folder-menu-actions .delete-control svg{width:15px;height:15px;flex-shrink:0}.sidebar>.add-main-folder{width:100%;font-size:12px;min-height:38px;margin-top:15px;padding:8px 10px}
@media(max-width:800px){.workspace{display:block}.workspace>.sidebar{position:static;max-height:none;border-right:0;padding:0 0 22px;border-bottom:1px solid var(--border);margin-bottom:28px}.sidebar>.add-main-folder{width:auto}.folder-tree-children{margin-left:13px}#folders .folder-more,#folders .folder-toggle{min-height:38px}.folder-menu-actions>button{min-height:38px}}
@media(prefers-reduced-motion:reduce){#folders .folder-toggle svg{transition:none}}