/* mobile-responsive.css v2.3 — 新美团手机端适配（20260824 mobilefix：小火验收 4 项补刀） */
@media (max-width: 991.98px) {
  /* ── 1. 推平两份壳的反向块（header:432-446 / remote:1495-1505）── */
  body .main-content { margin-left: 0 !important; padding-left: 16px !important;
                       padding-right: 16px !important; width: 100% !important; }
  body .navbar { left: 0 !important; width: 100% !important; }
  /* 注：remote 版 main-content 用 padding-left:calc(260px+20px)，被上条 padding-left:16px !important 一并压平 */

  /* ── 2. 侧边栏 → 抽屉（独立类，不碰桌面 sidebar-collapsed）── */
  body .sidebar { transform: translateX(-100%) !important;   /* 压过反向块与 style.css:414 */
                  transition: transform .25s ease; z-index: 1050 !important;
                  box-shadow: 0 0 40px rgba(0,0,0,.3); }
  body.mobile-drawer-open .sidebar { transform: translateX(0) !important; }

  /* ── 3. 遮罩（JS 注入 .m-adapt-backdrop）──
     z-index 1045：必须低于抽屉 1050，高于 navbar（~1030）；SweetAlert2 1060 不受影响 */
  .m-adapt-backdrop { position: fixed; inset: 0; z-index: 1045;
                      background: rgba(0,0,0,.45); display: none; }
  body.mobile-drawer-open .m-adapt-backdrop { display: block; }
  body.mobile-drawer-open { overflow: hidden; }

  /* ── 4. navbar 溢出治理 ──
     20260824 mobilefix P1：
     a) 当日之星外层 wrapper（header:1173 div.d-flex，隐藏两张卡后仍残留"月度排行"
        按钮+分隔线共约 98px）一并隐藏 → 释放空间让用户菜单（.ms-auto，原 R=463 被裁
        88px 不可点）回到屏内。桌面（≥992px）不受本块影响，排行入口保留。
     b) .ms-auto 允许收缩，兜底防窄屏再被推出 */
  body .navbar .daily-stars-mini,
  body .navbar .container-fluid > div.d-flex:not(.ms-auto) { display: none !important; }
  body .navbar .container-fluid { flex-wrap: nowrap; min-width: 0; }
  body .navbar .ms-auto { min-width: 0; flex-shrink: 1; }
  body .navbar .user-dropdown-toggle .user-name,
  body .navbar .user-dropdown-toggle > span[style] { display: none !important; }
  /* 手机端头像+箭头模式：极窄屏下 .user-name（实测被压成 14px 宽竖排、toggle 撑高
     121px 破坏 70px navbar）与排班徽章（内联 style span）隐藏；头像 34px + caret
     仍清晰可点，完整用户名在下拉菜单可见。桌面不受影响 */

  /* ── 5. 表格横滚（不卡片化）──
     cases.php：横滚容器=.table-container(772, 自带 overflow-x:auto)
     remote_cases.php：真实横滚容器是内层 <div style="overflow-x:auto">（:1674），
       .table-shell 基础规则(481)是 overflow:hidden 自己不滚——
       20260824 mobilefix P2④：iOS 触摸惯性属性改打内层 div（>div 同时覆盖
       table-toolbar，其无滚动、属性无副作用） */
  .table-container { -webkit-overflow-scrolling: touch; }
  .table-shell > div { -webkit-overflow-scrolling: touch; }
  .table-shell table { min-width: 1000px; }   /* remote_cases 10 列防压缩 */

  /* ── 6. 弹窗/灯箱 ── */
  .swal2-container .swal2-popup { width: 92vw !important; }     /* 实测 512px 溢出 */
  .imgal-popup { max-width: 100vw !important; }   /* remote_cases 图片灯箱 customClass(2162) */

  /* ── 7. 触控目标与通用防溢出 ── */
  .sidebar-link { min-height: 44px; }
  .navbar .btn { min-width: 44px; min-height: 44px; }
  body .btn-claim { min-height: 44px; min-width: 44px; }   /* 20260824 mobilefix P2③：认领按钮实测~30px→44px 触控标准（remote_cases:2005） */
  img { max-width: 100%; height: auto; }

  /* ── 8. 分页条防溢出（20260824 mobilefix P2②：cases 50px 横向溢出真凶）──
     实测 375px：ul.pagination（cases:1081 display:flex 无 wrap）7 个页码撑 365px，
     右缘 R=425 → docScrollW=425。允许换行+收窄页码内边距+统计条可断行 → 归位 375 */
  body .pagination-controls { max-width: 100%; }
  body ul.pagination { flex-wrap: wrap; justify-content: center; max-width: 100%; }
  body .pagination .page-link { padding-left: 9px; padding-right: 9px; }
  body .action-bar-left .stat-pill { white-space: normal; }
}
/* ═══════════════════════════════════════════════════════════════
   P1 追加段（整改后定稿）— cat >> 到现网 mobile-responsive.css 末尾
   基于 impl/mobile-responsive-P1P2-append.css 的 P1 段 + 审查整改：
   · P1-6 width:100% 删除（.details-table 原生 width:100% @settlement_view:203）
   · 新增 body #imagePreviewModal .lb-btn{min-height:44px}（整改项5：
     case_materials 自研灯箱工具钮原生 34px @case_materials:4792，
     缩放/标记无效/关闭等触控补足）
   全部规则锁 @media(max-width:991.98px)；桌面 ≥992px 整块不生效。
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────── P1 批次（详情页精修） ─────────────── */

