/* LingShi merchant V4.9: conservative layout-frame layer.
   Depends on V4.8; no JS/menu/router modifications. */
@media (min-width: 1100px) {
  #app .arco-layout-sider { position:relative; isolation:isolate; }
  /* Decorative asset is non-interactive and leaves all menu hit targets intact. */
  #app .arco-layout-sider::after {
    content:"安全稳定的\A聚合支付服务";
    white-space:pre;
    position:absolute;
    left:16px; right:16px; bottom:24px;
    padding-top:103px;
    background-image:url('/mer/assets/brand/lingshi-logo.svg');
    background-repeat:no-repeat;
    background-position:center 4px;
    background-size:100px auto;
    color:#455b92;
    font-size:12px;
    line-height:1.5;
    font-weight:700;
    text-align:center;
    pointer-events:none;
    opacity:.78;
    z-index:0;
  }
  #app .arco-layout-sider .arco-menu { position:relative; z-index:1; }
}
/* Make menu icons and selected item consistent without changing menu data. */
#app .arco-layout-sider .arco-menu-item,
#app .arco-layout-sider .arco-menu-inline-header {
  border-radius:12px!important;
  transition:background-color .16s ease,color .16s ease;
}
#app .arco-layout-sider .arco-menu-selected {
  background:#e4edff!important;
  color:#1765ed!important;
}
/* Maintain visible focus for keyboard users. */
#app .arco-layout-sider .arco-menu-item:focus-visible,
#app .arco-layout-sider .arco-menu-inline-header:focus-visible {
  outline:2px solid #347cff!important;
  outline-offset:2px;
}
/* Ensure the bottom of long content remains accessible above existing fixed footer. */
#app .merchant-workbench.ls47-workbench { padding-bottom:max(96px,env(safe-area-inset-bottom))!important; }
/* Small-screen sidebar should never be covered by decorative artwork. */
@media(max-width:1099px){#app .arco-layout-sider::after{content:none!important;display:none!important}}
@media(prefers-reduced-motion:reduce){#app .arco-layout-sider .arco-menu-item,#app .arco-layout-sider .arco-menu-inline-header{transition:none!important}}