/**
 * 文件职责：经营报表页面响应式样式。
 */
@media (max-width: 1200px) {
  .frp-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .frp-toolbar {
    flex-wrap: wrap;
    padding: 14px 12px;

    .frp-period-segment,
    .frp-store-select {
      width: 100%;
      min-width: 100%;
    }

    .frp-toolbar-right {
      width: 100%;
      margin-left: 0;
    }

    .frp-batch-export-btn {
      justify-content: center;
      width: 100%;
    }
  }

  .frp-table-card {
    .ant-table-wrapper {
      overflow-x: auto;
    }
  }

  .frp-kpi-grid {
    grid-template-columns: 1fr;
  }

  .page-finance-report {
    .ant-drawer {
      .ant-drawer-content-wrapper {
        width: 100% !important;
        max-width: 100%;
      }

      .ant-drawer-body {
        padding: 14px 12px;
      }

      .ant-drawer-footer {
        padding: 12px;
      }
    }
  }
}
