/* C4：平台端 / 酒店端后台的手机端表格与工具栏适配
   纯样式外挂补丁，只在窄屏生效，不改动任何业务逻辑与桌面端表现。
   作用类名来自后台统一组件：.adm-page/.adm-card/.adm-table/.adm-toolbar/.adm-tabs 等。 */

@media (max-width: 768px) {
  /* 页面与卡片留出更多横向空间给表格 */
  .adm-page { padding-left: 12px; padding-right: 12px; }
  .adm-card { padding-left: 14px; padding-right: 14px; }

  /* 顶部筛选工具栏：窄屏自动换行，输入/下拉自适应，不再挤成一行溢出 */
  .adm-toolbar { flex-wrap: wrap; gap: 8px; row-gap: 8px; }
  .adm-toolbar .adm-input,
  .adm-toolbar .adm-select { flex: 1 1 140px; min-width: 0; }

  /* 状态页签：窄屏可横向滑动查看，不再折行或被截断 */
  .adm-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .adm-tabs .adm-tab { flex: 0 0 auto; }
  .adm-tabs::-webkit-scrollbar { display: none; }

  /* 表格容器：顺滑惯性横滑 + 左右边缘阴影提示"还能滑动" */
  .adm-table-wrap {
    -webkit-overflow-scrolling: touch;
    background:
      linear-gradient(90deg, #fff 30%, rgba(255,255,255,0)) left center / 22px 100% no-repeat,
      linear-gradient(90deg, rgba(255,255,255,0), #fff 70%) right center / 22px 100% no-repeat,
      radial-gradient(farthest-side at 0 50%, rgba(43,60,55,.14), rgba(0,0,0,0)) left center / 11px 100% no-repeat,
      radial-gradient(farthest-side at 100% 50%, rgba(43,60,55,.14), rgba(0,0,0,0)) right center / 11px 100% no-repeat;
    background-attachment: local, local, scroll, scroll;
  }

  /* 表格单元格：手机上收紧内边距与字号，一屏能看到更多信息 */
  .adm-table th,
  .adm-table td { padding: 9px 10px; font-size: 12.5px; }

  /* 详情类栅格：手机上单列堆叠，避免两列挤压 */
  .detail-grid { grid-template-columns: 1fr !important; }
}