/* wb-responsive.css · 外三端适配层（电脑/平板/手机）· 注入 crm.aixgn.cn/wb/ 8 件 · 2026-09-03 */
/* 目标：统一 8 页在 ≤760px（平板/手机横屏）与 ≤480px（手机竖屏）下的布局收敛，保证无横向溢出 */
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
*{box-sizing:border-box;}
img,video,canvas{max-width:100%;height:auto;}

@media (max-width:900px){
  .wrap{padding-left:12px !important;padding-right:12px !important;}
}

@media (max-width:760px){
  body{padding:10px !important;}
  .wrap{max-width:100% !important;}
  .cards,.grid,[class~=grid]{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
    gap:10px !important;
  }
  .cols{flex-direction:column !important;}
  .cols > div{width:100% !important;}
  .two{flex-direction:column !important;}
  .two > *{width:100% !important;}
  .kpis{gap:6px !important;}
  .kpi{flex:1 1 44% !important;min-width:0 !important;padding:8px 6px !important;}
  .funnel{flex-wrap:wrap !important;}
  .hd{flex-wrap:wrap !important;padding:10px 12px !important;font-size:14px !important;}
  table{display:block !important;width:100% !important;overflow-x:auto !important;white-space:nowrap !important;-webkit-overflow-scrolling:touch;}
  input,select,button,textarea{max-width:100% !important;}
  .hero h1{font-size:22px !important;}
  .hero .sub,.sub{font-size:12px !important;}
  .note{font-size:12px !important;}
}

@media (max-width:480px){
  .cards,.grid,[class~=grid]{grid-template-columns:1fr !important;}
  .kpi{flex:1 1 100% !important;}
  .mnav{overflow-x:auto !important;-webkit-overflow-scrolling:touch;}
  .mnav a{white-space:nowrap !important;padding:8px 10px !important;font-size:13px !important;}
  .bar{flex-direction:column !important;align-items:stretch !important;}
  .bar input,.bar select,.bar button{width:100% !important;}
  body{font-size:14px !important;}
  .cardx,.card{padding:12px !important;}
  .pager{flex-wrap:wrap !important;gap:4px !important;}
  a,button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;}
  input,select,button,textarea{font-size:16px !important;}
  .qr{max-width:120px !important;}
  .dtl .row{flex-wrap:wrap !important;}
}