/* ===== 航讯通 · 移动端增强 (2026-08-13) =====
   目标：手机浏览器打开不再"缩得很小、按钮点不准"；
   宽表格在卡片内横向滚动而不是把整页撑破；按钮/输入框加大到适合手指。
*/

@media (max-width: 760px) {
  html, body { overflow-x: hidden; }

  .content { padding: 14px 12px; }

  /* 宽表格在卡片内横向滚动，避免整页被缩放 */
  .card {
    padding: 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .tbl {
    width: max-content;
    min-width: 100%;
    font-size: 13px;
  }
  .tbl th, .tbl td {
    padding: 11px 12px;
    white-space: nowrap;
  }

  /* 触摸友好的按钮与输入 */
  .btn { min-height: 44px; padding: 11px 16px; font-size: 15px; }
  .btn.sm { min-height: 38px; padding: 8px 12px; font-size: 13px; }
  input, select, textarea,
  .filter-bar select,
  .fb-field input, .fb-item input, .fb-field select, .fb-item select {
    font-size: 16px;        /* 16px 防止 iOS 聚焦时自动放大 */
    min-height: 44px;
  }

  /* 工具栏按钮在手机上自动换行并拉满 */
  .toolbar { gap: 8px; }
  .toolbar .btn { flex: 1 1 auto; }

  .topbar h3 { font-size: 16px; }
  .topbar .right { gap: 6px; }
  .topbar .right .btn span { display: none; }   /* 只留图标，省空间 */

  .login-card { padding: 24px 18px; }
  .me { font-size: 13px; }

  .kpi-row { grid-template-columns: repeat(2, 1fr); }

  .nav a { padding: 14px 12px; font-size: 15px; }   /* 侧边栏导航项加大好点 */
}

@media (max-width: 420px) {
  .kpi-row { grid-template-columns: 1fr; }
  .topbar { padding: 10px 12px; }
  .content { padding: 12px 10px; }
}