/**
 * JDPopover — coquille du popover riche réutilisable (cf. assets/js/jdpopover.js).
 * Ne style QUE le conteneur flottant + l'animation show/hide. Le contenu interne
 * (titres, badges, boutons) est stylé par la page appelante via opts.className.
 */
.jdpop {
    position: fixed;
    z-index: 100050;            /* au-dessus des modales du CRM (≈ 2000) */
    min-width: 200px;
    max-width: 320px;
    background: #ffffff;
    border: 1px solid #e6e8ee;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.16);
    padding: 12px 14px;
    font-family: 'Inter', sans-serif;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity .12s ease, transform .12s ease, visibility .12s;
    pointer-events: none;
}
.jdpop--visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;       /* pont hover : permet de cliquer dans le popover */
}