/* Keep one scrolling region between a stable header and composer. */
.chatbot .chatbot-panel { width:min(420px,calc(100vw - 32px)); height:min(620px,calc(100dvh - 110px)); max-height:calc(100dvh - 110px); }
.chatbot.chatbot-open .chatbot-panel { display:flex; flex-direction:column; }
.chatbot .chatbot-header,.chatbot .chatbot-form { flex:0 0 auto; min-width:0; }
.chatbot .chatbot-header { gap:12px; }
.chatbot .chatbot-header > div:first-child { min-width:0; }
.chatbot .chatbot-header-actions { flex-shrink:0; }
.chatbot .chatbot-messages { flex:1 1 auto; min-height:0; max-height:none; display:flex; flex-direction:column; gap:14px; overflow-y:auto; overflow-x:hidden; padding:16px; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#52717e var(--panel); scrollbar-gutter:stable; }
.chatbot-messages::-webkit-scrollbar { width:7px; }
.chatbot-messages::-webkit-scrollbar-track { background:var(--panel); }
.chatbot-messages::-webkit-scrollbar-thumb { background:#52717e; border:2px solid var(--panel); border-radius:6px; }
.chatbot .chat-message { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-start; min-width:0; margin:0; }
.chatbot .chat-message.user { align-items:flex-end; }
.chatbot .chat-bubble { min-width:0; max-width:94%; line-height:1.6; overflow-wrap:anywhere; word-break:normal; }
.chatbot .chat-bubble p,.chatbot .chat-bubble li { overflow-wrap:anywhere; }
.chatbot .chat-suggestions { flex:0 0 auto; gap:9px; margin:0; }
.chatbot .chat-suggestions[hidden] { display:none; }
.chatbot .chat-suggestions button { min-height:44px; }
.chatbot .chatbot-form { background:var(--panel); align-items:center; padding:12px; }
.chatbot .chatbot-form input { min-height:44px; }
.chatbot .chatbot-form button { height:44px; flex:0 0 44px; }
.chatbot .chatbot-form button:disabled { opacity:.5; cursor:wait; }
.chatbot .chat-diagnostics { max-width:100%; overflow-wrap:anywhere; }
@media(max-width:480px) {
 .chatbot .chatbot-panel { position:fixed; inset:auto 8px calc(76px + env(safe-area-inset-bottom)) 8px; width:auto; height:min(620px,calc(100dvh - 100px - env(safe-area-inset-bottom))); max-height:calc(100dvh - 100px - env(safe-area-inset-bottom)); }
 .chatbot .chatbot-form input { font-size:16px; }
}