/* ═══ mobile.css（v0.17.10 Leo 定版：iPad/各品牌 Pad、iPhone/安卓/华为手机专属显示层）═══
   断点：Pad ≤1100px（iPad 768~1180、安卓平板）；手机 ≤760px（iPhone 375~430、安卓/华为 360~430）。
   原则：布局弹性收拢 + 表格卡内横滚 + 手机侧栏改抽屉；不动桌面端任何样式。 */

/* ── Pad 平板（≤1100px） ── */
@media (max-width:1100px){
  .content{padding:14px 12px 50px;max-width:100vw}
  .card:has(.fix-tbl), .card:has(.qq-tbl){overflow-x:auto}   /* 静态布局表格：卡内横滚，列宽不压缩 */
  .ana-kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .kpi-cols-4{grid-template-columns:repeat(2,1fr)}   /* v0.17.32：数据分析汇总卡 Pad 两列 */
  .kpi-cols-5{grid-template-columns:repeat(3,1fr)}   /* v0.17.32：同比环比五卡 Pad 三列 */
  .proc-dom-strip{grid-template-columns:1fr}         /* v0.18.09：三域明细条 Pad 单列 */
}

/* ── 手机（≤760px） ── */
@media (max-width:760px){
  /* 侧栏改抽屉：默认收起，汉堡按钮展开，遮罩点外关闭 */
  .sidemenu{position:fixed;left:0;top:0;bottom:0;z-index:900;width:212px;transform:translateX(-104%);
    transition:transform .22s ease;box-shadow:8px 0 24px rgba(30,50,90,.20);overflow-y:auto;background:var(--card-bg,#fff)}
  body.m-nav-open .sidemenu{transform:translateX(0)}
  body.m-nav-open::after{content:"";position:fixed;inset:0;z-index:880;background:rgba(20,30,50,.38)}
  .m-nav-btn{display:inline-flex !important}
  .shell{display:block}
  /* 内容区全宽紧凑 */
  .content{padding:10px 8px 46px;max-width:100vw}
  .card{padding:12px 10px;border-radius:12px}
  .page-h{flex-wrap:wrap;gap:8px}
  .page-h h2{font-size:17px}
  /* KPI/网格两列 */
  .ana-kpis{grid-template-columns:repeat(2,1fr);gap:8px}
  .ana-kpi{padding:10px 12px}
  .kpi-cols-4{grid-template-columns:repeat(2,1fr)}   /* v0.17.32：数据分析汇总卡手机两列 */
  .kpi-cols-3{grid-template-columns:1fr}             /* v0.18.29：同比环比三卡手机单列 */
  .kpi-cols-5{grid-template-columns:repeat(2,1fr)}   /* v0.17.32：同比环比五卡手机两列 */
  .plat-grid{grid-template-columns:1fr}              /* v0.18.00：采购清单平台卡手机单列 */
  .proc-dom-strip{grid-template-columns:1fr}         /* v0.18.09：三域明细条手机单列 */
  /* v0.17.34：分段控件手机换行防字竖排（固定资产页 4 钮挤一行发现的存量问题） */
  .seg{flex-wrap:wrap}
  .seg-btn{white-space:nowrap;flex:1 1 auto;text-align:center}
  /* 触屏按钮加大 */
  .btn{height:38px}
  .btn.sm{height:33px;font-size:12.5px}
  /* 表格：保持列宽，卡内横滚（不压缩内容） */
  .card:has(.fix-tbl), .card:has(.qq-tbl){overflow-x:auto;-webkit-overflow-scrolling:touch}
  .fix-tbl{min-width:680px}
  .qq-tbl{min-width:1080px}
  .ledger{min-width:806px}   /* v0.17.41：金额列加宽后保底宽同步（与桌面同尺，列宽不压缩、卡内横滚） */
  /* 耗材大卡：一行两张，照片等比 */
  .cons-sel-card{width:calc(50% - 6px);min-width:0}
  .selcard-img{width:100%;height:auto;aspect-ratio:1/1}
  /* 输入字号 16 防 iOS 聚焦自动放大 */
  input,select,textarea{font-size:16px}
  /* 弹窗近全屏 */
  .dlg{width:94vw !important;max-height:88vh;overflow-y:auto}
  .f-row{flex-direction:column;align-items:stretch;gap:5px}
  /* 顶栏允许换行 */
  #topbar{flex-wrap:wrap}
}

/* ── 汉堡按钮（桌面隐藏，手机显示） ── */
.m-nav-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:10px;
  background:var(--brand);color:#fff;font-size:19px;box-shadow:var(--btn-shadow);flex:none;margin-right:4px}

/* v0.18.32 工厂日程安排：月历移动端适配（Pad≤1100 / 手机≤760） */
@media (max-width:1100px){
  .fc-cell{min-height:88px}
}
@media (max-width:760px){
  .fc-head{gap:8px}
  .fc-title{font-size:16px}
  .fc-legend{gap:8px;font-size:11.5px}
  .fc-card{padding:5px}
  .fc-grid{gap:3px}
  .fc-wh{font-size:11px;padding:2px 0}
  .fc-cell{min-height:60px;padding:3px 4px;border-radius:7px}
  .fc-dd{font-size:12.5px}
  .fc-lunar{font-size:9.5px}
  .fc-hols{min-height:12px}
  .fc-h-cn,.fc-h-adj,.fc-h-cc{font-size:9px}
  .fc-chip{font-size:9.5px;padding:1.5px 4px;border-radius:5px}
  .fc-frow label{width:64px;font-size:12px}
  .fc-pend-t{min-width:140px}
}

/* v0.18.42 月历满页的手机端修正：视口矮时 min-height 收紧，避免 6 行硬撑出超长滚动 */
@media (max-width:760px){
  .fc-grid{min-height:calc(100vh - 200px)}
  .fc-fly{font-size:10.5px;padding:1px 4px}
}

/* v0.18.70 音区推算页移动端：推算参数三栏收拢（Pad 两栏 / 手机单栏），表格 600px min-width 容器内滚，页面不横滚 */
/* v0.18.74 改：输入框加宽 130px 后 Pad 两栏放不下——Pad/手机统一单栏，标签恢复全宽 */
@media (max-width:1100px){
  .tz-pgrps{grid-template-columns:1fr}
  .tz-pgrp{min-width:0}
  .tz-groups{grid-template-columns:1fr}                     /* 分组网格去 640px 最小宽（侧栏仍在时 minmax 会撑出页横滚），单列自适应拉伸 */
}
@media (max-width:760px){
  .tz-pgrps{gap:10px}
  .tz-prow label{width:92px;font-size:12px}
  .tz-prow .lead-step-btn{width:30px;height:30px;font-size:16px}
  .tz-num{width:140px}
  .tz-num-ro{width:140px}
  .tz-tbl th,.tz-tbl td{padding:6px 3px;font-size:12px}
  .tz-tbl thead tr:nth-child(2) th{font-size:10.5px}
}

/* v0.18.71 音区数据表移动端：十列宽表卡内横滚（同 fix-tbl 模式），页面不横滚 */
@media (max-width:1100px){
  .card:has(.tf-tbl){overflow-x:auto}
}
@media (max-width:760px){
  .card:has(.tf-tbl){-webkit-overflow-scrolling:touch}
}
/* v0.18.71 音区数据底栏移动端：保存/下载/上传按钮折行，防幽灵按钮顶出页横滚 */
@media (max-width:760px){
  .tf-savebar{flex-wrap:wrap}
}

/* v0.20.98 写信弹窗移动端：Pad 放宽 92vw，手机近全屏；工具栏/字段区紧凑防挤压 */
@media (max-width:1100px){
  .modal.mbx-compose{width:92vw;max-width:92vw;height:82vh;max-height:82vh}
  .mbx-custpop{width:min(400px,86vw)}
}
@media (max-width:760px){
  .modal.mbx-compose{width:96vw;max-width:96vw;height:92vh;max-height:92vh}
  .mbx-cmp-head{padding:10px 14px}
  .mbx-cmp-tt b{font-size:15px;letter-spacing:2px}
  .mbx-cmp-fields{padding:0 12px}
  .mbx-cmp-row label{width:44px;font-size:12px}
  .mbx-cmp-cust{font-size:11px;padding:4px 8px}
  .mbx-cmp-bar{padding:5px 8px;gap:2px}
  .mbx-cmp-b{height:32px;min-width:32px}   /* 触屏加大点击面 */
  .mbx-cmp-ed{padding:14px 16px;font-size:15px}
  .mbx-cmp-tip{display:none}
  .mbx-cmp-foot{padding:10px 14px}
  .mbx-cmp-send{padding:8px 26px}
  .mbx-custpop{position:fixed;left:2vw;right:2vw;top:14vh;width:auto;max-height:70vh}
}