/* Sidebar Badge Styling */
.menu-link .badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    margin-left: auto;
    min-width: 1.5rem;
    text-align: center;
    line-height: 1;
}

.menu-link .badge.bg-primary {
    background-color: #696cff !important;
    color: #fff !important;
}

.menu-link .badge.bg-warning {
    background-color: #ffab00 !important;
    color: #fff !important;
}

.menu-link .badge.bg-info {
    background-color: #03c3ec !important;
    color: #fff !important;
}

.menu-link .badge.bg-success {
    background-color: #71dd37 !important;
    color: #fff !important;
}

.menu-link .badge.bg-danger {
    background-color: #ff3e1d !important;
    color: #fff !important;
}

/* Responsive badge sizing */
@media (max-width: 768px) {
    .menu-link .badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
        min-width: 1.3rem;
    }
}

/* Hover effect for badges */
.menu-link:hover .badge {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Animation for new badges */
@keyframes badgePulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.menu-link .badge.badge-new {
    animation: badgePulse 2s infinite;
}