/**
 * clerk-overrides.css — Override Clerk component styles to match ZI brand.
 * Load when Clerk is configured so our rules take precedence where needed.
 */
[data-clerk-component] {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.clerk-card,
[class*="clerkCard"] {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #e5e7eb;
}

.clerk-form-button-primary,
[class*="formButtonPrimary"] {
  border-radius: 4px !important;
  font-size: 1rem !important;
}

.clerk-form-field-input,
[class*="formFieldInput"] {
  border-radius: 4px !important;
}

.navbar-user {
  display: inline-flex;
  align-items: center;
}

.navbar-auth {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}