:root { --cb-bg:#ffffff; --cb-border:#e7dcc9; --cb-header: var(--primary); --cb-accent: var(--secondary); --cb-bot:#f5f1e8; --cb-user:#e8f5e9; }
.chatbot-launcher{ position:fixed; right:20px; bottom:20px; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--secondary)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px rgba(0,0,0,.15); cursor:pointer; z-index:1090; font-size:1.25rem; }
.chatbot{ position:fixed; right:20px; bottom:88px; width:350px; max-width:92vw; background:var(--cb-bg); border:1px solid var(--cb-border); border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.2); display:none; flex-direction:column; overflow:hidden; z-index:1090; }
.chatbot.show{ display:flex; }
.chatbot-header{ background:linear-gradient(135deg,var(--cb-header),var(--cb-accent)); color:#fff; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; font-weight:600; }
.chatbot-close{ background:transparent; border:none; color:#fff; font-size:20px; cursor:pointer; }
.chatbot-messages{ max-height:360px; min-height:220px; overflow:auto; padding:12px; background:#fff; }
.chatbot-msg{ display:flex; margin:6px 0; }
.chatbot-msg.bot{ justify-content:flex-start; }
.chatbot-msg.user{ justify-content:flex-end; }
.chatbot-bubble{ max-width:78%; padding:10px 12px; border-radius:12px; font-size:14px; line-height:1.3; box-shadow:0 2px 6px rgba(0,0,0,.05); }
.chatbot-msg.bot .chatbot-bubble{ background:var(--cb-bot); border:1px solid var(--cb-border); color:#3a2c1e; }
.chatbot-msg.user .chatbot-bubble{ background:var(--cb-user); border:1px solid #c8e6c9; color:#1b5e20; }
.chatbot-input{ display:flex; gap:8px; padding:10px; border-top:1px solid var(--cb-border); }
.chatbot-input input{ flex:1; border:1px solid var(--cb-border); border-radius:10px; padding:10px; outline:none; }
.chatbot-input button{ background:linear-gradient(135deg,var(--primary),var(--secondary)); color:#fff; border:none; border-radius:10px; padding:0 14px; }
.chatbot-quick{ display:flex; flex-wrap:wrap; gap:6px; padding:0 12px 8px; }
.chatbot-chip{ background:#fff; border:1px solid var(--cb-border); border-radius:999px; padding:6px 10px; font-size:12px; cursor:pointer; }