/* Estilo personalizado para tooltips de campos obrigatórios */
 .tooltip-required {
   --bs-tooltip-bg: #dc3545;
   --bs-tooltip-color: #fff;
 }

.tooltip-required .tooltip-inner {
  background-color: #dc3545;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
}

.tooltip-required .tooltip-arrow::before {
  border-top-color: #dc3545 !important;
  border-bottom-color: #dc3545 !important;
}

/* Melhorar a validação visual - apenas quando inválido */
.form-control.is-invalid,
.form-select.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.25);
}

/* Estilo para select2 inválido */
.select2-container--bootstrap-5 .select2-selection.is-invalid {
  border-color: #dc3545;
}

/* FIX: Z-index do Flatpickr nas modais */
.modal .flatpickr-calendar {
  z-index: 1060 !important;
}

/* FIX: Z-index do Flatpickr geral para garantir que apareça sempre */
.flatpickr-calendar {
  z-index: 1060 !important;
}

/* Estilo adicional para o input com máscara de data */
.date-input-mask {
  font-family: monospace;
  letter-spacing: 0.5px;
}