/* ============================================
   MODALS - Dark Blue Theme - CORRIGIDO
   ============================================ */

/* ============================================
   BACKDROP COMPLETAMENTE DESABILITADO
   Nenhum overlay ou fundo escuro atrás do modal
   ============================================ */

/* Remover backdrop do Bootstrap COMPLETAMENTE */
.modal-backdrop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

.modal-backdrop.show,
.modal-backdrop.fade,
.modal-backdrop.fade.show {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

/* Garantir que o modal não tenha background próprio */
.modal {
  background: transparent !important;
  background-color: transparent !important;
}

/* O conteúdo do modal mantém seu estilo normal */
.modal-content {
  background: var(--bg-modal-dark) !important;
  /* Não remover o background do conteúdo, só do wrapper */
}

/* Modal base - CENTRALIZADO PERFEITO */
.modal {
  z-index: 1055 !important;
  display: none !important;
}

.modal.show {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.modal.show .modal-dialog {
  display: block !important;
  visibility: visible !important;
  margin: 0 auto !important;
  position: relative !important;
  transform: none !important;
  top: 0 !important;
}

.modal.show .modal-content {
  display: block !important;
  visibility: visible !important;
}

.dark-blue-modal {
  z-index: 1055 !important;
}

.dark-blue-modal.show {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.dark-blue-modal.show .modal-dialog {
  display: block !important;
  visibility: visible !important;
  margin: 0 auto !important;
  position: relative !important;
  transform: none !important;
  top: 0 !important;
}

.dark-blue-modal.show .modal-content {
  display: block !important;
  visibility: visible !important;
}

/* ============================================
   CORREÇÃO PARA TODOS OS MODALS - NÃO OCUPAR TELA INTEIRA
   ============================================ */

/* Sobrescrever variáveis CSS do Bootstrap - CENTRALIZADO */
.modal-dialog,
.modal .modal-dialog,
.modal .modal-dialog[style],
.dark-blue-modal .modal-dialog,
.dark-blue-modal .modal-dialog[style] {
  --bs-modal-width: 800px !important;
  max-width: 800px !important;
  margin: auto !important;
  width: auto !important;
  position: relative !important;
  transform: none !important;
  top: auto !important;
}

/* Garantir centralização vertical - PERFEITA */
.modal-dialog-centered,
.modal-dialog.modal-dialog-centered,
.modal.show .modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  min-height: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  transform: none !important;
  top: 0 !important;
}

.modal-dialog.modal-lg,
.modal .modal-dialog.modal-lg,
.modal .modal-dialog.modal-lg[style],
.dark-blue-modal .modal-dialog.modal-lg,
.dark-blue-modal .modal-dialog.modal-lg[style] {
  --bs-modal-width: 800px !important;
  max-width: 800px !important;
  width: auto !important;
}

.modal-dialog.modal-xl,
.modal .modal-dialog.modal-xl,
.modal .modal-dialog.modal-xl[style],
.dark-blue-modal .modal-dialog.modal-xl,
.dark-blue-modal .modal-dialog.modal-xl[style] {
  --bs-modal-width: 1140px !important;
  max-width: 1140px !important;
  width: auto !important;
}

.modal-dialog.modal-sm,
.modal .modal-dialog.modal-sm,
.modal .modal-dialog.modal-sm[style],
.dark-blue-modal .modal-dialog.modal-sm,
.dark-blue-modal .modal-dialog.modal-sm[style] {
  --bs-modal-width: 300px !important;
  max-width: 300px !important;
  width: auto !important;
}

.modal-dialog.modal-md,
.modal .modal-dialog.modal-md,
.modal .modal-dialog.modal-md[style],
.dark-blue-modal .modal-dialog.modal-md,
.dark-blue-modal .modal-dialog.modal-md[style] {
  --bs-modal-width: 500px !important;
  max-width: 500px !important;
  width: auto !important;
}

/* Desktop - tamanhos padrão para TODOS os modals */
@media (min-width: 992px) {
  .modal-dialog,
  .modal .modal-dialog,
  .modal .modal-dialog[style],
  .dark-blue-modal .modal-dialog,
  .dark-blue-modal .modal-dialog[style] {
    --bs-modal-width: 800px !important;
    max-width: 800px !important;
    margin: 1.75rem auto !important;
  }
  
  .modal-dialog.modal-lg,
  .modal .modal-dialog.modal-lg,
  .modal .modal-dialog.modal-lg[style],
  .dark-blue-modal .modal-dialog.modal-lg,
  .dark-blue-modal .modal-dialog.modal-lg[style] {
    --bs-modal-width: 800px !important;
    max-width: 800px !important;
  }
  
  .modal-dialog.modal-xl,
  .modal .modal-dialog.modal-xl,
  .modal .modal-dialog.modal-xl[style],
  .dark-blue-modal .modal-dialog.modal-xl,
  .dark-blue-modal .modal-dialog.modal-xl[style] {
    --bs-modal-width: 1140px !important;
    max-width: 1140px !important;
  }
  
  .modal-dialog.modal-md,
  .modal .modal-dialog.modal-md,
  .modal .modal-dialog.modal-md[style],
  .dark-blue-modal .modal-dialog.modal-md,
  .dark-blue-modal .modal-dialog.modal-md[style] {
    --bs-modal-width: 500px !important;
    max-width: 500px !important;
  }
}

/* Tablets - para TODOS os modals */
@media (max-width: 991px) and (min-width: 769px) {
  .modal-dialog,
  .modal .modal-dialog,
  .modal .modal-dialog[style],
  .dark-blue-modal .modal-dialog,
  .dark-blue-modal .modal-dialog[style] {
    --bs-modal-width: 85% !important;
    max-width: 85% !important;
    margin: 1rem auto !important;
  }
  
  .modal-dialog.modal-lg,
  .modal .modal-dialog.modal-lg,
  .modal .modal-dialog.modal-lg[style],
  .dark-blue-modal .modal-dialog.modal-lg,
  .dark-blue-modal .modal-dialog.modal-lg[style] {
    --bs-modal-width: 85% !important;
    max-width: 85% !important;
  }
  
  .modal-dialog.modal-xl,
  .modal .modal-dialog.modal-xl,
  .modal .modal-dialog.modal-xl[style],
  .dark-blue-modal .modal-dialog.modal-xl,
  .dark-blue-modal .modal-dialog.modal-xl[style] {
    --bs-modal-width: 90% !important;
    max-width: 90% !important;
  }
  
  .modal-dialog.modal-md,
  .modal .modal-dialog.modal-md,
  .modal .modal-dialog.modal-md[style],
  .dark-blue-modal .modal-dialog.modal-md,
  .dark-blue-modal .modal-dialog.modal-md[style] {
    --bs-modal-width: 75% !important;
    max-width: 75% !important;
  }
}

/* Regras duplicadas removidas - usar as regras globais abaixo */

/* Conteúdo do Modal */
.dark-blue-modal-content {
  background: linear-gradient(145deg, var(--bg-modal-dark) 0%, var(--dark-blue-secondary) 100%) !important;
  border: 1px solid var(--border-dark) !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.9), 0 0 50px var(--blue-glow) !important;
  max-height: 90vh !important;
  overflow: hidden !important;
}

/* Header do Modal */
.dark-blue-modal-header {
  background: linear-gradient(135deg, var(--dark-blue-accent) 0%, var(--dark-blue-tertiary) 50%, var(--dark-blue-accent) 100%) !important;
  border-bottom: 2px solid var(--border-blue) !important;
  padding: 1.5rem 2rem !important;
  position: relative !important;
}

.dark-blue-modal-header .modal-title {
  color: var(--text-light) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  display: flex;
  align-items: center;
}

.dark-blue-modal-header .modal-title i {
  color: var(--blue-bright) !important;
  margin-right: 0.75rem;
  text-shadow: 0 0 10px var(--blue-glow);
}

/* Botão de Fechar - VISÍVEL E BONITO */
.dark-blue-modal .btn-close,
.dark-blue-modal .btn-close-white {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.dark-blue-modal .btn-close::before,
.dark-blue-modal .btn-close-white::before {
  content: '×' !important;
  color: var(--text-light) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.dark-blue-modal .btn-close:hover,
.dark-blue-modal .btn-close-white:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  transform: scale(1.1) rotate(90deg) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

.dark-blue-modal .btn-close:active,
.dark-blue-modal .btn-close-white:active {
  transform: scale(0.95) rotate(90deg) !important;
}

/* Body do Modal */
.dark-blue-modal-body {
  background-color: var(--bg-modal-dark) !important;
  padding: 2rem !important;
  color: var(--text-secondary) !important;
  max-height: calc(90vh - 120px) !important;
  overflow-y: auto !important;
}

/* Inputs dentro de modais - FORÇA ESTILOS */
.dark-blue-modal .form-control,
.dark-blue-modal .form-select,
.dark-blue-modal select,
.dark-blue-modal input[type="text"],
.dark-blue-modal input[type="tel"],
.dark-blue-modal input[type="email"],
.dark-blue-modal input[type="number"],
.dark-blue-modal textarea,
.dark-blue-modal .input-group-text {
  background-color: var(--bg-input-dark) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-dark) !important;
}

.dark-blue-modal .form-control::placeholder,
.dark-blue-modal input::placeholder,
.dark-blue-modal textarea::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.7 !important;
}

.dark-blue-modal .form-control:focus,
.dark-blue-modal .form-select:focus,
.dark-blue-modal select:focus,
.dark-blue-modal input:focus,
.dark-blue-modal textarea:focus {
  border-color: var(--blue-bright) !important;
  box-shadow: 0 0 0 0.25rem var(--blue-glow) !important;
  background-color: var(--dark-blue-secondary) !important;
  color: var(--text-primary) !important;
}

/* Labels dentro de modais */
.dark-blue-modal .form-label,
.dark-blue-modal label {
  color: var(--text-light) !important;
  font-weight: 600 !important;
}

/* Input groups dentro de modais */
.dark-blue-modal .input-group {
  background-color: transparent !important;
}

.dark-blue-modal .input-group .form-control {
  background-color: var(--bg-input-dark) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-dark) !important;
}

