/* Coupon admin */
.coupons-admin-container { max-width: 1600px; width: min(1600px, 98vw); }
.coupons-grid { grid-template-columns: minmax(0, 1.2fr) minmax(360px, .55fr); align-items: start; }

.coupon-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.coupon-admin-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(245,158,11,.10), transparent 34%),
    #fff;
  box-shadow: 0 16px 45px rgba(16,24,40,.06);
}

.coupon-admin-card.is-inactive { opacity: .72; background: #f8fafc; }

.coupon-code-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.coupon-code-line strong {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.25rem;
  letter-spacing: .08em;
  color: #0f172a;
}

.coupon-admin-card p {
  margin: 0;
  color: #64748b;
  line-height: 1.45;
}

.coupon-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}

.coupon-meta-grid span {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fafc;
}

.coupon-meta-grid b {
  color: #0f172a;
  font-size: .92rem;
}

.coupon-meta-grid em {
  color: #64748b;
  font-style: normal;
  font-size: .68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.coupon-preview {
  padding: 12px 14px;
  border-radius: 18px;
  background: #ecfdf3;
  color: #0f7f55;
  font-weight: 900;
}

.coupon-preview.is-fixed {
  background: #fff7ed;
  color: #b45309;
}

#couponRedemptionsBody small {
  display: block;
  color: #64748b;
  font-weight: 700;
  margin-top: 3px;
}

@media(max-width: 1100px) {
  .coupons-grid { grid-template-columns: 1fr; }
}
