/* Chat unread badge - deliberately unlike the red/green/amber navbar counters. */
.chat-unread-badge {
    display: none;
    background-color: #0d6efd !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px #fff;
    font-size: 0.7rem !important;
    font-family: sans-serif;
    line-height: 1;
}

.chat-unread-badge.has-unread {
    display: inline-block;
    animation: chat-badge-pulse 2s ease-in-out 3;
}

@keyframes chat-badge-pulse {
    0%, 100% { box-shadow: 0 0 0 2px #fff; }
    50% { box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(13, 110, 253, 0.45); }
}

@media (prefers-reduced-motion: reduce) {
    .chat-unread-badge.has-unread {
        animation: none;
    }
}