/*
 * IntelliShop Chatbot — supporting CSS
 * Core layout is applied as inline styles in chatbot.js.
 * This file handles keyframes, scrollbar, and hard resets only.
 */

@keyframes cb-bounce {
    0%, 60%, 100% { transform: translateY(0); }
    30%            { transform: translateY(-4px); }
}

@keyframes cb-pulse {
    0%, 100% { transform: scale(1); }
    50%       { transform: scale(1.22); }
}

/* Scrollbar */
#cb-msgs::-webkit-scrollbar       { width: 4px; }
#cb-msgs::-webkit-scrollbar-track { background: transparent; }
#cb-msgs::-webkit-scrollbar-thumb { background: #d0d3e8; border-radius: 4px; }

/* Hard reset — prevent page CSS from repositioning chatbot elements */
#cb-win,
#cb-toggle {
    box-sizing: border-box !important;
}

#cb-send {
    position:   static !important;
    bottom:     auto !important;
    right:      auto !important;
    top:        auto !important;
    left:       auto !important;
    max-width:  none !important;
    max-height: none !important;
}

#cb-input {
    position:   static !important;
    bottom:     auto !important;
    right:      auto !important;
    width:      auto !important;
    max-width:  none !important;
    resize:     none !important;
}