/**
 * 文件职责：财务概览页面响应式样式。
 */
.page-finance-overview {
  @media (max-width: 1200px) {
    .fo-kpi-row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 992px) {
    .fo-two-col {
      grid-template-columns: 1fr;
    }

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

  @media (max-width: 768px) {
    .fo-toolbar {
      align-items: stretch;
    }

    .fo-toolbar-right {
      justify-content: flex-start;
    }

    .fo-store-select {
      width: 100%;
    }

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

    .fo-composition-wrap {
      flex-direction: column;
      align-items: flex-start;
    }

    .fo-composition-chart-wrap {
      width: 180px;
      height: 180px;
    }

    .fo-composition-center {
      inset: 56px;
    }

    .fo-profit-legend {
      flex-wrap: wrap;
      gap: 12px;
    }

    .fo-top-table {
      .ant-table-thead > tr > th:nth-child(3),
      .ant-table-thead > tr > th:nth-child(4),
      .ant-table-tbody > tr > td:nth-child(3),
      .ant-table-tbody > tr > td:nth-child(4) {
        display: none;
      }
    }
  }
}
