/* ================================================
   HOVER APENAS EM CAMPOS PREENCHIDOS PELA IA
   Versão: 1.2 - Usando .ai-filled-field
   ================================================ */

/* Remove hover padrão de TODOS os campos do formulário */
.form-control:hover,
.form-select:hover,
textarea.form-control:hover,
input.form-control:hover {
  border-color: #e5e7eb !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Adiciona hover azul APENAS em campos preenchidos pela IA */
.form-control.ai-filled-field:hover,
.form-select.ai-filled-field:hover,
textarea.form-control.ai-filled-field:hover,
input.form-control.ai-filled-field:hover,
.ai-filled-field:hover {
  border-color: rgba(59, 130, 246, 0.7) !important;
  background: rgba(59, 130, 246, 0.08) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

/* Borda azul sutil em campos preenchidos pela IA (sem hover) */
.form-control.ai-filled-field,
.form-select.ai-filled-field,
textarea.form-control.ai-filled-field,
input.form-control.ai-filled-field,
.ai-filled-field {
  border: 2px solid rgba(59, 130, 246, 0.5) !important;
  background: rgba(59, 130, 246, 0.05) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
  position: relative;
}

/* Badge "IA" visual nos campos preenchidos */
.form-control.ai-filled-field::after,
.form-select.ai-filled-field::after,
.ai-filled-field::after {
  content: '🤖 IA';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: rgba(59, 130, 246, 0.9);
  font-weight: 600;
  pointer-events: none;
  opacity: 0.7;
}

/* Dark mode */
:root[data-theme="dark"] .form-control:hover,
:root[data-theme="dark"] .form-select:hover,
:root[data-theme="dark"] textarea.form-control:hover,
:root[data-theme="dark"] input.form-control:hover {
  border-color: #374151 !important;
  background: #1f2937 !important;
  box-shadow: none !important;
  transform: none !important;
}

:root[data-theme="dark"] .form-control.ai-filled-field:hover,
:root[data-theme="dark"] .form-select.ai-filled-field:hover,
:root[data-theme="dark"] textarea.form-control.ai-filled-field:hover,
:root[data-theme="dark"] input.form-control.ai-filled-field:hover,
:root[data-theme="dark"] .ai-filled-field:hover {
  border-color: rgba(59, 130, 246, 0.8) !important;
  background: rgba(59, 130, 246, 0.15) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}