/* Chat specific styles and responsive behavior */

/* Contenedor principal del chat */
.chat-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f8fafc;
}

/* Lista de chats */
#chats-list {
    transition: all 0.3s ease;
    background: white;
    border-right: 1px solid #e5e7eb;
}

.chat-item {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.audio-visualizer.playing span:nth-child(2) {
    animation-delay: 120ms;
}

.audio-visualizer.playing span:nth-child(3) {
    animation-delay: 240ms;
}

.audio-visualizer.playing span:nth-child(4) {
    animation-delay: 360ms;
}

@keyframes av-pulse {
    0% {
        height: 6px;
        opacity: 0.6;
    }

    30% {
        height: 16px;
        opacity: 1;
    }

    60% {
        height: 10px;
        opacity: 0.8;
    }

    100% {
        height: 6px;
        opacity: 0.6;
    }
}