/**
 * 文件职责：新客有礼页面响应式样式。
 */
.page-marketing-new-customer {
  @media (width <= 992px) {
    .mnc-page {
      max-width: none;
    }

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

    .mnc-row {
      flex-direction: column;
      gap: 8px;
    }

    .mnc-row-label {
      width: auto;
      padding-top: 0;
    }
  }

  @media (width <= 768px) {
    .mnc-toolbar {
      flex-wrap: wrap;
    }

    .mnc-readonly-tip {
      margin-left: 0;
    }

    .mnc-stats {
      grid-template-columns: 1fr;
    }

    .mnc-stat-value {
      font-size: 24px;
    }

    .mnc-coupon-item {
      flex-wrap: wrap;
    }

    .mnc-coupon-validity {
      margin-right: auto;
    }

    .mnc-save-bar {
      flex-wrap: wrap;
    }

    .mnc-updated-at {
      width: 100%;
      margin-right: 0;
    }
  }
}