.dark-blue-modal .input-group-text {
  background-color: var(--dark-blue-accent) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-dark) !important;
}

/* Select2 dentro de modais */
.dark-blue-modal .select2-container--default .select2-selection--single {
  background-color: var(--bg-input-dark) !important;
  border-color: var(--border-dark) !important;
  color: var(--text-primary) !important;
}

.dark-blue-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-primary) !important;
}

.dark-blue-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--text-secondary) transparent transparent transparent !important;
}

.dark-blue-modal .select2-dropdown {
  background-color: var(--bg-modal-dark) !important;
  border-color: var(--border-dark) !important;
}

.dark-blue-modal .select2-results__option {
  background-color: var(--bg-modal-dark) !important;
  color: var(--text-primary) !important;
}

.dark-blue-modal .select2-results__option--highlighted {
  background-color: var(--blue-bright) !important;
  color: var(--text-light) !important;
}

/* Botões dentro de modais */
.dark-blue-modal .btn-primary,
.dark-blue-modal .btn-info,
.dark-blue-modal .btn-success,
.dark-blue-modal .btn-warning,
.dark-blue-modal .btn-danger {
  color: var(--text-light) !important;
  border: none !important;
  transition: all 0.3s ease;
  font-weight: 600 !important;
}

.dark-blue-modal .btn-success {
  background: linear-gradient(90deg, #13DEB9 0%, #0fa88e 100%) !important;
}
.dark-blue-modal .btn-success:hover {
  background: linear-gradient(90deg, #0fa88e 0%, #0b856f 100%) !important;
  box-shadow: 0 0 15px rgba(19, 222, 185, 0.4) !important;
  transform: translateY(-2px);
}

.dark-blue-modal .btn-warning {
  background: linear-gradient(90deg, #FFAE1F 0%, #cc8b18 100%) !important;
}
.dark-blue-modal .btn-warning:hover {
  background: linear-gradient(90deg, #cc8b18 0%, #a36f13 100%) !important;
  box-shadow: 0 0 15px rgba(255, 174, 31, 0.4) !important;
  transform: translateY(-2px);
}

/* Preview Card */
.dark-blue-preview-card {
  background: linear-gradient(145deg, var(--dark-blue-accent) 0%, var(--dark-blue-secondary) 100%) !important;
  border: 1px solid var(--border-dark) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.dark-blue-preview-card:hover {
  border-color: var(--border-blue) !important;
  box-shadow: 0 12px 40px rgba(74, 144, 226, 0.3) !important;
  transform: translateY(-5px);
}

/* ============================================
   RESPONSIVIDADE MOBILE
   ============================================ */
@media (max-width: 768px) {
  .dark-blue-modal .modal-dialog {
    margin: 0.5rem !important;
    max-width: calc(100% - 1rem) !important;
  }
  
  .dark-blue-modal-content {
    border-radius: 12px !important;
    max-height: 95vh !important;
  }
  
  .dark-blue-modal-header {
    padding: 1rem 1.25rem !important;
  }
  
  .dark-blue-modal-header .modal-title {
    font-size: 1.25rem !important;
  }
  
  .dark-blue-modal .btn-close,
  .dark-blue-modal .btn-close-white {
    width: 35px !important;
    height: 35px !important;
  }
  
  .dark-blue-modal .btn-close::before,
  .dark-blue-modal .btn-close-white::before {
    font-size: 1.75rem !important;
  }
  
  .dark-blue-modal-body {
    padding: 1.25rem !important;
    max-height: calc(95vh - 100px) !important;
  }
  
  .modal-backdrop,
  .modal-backdrop.show,
  .modal-backdrop.fade {
    opacity: 0.15 !important;
    background-color: rgba(15, 20, 25, 0.15) !important;
    backdrop-filter: blur(1px) !important;
  }
}

@media (max-width: 576px) {
  .dark-blue-modal .modal-dialog {
    margin: 0.25rem !important;
    max-width: calc(100% - 0.5rem) !important;
  }
  
  .dark-blue-modal-header {
    padding: 0.75rem 1rem !important;
  }
  
  .dark-blue-modal-header .modal-title {
    font-size: 1.1rem !important;
  }
  
  .dark-blue-modal .btn-close,
  .dark-blue-modal .btn-close-white {
    width: 32px !important;
    height: 32px !important;
  }
  
  .dark-blue-modal .btn-close::before,
  .dark-blue-modal .btn-close-white::before {
    font-size: 1.5rem !important;
  }
  
  .dark-blue-modal-body {
    padding: 1rem !important;
  }
}

/* ============================================
   VIEW LOGS MODAL - Estilos Específicos
   ============================================ */
#viewLogsModal .card {
  background: linear-gradient(145deg, var(--dark-blue-accent) 0%, var(--dark-blue-secondary) 100%) !important;
  border: 1px solid var(--border-dark) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

#viewLogsModal .card-body {
  color: var(--text-primary) !important;
}

#viewLogsModal #logsTable {
  background: var(--bg-card-dark) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

#viewLogsModal #logsTable thead tr {
  background: linear-gradient(135deg, var(--dark-blue-accent) 0%, var(--blue-dark) 100%) !important;
}

#viewLogsModal #logsTable thead th {
  color: var(--text-light) !important;
  border: none !important;
  padding: 1rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
}

#viewLogsModal #logsTable tbody tr {
  border-bottom: 1px solid var(--border-dark) !important;
  transition: all 0.2s ease !important;
}

#viewLogsModal #logsTable tbody tr:hover {
  background-color: rgba(74, 144, 226, 0.1) !important;
  transform: translateX(5px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

#viewLogsModal #logsTable tbody td {
  padding: 1rem !important;
  color: var(--text-secondary) !important;
  vertical-align: middle !important;
}

#viewLogsModal #logsLink {
  color: var(--blue-bright) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

#viewLogsModal #logsLink:hover {
  color: var(--blue-light) !important;
  text-shadow: 0 0 10px rgba(74, 144, 226, 0.5) !important;
}

