/* Conversation Sidebar Styles */
.conversation-item {
    transition: all 0.2s ease;
}

.conversation-item:hover {
    transform: translateX(2px);
}

.conversation-item.active {
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* Unread conversation styles */
.conversation-item.has-unread {
    background-color: #EFF6FF; /* Light blue tint */
    border-left: 3px solid #3B82F6; /* Blue accent bar */
    padding-left: calc(0.75rem - 3px); /* Adjust padding to account for border */
}

.conversation-item.has-unread:hover {
    background-color: #DBEAFE; /* Slightly darker blue on hover */
}

/* Unread badge styles */
.unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EF4444; /* Red */
    color: white;
    border-radius: 9999px; /* Full circle */
    padding: 2px 8px;
    font-size: 0.75rem; /* 12px */
    font-weight: 600;
    min-width: 20px;
    height: 20px;
    line-height: 1;
}

.status-online {
    animation: pulse-online 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

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