#ff-chatbot-widget { position: fixed; bottom: 20px; right: 20px; z-index: 999999; font-family: Arial, sans-serif; }
#ff-chatbot-toggle { background: #0073aa; color: #fff; padding: 12px; border-radius: 50%; cursor: pointer; width:48px; height:48px; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
#ff-chatbot-box { width: 360px; max-width: calc(100vw - 40px); height: 480px; background: #fff; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 6px 24px rgba(0,0,0,0.18); margin-bottom: 10px; display:flex; flex-direction:column; overflow:hidden; }
.ff-panel { padding: 12px; box-sizing: border-box; }
#ff-lead-form input, #ff-chat-panel input { width: 100%; padding: 8px; margin:6px 0; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; }
#ff-start, #ff-send { padding:8px 12px; cursor:pointer; background:#0073aa; color:#fff; border:none; border-radius:6px; }
.ff-messages { flex: 1; overflow:auto; margin-bottom:8px; padding:8px; background:#f8f8f8; border-radius:6px; }
.ff-msg { padding:10px; margin:6px 0; border-radius:8px; max-width:85%; word-wrap:break-word; }
.ff-user { background:#e6f7ff; margin-left:auto; text-align:right; }
.ff-bot { background:#fff; border:1px solid #eee; }
.ff-bot-sources { font-size:12px; color:#666; margin-top:6px; }
.ff-input-wrap { display:flex; gap:8px; padding:8px; border-top:1px solid #eee; }
.ff-input-wrap input { flex:1; padding:8px; border:1px solid #ddd; border-radius:4px; }
.small { font-size:12px; color:#666; margin-top:6px; }
@media (max-width:420px) { #ff-chatbot-box { right: 10px; left: 10px; width:auto; height: 70vh; } }