#viewLogsModal .spinner-border {
  border-color: var(--blue-bright) !important;
  border-right-color: transparent !important;
}

#viewLogsModal #logsEmpty {
  color: var(--text-muted) !important;
}

#viewLogsModal #logsEmpty i {
  font-size: 4rem !important;
  opacity: 0.5 !important;
}

#viewLogsModal .alert-danger {
  background: linear-gradient(135deg, rgba(250, 137, 107, 0.2) 0%, rgba(250, 137, 107, 0.1) 100%) !important;
  border: 1px solid #FA896B !important;
  color: var(--text-primary) !important;
  border-radius: 8px !important;
}

/* Responsivo para View Logs Modal */
@media (max-width: 768px) {
  #viewLogsModal #logsTable {
    font-size: 0.85rem !important;
  }
  
  #viewLogsModal #logsTable thead th,
  #viewLogsModal #logsTable tbody td {
    padding: 0.75rem 0.5rem !important;
  }
  
  #viewLogsModal #logsTable thead th {
    font-size: 0.75rem !important;
  }
}

/* ============================================
   MODAL CALL - Estilos Específicos e Forçados
   ============================================ */
#callModal,
#callModal * {
  color: var(--text-primary) !important;
}

#callModal .modal-content {
  background: linear-gradient(145deg, var(--bg-modal-dark) 0%, var(--dark-blue-secondary) 100%) !important;
  border: 1px solid var(--border-dark) !important;
  color: var(--text-primary) !important;
}

