/**
 * Chat Widget Component Styles
 * Used in: _ChatWidget.cshtml (Partial View)
 */

#chatWidgetBtn {
    transition: transform 0.2s ease;
}

#chatWidgetBtn:hover {
    transform: scale(1.05);
}

#chatWidgetPanel {
    animation: slideUp 0.2s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-widget-patient {
    transition: background-color 0.15s ease;
}

.chat-widget-patient:hover {
    background-color: rgba(var(--bs-pearl-rgb, 13, 110, 253), 0.1);
}