/* Customizações para o Popover Adaptável */
.custom-popover {
    min-width: 200px !important; 
    max-width: 500px !important; 
    width: auto;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid #ced4da;
}

/* Garante que o título do popover tenha espaço para o botão X no canto */
.custom-popover .popover-header {
    padding-right: 40px !important; /* <--- ABRE ESPAÇO EXCLUSIVO PARA O BOTÃO "X" NO TOPO */
    font-weight: bold;
}

/* Limita a altura do corpo e adiciona scroll */
.custom-popover .popover-body {
    max-height: 350px; 
    overflow-y: auto;
    padding-right: 15px; /* Espaço para o scroll não encavalar no texto */
}

/* Faz com que qualquer imagem dentro do popover seja 100% responsiva */
.custom-popover .popover-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
    border-radius: 4px;
}

/* Estilização moderna para a barra de rolagem (Scrollbar) */
.custom-popover .popover-body::-webkit-scrollbar {
    width: 6px;
}
.custom-popover .popover-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.custom-popover .popover-body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.custom-popover .popover-body::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}