/* ============ 中间档（平板）适配层：仅 768px–1023px ============
   2026-11-02 溢出专项
   职责边界：
   - ≤767px 细节归 mobile-layer.css（媒体区间不重叠，无覆盖冲突）
   - ≥1024px 桌面版式：本文件不产生任何规则，像素零变化
   ============================================================ */

@media (min-width: 768px) and (max-width: 1023px) {
  /* 1) 今日待办 KPI
     根因：pages-today.js 内联 grid-template-columns:repeat(4,1fr) 不随断点收缩，
     每列最小内容宽由 .kpi span 的 white-space:nowrap 决定（约 122px），
     768px 时第 4 张卡右边界 809 > 768（+41）。
     修法：中间档改 2 列，单卡宽度足够容纳当前文本。 */
  #td-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* 2) 裸表格（未包 .table-wrap）
     根因：768–1023 内容区仅约 480–735px，而表格最小宽度由表头 nowrap、
     sticky 首列/末列 min-width 决定（实测 606–649px），无包装容器时直接把整页撑宽。
     修法：给列表容器加横向滚动，表格在卡片内滚动，页面宽度回到视口。 */
  #act-list,
  #kb-list,
  #ct-list {
    overflow-x: auto;
    max-width: 100%;
  }

  /* 3) 裂变看板
     根因：表格直接挂在 .card#sb-referral 上，末列 th「确认发奖」带 min-width:230px，
     768px 时表格右边界 922 > 768（+154）。
     修法：该卡片自身作为横向滚动容器，保留卡片边框与圆角。 */
  #sb-referral {
    overflow-x: auto;
  }
}