/* simple-sidebar.css — 64px icon rail + 200px overlay panel (design tokens) */
:root { --sidebar-bg: #131315; --sidebar-panel-bg: #1a1a2e; --sidebar-text: #c7c4d7; --sidebar-text-muted: #888; --sidebar-border: rgba(255,255,255,0.08); --sidebar-hover-bg: var(--sidebar-border); --sidebar-active-bg: var(--sidebar-border); }
#ss-bar { position:fixed;left:0;top:0;bottom:0;width:64px;background:var(--sidebar-bg);z-index:9999;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px }
#ss-bar button { width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);font-size:20px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .15s }
#ss-bar button:hover { background:var(--sidebar-hover-bg);color:#fff }
#ss-bar button.ss-active { background:var(--sidebar-active-bg);color:#fff }
#ss-bar button:focus-visible, #ss-panel :focus-visible { outline:2px solid var(--accent);outline-offset:2px;border-radius:4px }
#ss-panel { position:fixed;left:64px;top:0;bottom:0;width:200px;background:var(--sidebar-panel-bg);z-index:9998;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto;border-right:1px solid var(--border-default);pointer-events:none }
#ss-panel .ss-header { padding:12px 16px;font-size:11px;font-weight:600;color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between }
#ss-panel .ss-close { background:none;border:none;color:var(--sidebar-text-muted);cursor:pointer;font-size:16px;width:44px;height:44px }
.panel-tree-content .ss-link { display:flex;align-items:center;gap:8px;padding:8px 20px;color:var(--sidebar-text);text-decoration:none;font-size:13px;min-height:44px }
.panel-tree-content .ss-link:hover { background:var(--sidebar-hover-bg);color:#fff }
.panel-tree-content .ss-parent { font-weight:600 }
.panel-tree-content .ss-child { padding-left:36px;font-size:12px;color:var(--sidebar-text-muted) }
.panel-tree-content .ss-section { padding:10px 20px 2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-text-muted) }
/* Footer + Quick Switch + Open Link */
.ss-footer { padding:12px 20px;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between }
.ss-footer-link { display:flex;align-items:center;gap:8px;color:var(--sidebar-text);text-decoration:none;font-size:12px;min-height:44px }
.ss-footer-avatar { width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600 }
.ss-footer-logout { color:var(--sidebar-text-muted);text-decoration:none;font-size:11px;min-height:44px;display:flex;align-items:center }
.ss-quick-switch { padding:8px 16px;border-top:1px solid var(--sidebar-border) }
.ss-quick-switch select { width:100%;padding:6px 10px;border-radius:4px;background:var(--sidebar-bg);color:var(--sidebar-text);border:1px solid var(--sidebar-border);font-size:12px }
.ss-open-link { display:flex;align-items:center;justify-content:space-between;padding:8px 20px;color:var(--accent);text-decoration:none;font-size:12px;font-weight:600;min-height:44px }
.ss-open-link:hover { background:var(--sidebar-hover-bg) }

@media (prefers-reduced-motion: reduce) {
  #ss-panel { transition: none }
  #ss-bar button { transition: none }
}