/* ===== css/modules/theme-sidebar.css — R29 左侧栏紫色主题覆盖层（追加指令 2 · 2026-09-24） =====
 * 依据：docs/DESIGN-PURPLE-SPEC.md（Surf 左栏 464×2048 实拍 PIL 采样 + R25 紫色 token §2）。
 * 方案：纯 CSS 换肤零结构改动——选择器全部命中既有侧栏 DOM（index.html aside#sidebar +
 * states.css R29 段 + styles.css 侧栏段），不触碰 sidebar.js / states.css / views.js。
 * 级联：本文件在 states.css link 之后加载；因 session-status.css / contextmenu.css
 * （加载更晚）对 .sb-code-session / .task-row 有类名级规则，本层统一 #sidebar 前缀
 * （ID 特异性 1,x,0）保证覆盖与 link 顺序无关。
 * 色值：全部 var(--am-brand-*)（tokens.css §purple 段），无硬编码；灰阶体系
 * （背景/卡片/分隔线）不在本层改动，仅叠加紫色高亮（SPEC §2「结构沿用」）。 */

/* --- ① 五 Tab rail：图标品牌紫；选中态紫胶囊（沿 seg pill 实心语言：白底深字 → 品牌紫底白字）
 *     [R29 优化 2026-09-24 用户反馈] hover 从实色 #f9f5ff 色块改极轻透明底（≈.05 alpha，几乎
 *     不可见的地板色）+ 文字变紫——对照 Surf 原版分段控件「极浅底+选中白卡浮起+hover 轻微变化」
 *     的轻盈语言；轨道底同步从灰 #e3e3e3 减淡为浅紫白（rgba .04），消除「整块像被选中」观感。 --- */
/* R29 用户指令（19:1X）：Tab 轨道底色去掉（浅紫"框"消除，与侧栏背景融为一体） */
#sidebar .sb-tabs { background: transparent; }
/* R29 用户指令（19:2X）：五个 Tab 字体统一黑色（全站主字色，图标保持品牌紫） */
#sidebar .sb-tab { color: #202020; }
#sidebar .sb-tab svg { color: var(--am-brand-600); }
#sidebar .sb-tab:not(.active):hover {
  background: rgba(124, 58, 237, 0.05);
  color: var(--am-brand-600);
}
/* R29 用户指令（19:1X）：选中态去背景框——字体颜色与未选中 Tab 一致（#767676），
 *   区分仅靠字重 600（states.css 基础）+ 图标品牌紫，不再有紫色块 */
#sidebar .sb-tab.active {
  background: none;
  color: #202020;
  box-shadow: none;
}
#sidebar .sb-tab.active svg { color: var(--am-brand-600); }

/* R29 用户指令：② Folder 主题段已删（DOM 移除） */

/* --- ③ 任务/会话行：hover 浅紫底；选中行浅紫底 + 左侧品牌紫竖条（.ss-current 为
 *        session-status.js 编码模式当前会话标记，与 .sb-code-session-current 同视觉态）--- */
#sidebar .task-row:hover { background: rgba(124, 58, 237, 0.05); }
#sidebar .task-row.selected,
#sidebar .task-row.selected:hover {
  position: relative;
  background: var(--am-brand-100);
}
#sidebar .task-row.selected::before,
#sidebar .sb-code-session-current::before,
#sidebar .sb-code-session.ss-current::before {
  content: '';
  position: absolute; left: 0; top: 3px; bottom: 3px;
  width: 3px; border-radius: 2px;
  background: var(--am-brand-600);
}
#sidebar .sb-code-session:hover { background: rgba(124, 58, 237, 0.05); }
#sidebar .sb-code-session-current,
#sidebar .sb-code-session.ss-current,
#sidebar .sb-code-session-current:hover,
#sidebar .sb-code-session.ss-current:hover {
  position: relative;
  background: var(--am-brand-100);
}

/* --- ④ 底部用户区：头像圆形裁切，不加装饰外圈 --- */
#sidebar .sb-footer .avatar {
  border-radius: 999px;
  box-shadow: none;
}
#sidebar .sb-user-equity {
  color: var(--am-brand-600);
  font-weight: 600;
}

/* R29 用户指令（18:4X）：⑤「新建任务」按钮样式段删除（按钮已删，顶部 Tab 唯一入口） */

/* --- ⑥ 焦点环：侧栏控件 focus-visible 换品牌紫描边 + 柔光环（--am-brand-ring）--- */
#sidebar .sb-tab:focus-visible {
  outline: 2px solid var(--am-brand-600);
  box-shadow: 0 0 0 3px var(--am-brand-ring);
}