/* =============================================================================
 * ZHC 侧栏三层导航 v3（2026-10-17）
 * -----------------------------------------------------------------------------
 * 目标：把「L1 大菜单 / L2 小菜单 / L3 横排标签」的前两层视觉层级拉开
 *   L1 组标题  = 可点击、带语义图标、比条目更重
 *   L2 分区头  = 灰字小节头（不可点、无图标、带左侧竖线）—— 与条目明显区分
 *   L2 条目    = 弱化图标、hover 浅底、active 主题色左竖条
 * ★ 只做样式，不改结构；结构由 _reorg_menu_apps.py（菜单即代码）负责
 * ★ 本文件由 _push_nav_v3.py 幂等注入到 admin-merchant/dist/index.html 的 </head> 前
 * ========================================================================== */

/* ---------- L1 大菜单（组） ---------- */
.admin-nav > .nav-group { margin-bottom: 2px; }

.admin-nav .admin-nav-group-header {
  height: 42px;
  border-radius: 10px;
  padding: 0 10px;
  gap: 8px;
}
.admin-nav .admin-nav-group-header:hover { background: var(--surface-2); }
.admin-nav .nav-group.expanded > .admin-nav-group-header {
  background: var(--surface-2);
}
.admin-nav .group-title-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-1, #1f2329);
  letter-spacing: .3px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
/* 9 个一级组的语义图标（顺序固定：数据/商品/订单/会员/分润/财务/门店/应用/设置） */
.admin-nav > .nav-group:nth-child(1) .group-title-text::before { content: "\25C6"; font-size: 11px; opacity: .55; }
.admin-nav > .nav-group:nth-child(2) .group-title-text::before { content: "\25A4"; font-size: 12px; opacity: .55; }
.admin-nav > .nav-group:nth-child(3) .group-title-text::before { content: "\2261"; font-size: 13px; opacity: .55; }
.admin-nav > .nav-group:nth-child(4) .group-title-text::before { content: "\25CB"; font-size: 12px; opacity: .55; }
.admin-nav > .nav-group:nth-child(5) .group-title-text::before { content: "\2318"; font-size: 12px; opacity: .55; }
.admin-nav > .nav-group:nth-child(6) .group-title-text::before { content: "\00A5"; font-size: 13px; opacity: .55; }
.admin-nav > .nav-group:nth-child(7) .group-title-text::before { content: "\2302"; font-size: 12px; opacity: .55; }
.admin-nav > .nav-group:nth-child(8) .group-title-text::before { content: "\25A0"; font-size: 11px; opacity: .55; }
.admin-nav > .nav-group:nth-child(9) .group-title-text::before { content: "\2699"; font-size: 12px; opacity: .55; }

/* ---------- L2 分区头（小节标题，不可点） ---------- */
.nav-group-items > .nav-subgroup-zhc {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.4px !important;
  color: #9aa1a9 !important;
  border-left: 2px solid #e3e6eb !important;
  margin: 12px 12px 3px !important;
  padding: 0 0 0 8px !important;
  line-height: 16px !important;
  cursor: default;
  user-select: none;
  pointer-events: none;
}
.nav-group-items > .nav-subgroup-zhc:first-child {
  margin-top: 4px !important;
}

/* ---------- L2 条目 ---------- */
.admin-nav .admin-nav-item {
  height: 38px;
  font-size: 13.5px;
  gap: 9px;
  margin: 0 6px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--text-2);
}
.admin-nav .admin-nav-item:hover {
  background: var(--surface-2);
  color: var(--text-1, #1f2329);
}
/* 图标弱化：语义交给 L1，条目图标只做点缀 */
.admin-nav .admin-nav-item > :first-child svg,
.admin-nav .admin-nav-item > :first-child i {
  opacity: .42;
  width: 15px;
  height: 15px;
}
/* active：主题色左竖条 + 浅底（比原来只有背景色更好定位） */
.admin-nav .admin-nav-item.active {
  background: var(--brand-tint);
  color: var(--brand);
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--brand);
}
.admin-nav .admin-nav-item.active > :first-child svg,
.admin-nav .admin-nav-item.active > :first-child i {
  opacity: .9;
}

/* ---------- 侧栏整体 ---------- */
.admin-aside .admin-nav { padding-right: 4px; }
.admin-nav .nav-group-items { padding-bottom: 4px; }

/* 折叠态下不显示分区头文字残留 */
.nav-group:not(.expanded) .nav-group-items { display: none; }