/**
 * Styles pour les badges de notification d'opportunités
 * Utilisé pour afficher le nombre d'opportunités non lues
 */

.opportunity-notification-badge {
    width: 20px !important;
    height: 20px !important;
    font-size: 0.65rem !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-weight: bold !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Badge dans la carte "Reçues" */
.opportunity-notification-badge.card-badge {
    position: relative !important;
    top: -3px !important;
    right: 0px !important;
    margin-right: 0.5rem !important;
}

/* Badge dans le menu de gauche */
.opportunity-notification-badge.sidebar-badge {
    position: relative !important;
    top: -2px !important;
    margin-left: 8px !important;
    text-indent: 0 !important;
}

/* Parent des badges du header (pour position absolute) */
.linksHeader .list-group-item {
    position: relative !important;
}

/* Badge dans le menu du haut */
.opportunity-notification-badge.header-badge {
    position: absolute !important;
    top: 50% !important;
    right: -5px !important;
    transform: translateY(-50%) !important;
}

/* Badge dans le menu responsive */
.opportunity-notification-badge.mobile-badge {
    position: relative !important;
    margin-left: 0.25rem !important;
}

/* Animation de disparition */
.opportunity-notification-badge.fade-out {
    transition: opacity 0.3s ease;
    opacity: 0;
}

/* Bouton de suppression d'opportunité */
.btn.btn-delete-opportunity,
.btn.btn-delete-opportunity i {
    color: #dc3545 !important;
}

.btn.btn-delete-opportunity:hover,
.btn.btn-delete-opportunity:hover i {
    color: #c82333 !important;
    background-color: #f8f9fa !important;
}