/* 凌世支付商户侧边栏图标修复 v3
   背景：Vue 在选中态/展开态变化时重写行元素 class，会冲掉 JS 加的 .ls524-row，
   使 v524 的“隐藏原生 svgIcon 徽标”与“自绘图标定位”两条规则同时失效：
   原生 25px sprite 徽标重新显示、自绘图标塌成 0 宽，表现为个别行变成大号彩色图标。
   本文件改用 :has(> .ls524-icon) 结构判定（该 span 是我们的图标节点，class 被重写也不会丢），
   因此不再依赖任何会被框架改写的 class；取值与 v2/v524 保持一致，切换时无位移。
   仅作用于 #app 侧栏，不涉及业务逻辑与接口。 */

/* 1) 已接管行：隐藏原生 svgIcon 徽标，彻底移出布局 */
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon) > .arco-menu-icon,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon) > .arco-menu-icon,
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon) > .ls524-original-icon,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon) > .ls524-original-icon {
  display:none!important;width:0!important;min-width:0!important;height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;
}

/* 2) 已接管行：行布局（与 v524 的 .ls524-row 同口径） */
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon),
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon) {
  position:relative!important;box-sizing:border-box!important;
  min-height:48px!important;display:flex!important;align-items:center!important;
  padding-left:54px!important;background:transparent!important;
  border-radius:11px!important;color:#111c34!important;
  font-size:16px!important;font-weight:650!important;box-shadow:none!important;
}

/* 3) 已接管行：自绘图标盒（22px，left 18，与 v2 口径一致） */
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon) > .ls524-icon,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon) > .ls524-icon {
  position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;
  display:grid!important;place-items:center!important;flex:0 0 22px!important;
  width:22px!important;height:22px!important;min-width:22px!important;
  color:#52649a!important;z-index:3!important;pointer-events:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon) > .ls524-icon svg,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon) > .ls524-icon svg {
  width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;
  flex-shrink:0!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}

/* 4) 选中 / 悬停态与 v524 对齐，保证 class 在或不在时观感一致 */
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon).arco-menu-selected,
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon).arco-menu-item-selected,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon).arco-menu-selected {
  background:#dfe8ff!important;color:#0862ed!important;
}
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon).arco-menu-selected > .ls524-icon,
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon).arco-menu-item-selected > .ls524-icon,
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon).arco-menu-selected > .ls524-icon {
  color:#0862ed!important;
}
/* 展开的父菜单自身选中时保持透明，避免与子项选中块重复（沿用 v2 口径） */
#app .arco-layout-sider .arco-menu-inline-header:has(> .ls524-icon).arco-menu-selected:has(+ .arco-menu-inline-content :is(.arco-menu-selected,.arco-menu-item-selected)) {
  background:transparent!important;color:#111c34!important;
}
#app .arco-layout-sider .arco-menu-item:has(> .ls524-icon):hover:not(.arco-menu-selected):not(.arco-menu-item-selected) {
  background:#f0f4ff!important;
}