/* WhatsApp-like Background */
.chat-bg { 
    background-color: #e5ddd5;
    background-image: url('https://user-images.githubusercontent.com');
    background-blend-mode: overlay;
}

/* Burbujas de Chat */
.msg-in { 
    background: white; 
    align-self: flex-start; 
    border-radius: 0 12px 12px 12px; 
    position: relative; 
}

.msg-bot { 
    background: #e1f5fe; 
    align-self: flex-end; 
    border-radius: 12px 0 12px 12px; 
    position: relative; 
    border: 1px solid #b3e5fc; 
}

.msg-out { 
    background: #dcf8c6; 
    align-self: flex-end; 
    border-radius: 12px 0 12px 12px; 
    position: relative; 
}

.msg-sys { 
    background: #f3e5f5; 
    align-self: center; 
    border-radius: 12px; 
    border: 1px solid #e1bee7; 
    color: #7b1fa2; 
    font-size: 0.75rem;
    padding: 4px 12px;
}

/* Scrollbar Personalizada */
::-webkit-scrollbar { 
    width: 5px; 
}

::-webkit-scrollbar-thumb { 
    background: #075e54; 
    border-radius: 10px; 
}

/* Animaciones */
@keyframes pulse-red {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.7; }
}

.dot-active {
    animation: pulse-red 1.5s infinite;
}