/* DOMI 全站移动端自适应基座（mobile-fix）— 保守通用规则，不影响 PC 版式 */
@media (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden !important; width: 100%; }
  img, video, canvas, svg { max-width: 100% !important; height: auto; }
  input, select, textarea { font-size: 16px !important; } /* 防 iOS 聚焦自动放大 */
  .mfix-scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .mfix-scroll::-webkit-scrollbar { height: 6px; }
  .mfix-scroll::-webkit-scrollbar-thumb { background: rgba(201,168,106,.4); border-radius: 3px; }
}

/* ===== 2026-09-13 人性化增强（全站生效，仅影响窄屏）===== */
/* 1) 彻底消除横向滚动：原来只有 body 限制，装饰性 ::before/::after 仍会撑宽 html
      （service-book.html 实测多出 37px 可左右拖动） */
html { overflow-x: hidden !important; }

@media (max-width: 760px) {
  /* 2) 触控友好：手机上按钮最小 40px 高，减少点不准/误触
        实测原先存在 13px（退出登录）、24px（保存参数）、25px（员工管理整排）等过小目标 */
  button, .btn, a.btn, input[type="submit"], input[type="button"], .tab {
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.3;
  }
  /* 表格内密集操作按钮略降为 36px，兼顾信息密度 */
  table button, tr button, td button, .row button, .ops button {
    min-height: 36px;
  }
  /* 2b) 可点击的 <a>（如"退出登录""打开/删"）同样放大——复查发现它们不在 button 覆盖内 */
  a[onclick], a.btn, a.button, a.link-btn, a.mini {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }
  /* 3) 破坏性操作（删除/停用）与相邻按钮留出间距，降低误点 */
  button.danger, .danger, button[data-danger] { margin-left: 6px; }
  /* 4) 长列表在手机上更易读 */
  li, .list-item, .row { line-height: 1.55; }
}

@media (max-width: 760px) {
  /* 返回工作台的导航链接同样放大（复查发现裸 <a href> 仅 15px） */
  a[href$="workbench-hub.html"] { min-height: 40px; display: inline-flex; align-items: center; }
}