/* Forçar remoção de desfoque no popup */
#aviso-popup-modal,
#aviso-popup-modal *,
.aviso-modal,
.aviso-modal *,
.aviso-modal-backdrop,
.aviso-modal-content {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
/* ===== SISTEMA DE MODAL ROBUSTO ===== */
/* Remove qualquer filtro aplicado a modais */
.aviso-modal,
.aviso-modal-backdrop,
.aviso-modal-content {
    filter: none !important;
    backdrop-filter: none !important;
}
/* Arquivo complementar para garantir funcionamento consistente */

/* Sobrescreve estilos conflitantes do AdminLTE/Bootstrap */
.aviso-modal.modal-visible {
    display: flex !important;
}

.aviso-modal.modal-hidden {
    display: none !important;
}

/* Garante que o body fique bloqueado quando modal está aberto */
body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* Animações suaves para o modal */
.aviso-modal {
    transition: opacity 0.15s ease-out;
}

.aviso-modal.modal-fade-in {
    animation: modalFadeIn 0.15s ease-out;
}

.aviso-modal.modal-fade-out {
    animation: modalFadeOut 0.15s ease-in;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Responsividade melhorada */
@media (max-width: 768px) {
    .aviso-modal-content {
        width: 95vw !important;
        max-height: 95vh !important;
        margin: 2.5vh auto;
    }
    
    .aviso-modal-header,
    .aviso-modal-footer {
        padding: 12px 16px !important;
    }
    
    .aviso-scrollable {
        padding: 12px 16px !important;
    }
}

/* Landscape mobile */
@media (max-height: 500px) and (orientation: landscape) {
    .aviso-modal-content {
        max-height: 95vh !important;
    }
    
    .aviso-scrollable {
        max-height: calc(95vh - 100px) !important;
    }
}

html[data-theme="dark"] .aviso-modal-backdrop,
html[data-bs-theme="dark"] .aviso-modal-backdrop,
.theme-dark .aviso-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

/* Acessibilidade — focus visível sem borda quadrada do UA */
.aviso-modal-content:focus {
  outline: none !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35), 0 0 0 2px rgba(0, 123, 255, 0.45) !important;
}

.aviso-modal-header .close:focus,
.aviso-modal-header .aviso-modal-close:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.45) !important;
  border-radius: 4px !important;
  border: none !important;
}

/* Correções específicas para AdminLTE */
.main-sidebar ~ .content-wrapper .aviso-modal {
    /* Garante que modal apareça sobre sidebar */
    z-index: 10050 !important;
}

/* Correções para Bootstrap modal conflicts */
.aviso-modal .modal-backdrop {
    /* Remove backdrop padrão do Bootstrap se existir */
    display: none !important;
}


.aviso-modal[data-debug="true"] .aviso-modal-backdrop {
    border: 3px solid blue !important;
}

.aviso-modal[data-debug="true"] .aviso-modal-content {
    border: 3px solid green !important;
}
/* Remove qualquer desfoque aplicado ao fundo ou à wrapper quando o modal estiver aberto */
body.modal-open .wrapper,
.wrapper[aria-hidden="true"] {
    filter: none !important;
    backdrop-filter: none !important;
}