#callModal .modal-header {
  background: linear-gradient(135deg, var(--dark-blue-accent) 0%, var(--dark-blue-tertiary) 50%, var(--dark-blue-accent) 100%) !important;
  border-bottom: 2px solid var(--border-blue) !important;
}

#callModal .modal-header .modal-title {
  color: var(--text-light) !important;
}

#callModal .modal-body {
  background-color: var(--bg-modal-dark) !important;
  color: var(--text-primary) !important;
}

#callModal .form-group,
#callModal .mb-3,
#callModal .row {
  color: var(--text-primary) !important;
}

#callModal label,
#callModal .form-label,
#callModal .col-form-label {
  color: var(--text-light) !important;
  font-weight: 600 !important;
}

#callModal input,
#callModal select,
#callModal textarea,
#callModal .form-control,
#callModal .form-select {
  background-color: var(--bg-input-dark) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-dark) !important;
}

#callModal input::placeholder,
#callModal textarea::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.7 !important;
}

#callModal input:focus,
#callModal select:focus,
#callModal textarea:focus,
#callModal .form-control:focus,
#callModal .form-select:focus {
  background-color: var(--dark-blue-secondary) !important;
  border-color: var(--blue-bright) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--blue-glow) !important;
}

#callModal .input-group-text {
  background-color: var(--dark-blue-accent) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-dark) !important;
}

