/* ==========================================================================
   PAD 端自适应收敛：横屏 1280+ 为主，竖屏 / 小屏时收敛栅格与面板宽度
   ========================================================================== */

/* 常规 PAD 竖屏与小尺寸横屏 */
@media (max-width: 1100px) {
  :root {
    --workspace-top: 24px;
  }

  .workspace-pane {
    padding: var(--workspace-top) 20px 32px 20px;
  }

  .workspace-hero-title {
    font-size: var(--font-title);
  }

  .grid-two-columns,
  .grid-three-cards,
  .dual-settle-container {
    grid-template-columns: 1fr;
  }

  .customer-cards-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }

  .data-table-hero {
    min-width: 780px;
  }

  .trend-chart {
    height: 120px;
  }
}

/* 窄屏兜底：顶栏与统计卡改为纵向堆叠 */
@media (max-width: 820px) {
  .workspace-top-bar,
  .section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .workspace-actions-group {
    width: 100%;
    flex-wrap: wrap;
  }

  .capsule-search-box {
    flex: 1;
  }

  .grid-cols-2 {
    grid-template-columns: 1fr;
  }

  .drawer-pay-methods-grid {
    grid-template-columns: 1fr 1fr;
  }
}