/* simple-sidebar.css — 64px icon rail + 200px overlay panel (design tokens) */
/* 令牌值已迁至 design-tokens.css (令牌统一单一源) */
#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:var(--space-2);gap:var(--space-1) }
#ss-bar button { width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);font-size:var(--text-xl);border-radius:var(--radius-sm);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:var(--space-3) var(--space-4);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:var(--text-lg);width:44px;height:44px }
.panel-tree-content .ss-link { display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-sm);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:var(--space-9);font-size:var(--text-xs);color:var(--sidebar-text-muted) }
.panel-tree-content .ss-section { padding:var(--space-2-5) var(--space-5) var(--space-0-5);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:var(--space-3) var(--space-5);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:var(--space-2);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-xs);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:var(--space-2) var(--space-4);border-top:1px solid var(--sidebar-border) }
.ss-quick-switch select { width:100%;padding:var(--space-1-5) var(--space-2-5);border-radius:4px;background:var(--sidebar-bg);color:var(--sidebar-text);border:1px solid var(--sidebar-border);font-size:var(--text-xs) }
.ss-open-link { display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5);color:var(--accent);text-decoration:none;font-size:var(--text-xs);font-weight:600;min-height:44px }
.ss-open-link:hover { background:var(--sidebar-hover-bg) }

/* ── 手机端 (≤480px): 完全隐藏侧栏，内容全宽 ── */
@media (max-width: 480px) {
  #ss-bar { display: none; }
  #ss-panel { display: none; }
}

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