/* src/static/chatbot-widget.css */ */
.chatbot-widget { position: fixed; right: 20px; bottom: 20px; z-index: 2147483000; font-family: Arial, sans-serif; }
.chat-launcher { width: 56px; height: 56px; border-radius: 50%; background: var(--primary-color, #3B82F6); color: #fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.chat-window { width: 360px; height: 540px; background:#fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,.25); overflow:hidden; flex-direction: column; position: relative; display: none; }
.chat-header { height: 48px; background: var(--primary-color, #3B82F6); color:#fff; display:flex; align-items:center; justify-content: space-between; padding: 0 12px; }
.chat-title { font-weight: bold; }
.chat-close { cursor:pointer; opacity: .9 }
.chat-messages { flex:1; overflow:auto; padding: 12px; background: #f7f8fa; }
.msg { max-width: 80%; padding: 8px 10px; margin: 8px 0; border-radius: 10px; line-height: 1.4; }
.msg.user { background: var(--primary-color, #3B82F6); color:#fff; margin-left: auto; }
.msg.bot { background:#fff; border:1px solid #e5e7eb; color:#111827; }
.chat-input { border-top:1px solid #e5e7eb; padding: 8px; display:flex; gap: 8px; }
.chat-input input { flex:1; border:1px solid #e5e7eb; border-radius: 8px; padding: 8px 10px; }
.chat-input button { background: var(--primary-color, #3B82F6); color:#fff; border:0; border-radius: 8px; padding: 8px 12px; cursor:pointer; }