/* ============================================================
   📌 BLINDAGEM DA VALIDAÇÃO (CORES APENAS NO INPUT E ÍCONE)
   ============================================================ */

.form-group-modern .input-wrapper {
  position: relative;
  width: 100%;
}

/* Esconde TODOS os ícones de validação por padrão */
.form-group-modern .feedback-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  display: none !important; 
  pointer-events: none;
  background: transparent;
}

/* Esconde a mensagem de texto por padrão */
.form-group-modern .form-feedback {
  display: none !important;
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
  padding-left: 4px;
}

/* 🟢 QUANDO FOR SUCESSO (.success) */
.form-group-modern.success input {
  border-color: var(--cor-verde) !important;
  padding-right: 40px; 
  background-color: rgba(123, 192, 67, 0.02) !important;
}
.form-group-modern.success .success-icon {
  display: block !important; 
  color: var(--cor-verde) !important;
}

/* 🔴 QUANDO FOR ERRO (.error) */
.form-group-modern.error input {
  border-color: var(--cor-rosa) !important;
  padding-right: 40px;
  background-color: rgba(236, 0, 140, 0.02) !important;
}
.form-group-modern.error .error-icon {
  display: block !important; 
  color: var(--cor-rosa) !important;
}
.form-group-modern.error .form-feedback {
  display: block !important;
  color: var(--cor-rosa) !important;
}