/* GROWBZ — Onboarding wizard. Page-level rules from the design's <helmet> (base rules live in style.css). */
input, select { font-family: 'Manrope', sans-serif; }
input:focus, select:focus { outline: none; border-color: #10B981 !important; box-shadow: 0 0 0 3px rgba(16,185,129,0.12); }
::placeholder { color: #94A3B8; }
@keyframes popIn { 0% { transform: scale(0.5); opacity: 0; } 60% { transform: scale(1.08); } 100% { transform: scale(1); opacity: 1; } }
@keyframes confettiFall { 0% { transform: translateY(-20px) rotate(0deg); opacity: 1; } 100% { transform: translateY(680px) rotate(720deg); opacity: 0; } }

/* Mobile (no mobile design): stack form + live preview, tighten paddings. */
@media (max-width: 960px) {
  [data-wizard-grid] { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
  [data-onb-invite-link] { min-width: 0; }
  [data-onb-preview] { position: static !important; }
  [data-next-grid] { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  [data-onb-bar] { padding: 0 16px !important; gap: 12px !important; }
  [data-onb-main] { padding: 28px 16px 48px !important; }
  [data-onb-nav] { padding: 12px 16px !important; }
  [data-onb-card] { padding: 24px 18px !important; }
  [data-onb-stepper] { gap: 8px !important; }
  [data-onb-stepper] > div { gap: 8px !important; }
  [data-onb-stepper] [data-onb-connector] { width: 16px !important; }
  [data-onb-stepper] [data-step-label] { font-size: 12.5px !important; }
  [data-onb-invite-row] { grid-template-columns: minmax(0, 1fr) 112px auto !important; }
}
@media (max-width: 420px) {
  [data-form-row] { grid-template-columns: 1fr !important; }
  [data-onb-stepper] [data-step-label] { display: none; }
}