/*
 * navigation-icons.css — 管理端左侧导航线性图标与文字对齐（独立交付）
 *
 * 仅作用于 #navigation，不覆盖全局样式；沿用妙搭 AI 既有蓝色体系与字号布局。
 * 图标颜色走 currentColor：悬浮/选中沿用 .nav:hover / .nav.active 已有蓝色，无需另设颜色。
 */
#navigation .nav-line-icon,
#navigation .nav-group-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;color:currentColor}

#navigation .nav-line-icon svg,
#navigation .nav-group-icon svg{display:block;width:18px;height:18px}

/* 分组标题：图标靠左，文字占满剩余宽度，折叠箭头固定在右侧，长标题不挤压箭头 */
#navigation .nav-group-toggle{justify-content:flex-start;gap:10px}

#navigation .nav-group-toggle>.nav-group-label{flex:1 1 auto;min-width:0;text-align:left;line-height:1.35}

#navigation .nav-group-toggle>.nav-group-caret{margin-left:auto;flex:0 0 auto}

/* 子菜单：图标与文字垂直居中，图标不参与收窄 */
#navigation .nav>.nav-line-icon{flex:0 0 18px}

#navigation .nav>b{min-width:0;line-height:1.3}