/**
 * 文件职责：次卡页面响应式样式。
 */
.page-marketing-punch-card {
  @media (width <= 1200px) {
    .mpc-toolbar {
      flex-wrap: wrap;
    }

    .mpc-spacer {
      display: none;
    }

    .mpc-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mpc-record-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width <= 768px) {
    .mpc-stats,
    .mpc-record-stats {
      grid-template-columns: 1fr;
    }

    .mpc-card-grid {
      grid-template-columns: 1fr;
    }

    .mpc-card {
      flex-direction: column;
    }

    .mpc-card-cover {
      width: 100%;
      min-height: 120px;
    }

    .mpc-inline-row {
      grid-template-columns: 1fr;
    }

    .mpc-inline-row .ant-form-item:last-child {
      grid-column: span 1;
    }
  }
}