@media (max-width: 991.98px) {

  /* P1-1 settlement_view.php：操作按钮纵排全宽 44px
     来源 .settlement-actions:79（display:flex，全文件无任何响应式规则）；
          三操作 <a> :334-346（打印/编辑/清空）。
     作用：375px 一排三钮约 400px 必溢出 → 纵排、全宽、44px。
     桌面影响=无。 */
  body .settlement-actions { flex-direction: column !important; align-items: stretch !important; }
  body .settlement-actions > a {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
  }

  /* P1-2 case_materials.php：L3 细工具条换行 + 触控达标
     来源 .cm-toolbar CSS:5210 / HTML:5622（刷新/打包下载/补充上传/批量标记无效/
     标记所选）；.cm-seg 分段过滤 :5658（原生仅 768 wrap :5452，769~991.98 补）。
     桌面影响=无。 */
  body .cm-toolbar { flex-wrap: wrap !important; gap: 8px !important; }
  body .cm-toolbar .btn { min-height: 44px; }
  body .cm-seg { flex-wrap: wrap !important; }

  /* P1-3 insurance_cases.php：筛选按钮与预览 modal 触控达标
     来源 .btn-filter/.btn-reset:975-988（无触控尺寸）；
          #imagePreviewModal:1914（下载钮 :1939）。
     桌面影响=无。 */
  body .btn-filter, body .btn-reset { min-height: 44px !important; }
  body #imagePreviewModal .btn { min-height: 44px; }

  /* P1-4 44px 触控统一（.btn 全家族，含 .btn-sm；只设 min-height 不改字号配色）
     密集表格内行内钮降 36px 折中：cases.php 40 列操作钮/insurance cases-table
     行内钮若 44px 会让行高膨胀近一倍（cell min-height:50px），折中 36px。
     （36 vs 44 是拍板项，见决策清单 #3。）桌面影响=无。 */
  body .btn { min-height: 44px; }
  body .table-cell .btn,
  body .cases-table .btn,
  body .table td .btn { min-height: 36px; min-width: 36px; }

  /* P1-5 case_view.php：手机底栏触控达标
     来源 .mobile-bottom-bar:1284（d-lg-none，<992 显示）/.mobile-action-item:2978。
     桌面影响=无（≥992 该栏隐藏）。 */
  body .mobile-action-item { min-height: 44px; min-width: 56px; }

  /* P1-7（整改新增）case_materials.php 自研灯箱工具钮触控补足
     来源 #imagePreviewModal .lb-btn:4792（width:34px/height:34px），
     覆盖缩放/标记无效/关闭等工具钮；P1-4 的 body .btn 不含 .lb-btn（非 .btn 类）。
     桌面影响=无。 */
  body #imagePreviewModal .lb-btn { min-height: 44px; min-width: 44px; }
}