/* mobile_menu_fix.css — AgentD
 * 根治: ≤900px 视口下左侧(顶部)菜单展开子菜单时的菜单内部横向滚动。
 * 根因: premium_theme_2026.css 的 @media(max-width:900px) 规则
 *   `html:root body:has(.brand-lockup) #root .ant-layout-sider .ant-menu{display:flex!important; flex-flow:row!important; overflow:auto hidden!important}`
 *   + `.ant-menu-item/.ant-menu-submenu-title{flex:0 0 auto!important; white-space:nowrap!important}`
 *   把 antd inline 菜单强制成单行不换行的横向 flex; 展开 inline 子菜单(313px)插入该行后
 *   .ant-menu-root(.css-1nuyygn) scrollWidth 1070 > clientWidth 898 → 内部横滚。
 * 修复: 同前缀更高特异性(增加 .ant-menu-root/li 层级) + !important 覆盖:
 *   1) 菜单根允许换行 flex-wrap:wrap, 关闭横向溢出;
 *   2) 每个 submenu 组独占整行(flex:0 0 100%);
 *   3) 展开的子菜单 ul 自身 flex-wrap 且其子项各占整行 → 375px 也不截断。
 * 仅 @media(max-width:900px) 生效, 桌面端(1600)不受影响(实测 sw=cw=214 不变)。
 * 验证: ≤900 展开全部 3 组子菜单后 clipped=0, overRight=[], docOverflow=false。
 */
@media (max-width: 900px){
  html:root body:has(.brand-lockup) #root .ant-layout-sider .ant-menu-root.ant-menu-inline{
    flex-wrap: wrap !important;
    overflow-x: hidden !important;
  }
  html:root body:has(.brand-lockup) #root .ant-layout-sider .ant-menu-root > li.ant-menu-submenu{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html:root body:has(.brand-lockup) #root .ant-layout-sider .ant-menu-root > li.ant-menu-submenu > ul.ant-menu-sub{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html:root body:has(.brand-lockup) #root .ant-layout-sider .ant-menu-root > li.ant-menu-submenu > ul.ant-menu-sub > li.ant-menu-item{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}