/* Páginas de autenticação Customer — Verify 2FA */

/* Badge de área do customer */
.bg-customer {
  background: var(--gradient-brand-main);
  color: var(--color-text-on-brand);
}

/* Icon box de verificação — variante Customer */
.customer-auth .verify-icon-box {
  width: 72px;
  height: 72px;
  background: rgba(var(--primary-rgb, 109, 40, 217), 0.12);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--color-primary);
  font-size: 2rem;
}

/* Edição inline de e-mail */
.customer-auth #emailEditContainer .form-control {
  border-radius: 0.375rem 0 0 0.375rem;
  font-size: var(--form-control-font-size, 1rem);
  font-weight: var(--form-control-font-weight, 500);
}

.customer-auth #emailEditContainer .btn {
  border-radius: 0 0.375rem 0.375rem 0;
  font-size: var(--btn-font-size-md, 0.9rem);
}