/* ================= 侧边栏模块分级（V2.49.x 李叔 10-02 派单） =================
   一级模块：设计（design·松绿）/ 店务（ops·暖金）/ 通用（common·石灰），
   二级子组：.nav-sub 小标（执行 / 闭环与标准 / 品牌 / 数据 / 管理）。
   模块区分靠「组头色点 + 选中条目模块色」，交互（悬停/折叠/chevron）全模块一致。
   独立成文件避让 app.css 战区；选择器一律 #nav 前缀提权，压过 app.css 的全绿选中态。 */

/* ---- 模块色板（浅色） ---- */
#nav .nav-group[data-mod="design"] { --mod: #07C160; --mod-soft: rgba(7, 193, 96, .10); --mod-strong: #06A353; }
#nav .nav-group[data-mod="ops"]    { --mod: #C9A227; --mod-soft: rgba(201, 162, 39, .14); --mod-strong: #9A7A12; }
#nav .nav-group[data-mod="common"] { --mod: #64748B; --mod-soft: rgba(100, 116, 139, .12); --mod-strong: #526077; }

/* ---- 组头：模块色点 + 当前所在模块高亮 ---- */
#nav .nav-group-t .mod-dot {
  width: 8px; height: 8px; flex: none; border-radius: 50%;
  margin-right: 7px; background: var(--mod, var(--text-3)); opacity: .4;
  transition: opacity .16s ease, box-shadow .16s ease;
}
#nav .nav-group.has-active .nav-group-t { color: var(--mod-strong); font-weight: 700; }
#nav .nav-group.has-active .nav-group-t .mod-dot { opacity: 1; box-shadow: 0 0 0 3px var(--mod-soft); }

/* ---- 二级子组小标：字 + 右延细线 ---- */
#nav .nav-sub {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px 3px;
  font-size: 11px; letter-spacing: .06em; color: var(--text-3);
  user-select: none;
}
#nav .nav-sub::after { content: ''; flex: 1; height: 1px; background: var(--line); }

/* ---- 选中条目跟随模块色（覆盖 app.css 的全绿选中） ---- */
#nav .nav-group .nav-item.active { background: var(--mod-soft); color: var(--mod-strong); }
#nav .nav-group .nav-item.active::before { background: var(--mod); }

/* ---- 暗色主题：模块文字色调亮保可读 ---- */
[data-theme="dark"] #nav .nav-group[data-mod="design"] { --mod-soft: rgba(7, 193, 96, .16); --mod-strong: #2BD576; }
[data-theme="dark"] #nav .nav-group[data-mod="ops"]    { --mod-soft: rgba(201, 162, 39, .18); --mod-strong: #DDBC4E; }
[data-theme="dark"] #nav .nav-group[data-mod="common"] { --mod-soft: rgba(148, 163, 184, .16); --mod-strong: #94A3B8; }

/* ---- 窄栏（901–1280px）：组名与子组标同隐（app.css 已隐 .nav-group-t），分组靠分隔线 ---- */
@media (min-width: 901px) and (max-width: 1280px) {
  #nav .nav-sub { display: none; }
}