/*
 * 幸瑭聚优 V112 · 左侧导航图标最终样式
 * 统一使用 30px 控制砖 + 18px 精细线性 SVG，覆盖历史伪元素图标。
 */
body[data-ui-version="44"] .nav > button,
body[data-ui-version="44"] .nav .nav-group-toggle {
  min-height: 52px !important;
  gap: 11px !important;
}

body[data-ui-version="44"] .nav-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  flex: 0 0 30px !important;
  margin: 0 1px 0 0 !important;
  overflow: hidden !important;
  color: #66738a !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f5f7fb 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 3px 9px rgba(43, 58, 90, 0.07) !important;
  transform: none !important;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body[data-ui-version="44"] .nav-icon::before,
body[data-ui-version="44"] .nav-icon::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  content: none !important;
}

body[data-ui-version="44"] .nav-icon svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke;
}

body[data-ui-version="44"] .nav > button:hover .nav-icon,
body[data-ui-version="44"] .nav .nav-group-toggle:hover .nav-icon {
  color: #4e57c8 !important;
  border-color: #cbd2f7 !important;
  background: linear-gradient(145deg, #ffffff 0%, #eef1ff 100%) !important;
  box-shadow: inset 0 1px 0 #ffffff, 0 5px 13px rgba(82, 91, 205, 0.13) !important;
  transform: translateY(-1px) !important;
}

body[data-ui-version="44"] .nav > button.active .nav-icon,
body[data-ui-version="44"] .nav-group:has(.nav-sub-item.active) > .nav-group-toggle .nav-icon {
  color: #ffffff !important;
  border-color: rgba(90, 102, 222, 0.2) !important;
  background: linear-gradient(145deg, #6366e8 0%, #5167d9 52%, #23a99e 130%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 7px 16px rgba(76, 86, 194, 0.22) !important;
}

@media (max-width: 980px) {
  body[data-ui-version="44"] .nav-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }
}