/* PeptideFlow ERP — 移动端适配 */

/* 汉堡菜单按钮 */
.mob-menu{display:none;width:38px;height:38px;border:none;background:none;cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0}
.mob-menu:hover{background:var(--bg,#f5f5f0)}
.mob-menu span{display:block;width:20px;height:2px;background:var(--t1,#111);margin:5px auto;border-radius:2px;transition:.25s}
.mob-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:49}

/* ============ 平板 (<1100px) ============ */
@media(max-width:1100px){
  .sr{grid-template-columns:repeat(2,1fr)!important}
  .g53,.g33,.g2,.g32{grid-template-columns:1fr!important}
  .fr{grid-template-columns:1fr!important}
  .asg{grid-template-columns:1fr!important}
  .dr{width:90vw!important;max-width:580px}
}

/* ============ 手机 (<768px) ============ */
@media(max-width:768px){
  /* 显示汉堡按钮 */
  .mob-menu{display:flex;align-items:center;justify-content:center}

  /* 侧边栏：默认隐藏，滑出式 */
  .sb{position:fixed!important;left:-280px;top:0;height:100vh;width:260px!important;z-index:50;transition:left .3s ease;box-shadow:none}
  .sb.mob-open{left:0;box-shadow:4px 0 20px rgba(0,0,0,.15)}
  .mob-ov.show{display:block;z-index:49}

  /* 主区域占满 */
  .mn{width:100%!important;min-width:0}
  .L{flex-direction:column}

  /* 顶栏 */
  .tb{height:56px;padding:0 16px!important}
  .tb h1,.tb-l h1{font-size:16px!important}
  .tb-date{display:none}
  .sbox{display:none!important}
  .tb-r .ib:not(#notifBtn){display:none}

  /* 内容区 */
  .ct{padding:16px 14px 80px!important}

  /* 统计卡片 */
  .sr{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .sc{padding:14px!important}
  .sc-v{font-size:20px!important}
  .sc-ic{width:30px;height:30px}

  /* 卡片 */
  .cd{padding:16px!important;border-radius:10px!important}
  .cd-h{flex-direction:column;align-items:flex-start;gap:10px}
  .cd-h .btn,.cd-h .tlr{width:100%}

  /* 工具栏 */
  .tlb{gap:8px}
  .tls{max-width:100%!important;flex:1 1 100%!important}
  .tsel{flex:1;min-width:0}
  .tlr{margin-left:0!important;width:100%;justify-content:flex-start}
  .tlr .btn{flex:1;justify-content:center;font-size:12px;padding:7px 10px}

  /* 表格：水平滚动 */
  .dt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}
  .dt{min-width:640px}
  .dt th,.dt td{padding:8px 10px!important;font-size:12px!important;white-space:nowrap}

  /* 网格布局 */
  .g53,.g33,.g2,.g32{grid-template-columns:1fr!important;gap:12px!important}
  .fr{grid-template-columns:1fr!important}
  .asg{grid-template-columns:1fr!important}

  /* 图表容器 */
  .cw{min-height:200px}

  /* 弹窗 */
  .mo.sh{align-items:flex-end!important}
  .ml{width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;max-height:90vh!important;padding:20px!important}

  /* 抽屉 */
  .dr{width:100vw!important;max-width:100vw!important}
  .dr-body{padding:16px!important}

  /* 分页 */
  .pgn{flex-direction:column;gap:10px;align-items:flex-start}
  .pgn-pages span{padding:4px 8px;font-size:12px}

  /* 漏斗图 */
  .funnel{flex-wrap:wrap;gap:10px}

  /* 线索网格 */
  .lead-grid{grid-template-columns:1fr!important}

  /* 快捷操作网格 */
  .qa-grid{grid-template-columns:1fr 1fr!important}

  /* 产品选择器 */
  .pp{grid-template-columns:1fr!important}
  .pp-tree{border-right:none;border-bottom:1px solid var(--bdr);padding-right:0;padding-bottom:12px;margin-bottom:12px;display:flex;gap:6px;overflow-x:auto}
  .pp-grid{grid-template-columns:1fr 1fr!important}

  /* 角色卡片 */
  #rolesGrid{display:grid!important;grid-template-columns:1fr!important}

  /* 文员配对 */
  .crew-grid{grid-template-columns:1fr!important}

  /* Toast */
  .toast{right:14px;left:14px;text-align:center;justify-content:center}

  /* 通知面板 */
  #notifPanel{right:0!important;left:0!important;width:100%!important;max-width:100%!important;top:56px!important}

  /* 按钮 */
  .btn{font-size:12px;padding:7px 14px}
  .btn-s{padding:4px 10px;font-size:11px}

  /* 图表栏 */
  .pl{grid-template-columns:1fr 1fr;gap:2px 12px}

  /* 业务员管理 */
  .stSortBtn{font-size:11px!important;padding:4px 8px!important}
}

/* ============ 小屏手机 (<480px) ============ */
@media(max-width:480px){
  .sr{grid-template-columns:1fr!important}
  .qa-grid{grid-template-columns:1fr!important}
  .pp-grid{grid-template-columns:1fr!important}
  .demo-grid{grid-template-columns:1fr!important}
  .ig{grid-template-columns:1fr!important}
}