/*
 * Page-specific styles for apps/web/public/pro-referral/index.html.
 *
 * Extracted from an inline <style> element so the site-wide CSP
 * (`style-src 'self'` in netlify.toml) does not block it.
 */
/* Immediate resets before legal.css parses, and error-state styling */
.hidden {
  display: none !important;
}
svg {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.w-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.w-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.w-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.w-4 {
  width: 1rem;
  height: 1rem;
}
.w-7 {
  width: 1.75rem;
  height: 1.75rem;
}
[aria-invalid="true"] {
  border-color: #ef4444 !important;
}
[aria-invalid="true"]:focus {
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.4) !important;
  outline: none;
}
.field-error {
  display: none;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #f87171;
}
.field-error.visible {
  display: block;
}