/* Scoped to the existing public pricing page; retain its card design. */
.pricing-page .pricing-team-dialog {
  width: min(90vw, 540px);
  padding: var(--space-6);
  border: 1px solid var(--gray-light);
  border-radius: var(--radius-lg);
  color: var(--gray-dark);
  background: var(--white);
}
.pricing-page .pricing-team-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.pricing-page .pricing-team-dialog p { margin: var(--space-4) 0; line-height: 1.6; }
.pricing-page .pricing-team-dialog-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.pricing-page #eoxOfferCode {
  width: 100%; min-width: 0; padding: var(--space-2);
  border: 1px solid var(--gray-light); border-radius: var(--radius-md);
}
.pricing-page #eoxApply { margin: var(--space-2) 0; }
.pricing-page #eoxOfferStatus { font-size: var(--text-sm); overflow-wrap: anywhere; }
.pricing-page .money-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pricing-page #topup .money-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pricing-page .money-grid .credit-card { min-width: 0; }
.pricing-page .money-grid .credit-card-label { overflow-wrap: anywhere; }
.pricing-page .money-grid .btn { width: 100%; }
.pricing-page .money-note-slot { min-height: 24px; height: auto; }
.pricing-page .subscription-value-highlight { color: var(--pink); font-weight: var(--font-bold); }
.pricing-page .subscription-card-period-stack { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--space-1); }
.pricing-page .subscription-seat-minimum { font-size: var(--text-xs); line-height: var(--line-height-tight); white-space: nowrap; }
.pricing-page .money-note-slot .subscription-card-note { white-space: normal; font-size: clamp(12px, 1.1vw, 15px); }
.pricing-page .money-annual-note { min-height: 3em; font-size: 12px; line-height: 1.5; }
.pricing-page .subscription-price-group { width: var(--pricing-input-width); max-width: 100%; }
.pricing-page .subscription-price-details { display: inline-flex; flex-direction: column; gap: var(--pricing-card-internal-gap); max-width: 100%; }
.pricing-page .subscription-price-details .subscription-card-price { width: auto; }
.pricing-page .subscription-price-details .money-annual-note { width: 100%; text-align: center; }
.pricing-page.annual-billing .subscription-price-details { gap: var(--space-1); }
.pricing-page .subscription-coming-soon { cursor: default; }
.pricing-page .money-grid .billing-save { font-size: 13px; }
.pricing-page [hidden] { display: none; }
@media (max-width: 900px) {
  .pricing-page .money-grid, .pricing-page #topup .money-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .pricing-page .money-grid, .pricing-page #topup .money-grid { grid-template-columns: 1fr; }
  .pricing-page .money-note-slot .subscription-card-note { font-size: 14px; }
}