/* Champs de formulaire — contraste stable au focus (override Tailwind Forms) */
.form-input {
  background-color: #131e3e !important;
  border: 1px solid rgba(63, 70, 98, 0.3);
  color: #dfe4ff !important;
  -webkit-text-fill-color: #dfe4ff !important;
  caret-color: #84fe58;
  border-radius: 0;
  padding: 0.75rem 1rem;
  outline: none !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  transition: border-color 300ms, box-shadow 300ms;
}

.form-input:hover,
.form-input:focus,
.form-input:focus-visible,
.form-input:active {
  background-color: #131e3e !important;
  color: #dfe4ff !important;
  -webkit-text-fill-color: #dfe4ff !important;
}

.form-input:focus,
.form-input:focus-visible {
  border-color: #84fe58 !important;
  box-shadow: 0 0 0 1px rgba(132, 254, 88, 0.3) !important;
}

.form-input:-webkit-autofill,
.form-input:-webkit-autofill:hover,
.form-input:-webkit-autofill:focus,
.form-input:-webkit-autofill:active {
  -webkit-text-fill-color: #dfe4ff !important;
  box-shadow: 0 0 0 1000px #131e3e inset !important;
  transition: background-color 9999s ease-out 0s;
}

.form-input::placeholder {
  color: rgba(163, 172, 201, 0.5);
}

.form-input:disabled,
select.form-input:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

select.form-input {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #84fe58 50%), linear-gradient(135deg, #84fe58 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 2.5rem;
}