#callModal .btn-outline-secondary {
  background-color: transparent !important;
  border-color: var(--border-dark) !important;
  color: var(--text-secondary) !important;
}

#callModal .btn-outline-secondary:hover {
  background-color: var(--dark-blue-accent) !important;
  border-color: var(--blue-bright) !important;
  color: var(--text-light) !important;
}

#callModal .btn-primary {
  background: linear-gradient(90deg, var(--blue-bright) 0%, var(--blue-medium) 100%) !important;
  border: none !important;
  color: var(--text-light) !important;
}

#callModal .btn-primary:hover {
  background: linear-gradient(90deg, var(--blue-medium) 0%, var(--blue-dark) 100%) !important;
  box-shadow: 0 0 15px var(--blue-glow) !important;
}

/* Select2 no modal de call */
#callModal .select2-container {
  width: 100% !important;
}

#callModal .select2-container--default .select2-selection--single {
  background-color: var(--bg-input-dark) !important;
  border: 1px solid var(--border-dark) !important;
  height: 38px !important;
}

#callModal .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text-primary) !important;
  line-height: 38px !important;
}

#callModal .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

#callModal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--text-secondary) transparent transparent transparent !important;
}

#callModal .select2-dropdown {
  background-color: var(--bg-modal-dark) !important;
  border-color: var(--border-dark) !important;
}

#callModal .select2-results__option {
  background-color: var(--bg-modal-dark) !important;
  color: var(--text-primary) !important;
}

#callModal .select2-results__option--highlighted[aria-selected] {
  background-color: var(--blue-bright) !important;
  color: var(--text-light) !important;
}

#callModal .select2-search__field {
  background-color: var(--bg-input-dark) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-dark) !important;
}

/* IntlTelInput no modal de call */
#callModal .iti {
  width: 100% !important;
}

#callModal .iti__selected-flag {
  background-color: var(--dark-blue-accent) !important;
  border-color: var(--border-dark) !important;
}

#callModal .iti__selected-flag:hover {
  background-color: var(--dark-blue-tertiary) !important;
}

#callModal .iti__country-list {
  background-color: var(--bg-modal-dark) !important;
  border-color: var(--border-dark) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

#callModal .iti__country {
  color: var(--text-primary) !important;
}

#callModal .iti__country:hover,
#callModal .iti__country.iti__highlight {
  background-color: var(--blue-bright) !important;
  color: var(--text-light) !important;
}

/* Textos e elementos gerais */
#callModal p,
#callModal span,
#callModal div:not(.modal-content):not(.modal-body):not(.modal-header) {
  color: var(--text-secondary) !important;
}

#callModal small,
#callModal .text-muted {
  color: var(--text-muted) !important;
}

/* Garantir que o modal body não fique branco - FORÇAR COM VALOR DIRETO */
#callModal .modal-body,
#callModal .dark-blue-modal-body,
.modal#callModal .modal-body {
  background: #1a2332 !important;
  background-color: #1a2332 !important;
}

/* Garantir que TODOS os elementos filhos também tenham o fundo correto */
#callModal .modal-body *:not(.btn):not(.form-control):not(.input-group):not(select):not(input):not(.select2-selection) {
  color: #e5e7eb !important;
}

#callModal .form-label {
  color: #e5e7eb !important;
}