/* ========================================
   CORRE��O CR�TICA - MODAIS BOOTSTRAP 5
   FOR�A COMPORTAMENTO CORRETO (overrides necess�rios)
   NOTA: !important aqui � ESSENCIAL para corrigir conflitos
   ======================================== */

/* ? RESETAR z-index problem�tico for�ado em outros CSS */
.modal[id^="whatsapp-"] {
  z-index: var(--bs-modal-zindex, 1055) !important; /* Usar padr�o Bootstrap */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  transform: none !important; /* CR�TICO: Remover transforms */
}

/* ? TODOS os modais Bootstrap devem seguir padr�o */
.modal.fade {
  z-index: var(--bs-modal-zindex, 1055) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none !important; /* Escondido por padr�o */
  overflow: hidden !important; /* ? CR�TICO: Evitar scroll duplo */
}

.modal.fade.show {
  display: block !important; /* Vis�vel quando ativo */
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important; /* ? Scroll no container modal */
}

/* ? MODAIS WHATSAPP - For�a padr�o Bootstrap (PRIORIDADE M�XIMA) */
.modal.fade[id^="whatsapp-"] {
  z-index: var(--bs-modal-zindex, 1055) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none !important;
  overflow: hidden !important;
  transform: none !important;
}

.modal.fade.show[id^="whatsapp-"],
.modal.show[id^="whatsapp-"] {
  display: block !important;
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important; /* ? Permitir scroll */
}

/* ? Backdrop DEVE estar vis�vel e funcional */
.modal-backdrop {
  z-index: var(--bs-backdrop-zindex, 1050) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal-backdrop.show {
  opacity: 1 !important;
  display: block !important;
}

/* ? Dialog deve estar centralizado e responsivo */
.modal-dialog {
  position: relative !important;
  margin: 1.75rem auto !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* ? Conte�do do modal DEVE ser interativo */
.modal-content,
.modal-header,
.modal-body,
.modal-footer {
  pointer-events: auto !important;
  position: relative !important;
}

/* ? Bot�es de fechar DEVEM funcionar */
.btn-close,
.btn-close-modern,
[data-bs-dismiss="modal"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: calc(var(--bs-modal-zindex, 1055) + 5) !important;
}

/* ? Scroll no modal-body */
.modal-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /* REMOVIDO: max-height que estava bloqueando scroll */
}

/* ? CR�TICO: Garantir scroll em TODOS os modais Bootstrap scrollable */
.modal-dialog-scrollable {
  height: calc(100vh - 3.5rem) !important;
  display: flex !important;
}

.modal-dialog-scrollable .modal-content {
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0 !important;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto !important;
  max-height: calc(100vh - 200px) !important;
}

/* ? REMOVER qualquer override que force display:none no backdrop */
body.modal-open .modal-backdrop {
  display: block !important;
}

/* ========================================
   MODAIS CUSTOMIZADOS (SEM .fade)
   Modais legados: modal-ia, modal-usuarios, modal-status
   ======================================== */

/* ? Modais customizados - apenas quando N�O t�m classe 'hidden' */
.modal:not(.fade):not(.hidden) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: var(--bs-modal-zindex, 1055) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  align-items: center !important; /* ? Centralizar por padr�o */
  justify-content: center !important;
  padding: 2rem !important;
}

/* ? EXCE��O: Modais extra-grandes come�am no topo (n�o centralizar) */
.modal.modal-top-aligned:not(.fade):not(.hidden) {
  align-items: flex-start !important;
  padding-top: 2rem !important;
}

/* ? Modais customizados com classe 'hidden' devem ficar escondidos */
.modal:not(.fade).hidden {
  display: none !important;
}

.modal:not(.fade):not(.hidden) .modal-content {
  position: relative !important;
  margin: auto !important;
  max-width: 90vw !important;
  max-height: calc(100vh - 4rem) !important; /* ? Altura ajustada */
  overflow-y: auto !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* ? MODAL DE CONFIRMA��O - Prioridade m�xima para sempre aparecer */
#confirmModal.modal.fade.show {
  display: block !important;
  opacity: 1 !important;
  z-index: 1090 !important; /* Acima de outros modais */
}

#confirmModal + .modal-backdrop {
  z-index: 1085 !important; /* Backdrop logo abaixo do modal */
}