body{background:#f5f5f5}
.scnd-navbar{background:linear-gradient(90deg,#2452d1,#f53b3b,#0f9d8f)!important}
.btn-primary{background:#2452d1;border-color:#2452d1}
.btn-secondary{background:#0f9d8f;border-color:#0f9d8f}
.card-header{color:#2452d1}
.rounded-circle{border:3px solid #f53b3b}
.nav-link:hover{color:#e6e600!important}

/* Indicateurs de messages non lus */
.badge {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Badge pour les conversations non lues */
.conversation-unread {
    background-color: #f8f9fa;
    border-left: 4px solid #f53b3b;
}

.conversation-unread strong {
    font-weight: 600;
    color: #f53b3b;
}

/* Indicateur visuel de message non lu */
.unread-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #f53b3b;
    border-radius: 50%;
    margin-left: 8px;
    animation: pulse 2s infinite;
}

/* Style pour le badge de notification */
.badge.bg-danger {
    background-color: #f53b3b !important;
    font-weight: 600;
    padding: 0.35em 0.65em;
}