/* ============================================================
   门店通 · 平板横屏 HD 共享适配 v1（桌面页面统一引用，放在各页样式最后）
   断点：宽 ≤1500 或 高 ≤900（覆盖 1024×768 / 1280×800 / 1440×900 平板与小平板）
   ============================================================ */
@media (max-width: 1500px), (max-height: 900px) {
  /* ---------- A组：88px 侧栏壳（会员/库存/报表/员工等） ---------- */
  .nav-sidebar { width: 72px; }
  .nav-sidebar .nav-item { width: 58px; height: 48px; font-size: 12px; border-radius: 10px; }
  .body, .mem-body { padding: 14px 16px; }
  .mem-head { padding: 12px 16px; }
  .mem-head input { height: 40px; }
  .content-area { padding: 16px; }

  /* ---------- 卡片与指标 ---------- */
  .card { padding: 14px 16px; }
  .kpi { min-width: 96px; }
  .kpi b { font-size: 20px; }
  .card .v, .info-item .val { font-size: 20px; }
  .card-item .card-remain { font-size: 20px; }

  /* ---------- 表格统一收紧 ---------- */
  table th, table td { padding: 8px 9px; font-size: 13px; }
  table th { font-size: 12px; }

  /* ---------- B组：蓝顶栏 + 居中容器（各类报表/利润/线上/提成） ---------- */
  .wrap { padding: 12px 14px; }
  .cards { gap: 12px; }
  .top { padding: 10px 16px; }
  .top h1 { font-size: 20px; }

  /* ---------- 工具栏 / 按钮 / 标签 ---------- */
  .topbar { height: 56px; }
  .btn { height: 34px; padding: 0 12px; font-size: 13px; }
  .btn-sm { height: 30px; padding: 0 10px; font-size: 12px; }
  .tab { padding: 8px 14px; font-size: 13px; }
  .toolbar { padding: 12px 16px; }

  /* ---------- 弹窗收紧（只收已知的大弹窗，不动通用 .modal） ---------- */
  .modal-box { width: 400px; }
  .dialog { width: 500px; max-width: 92vw; }
  .dlg { width: 580px; max-width: 94vw; }
  .ui-dialog { width: 400px; }

  /* ---------- 两栏对比卡（对账明细等） ---------- */
  .two > .card, .two > div { min-width: 320px; }
}