
#chatbot-float-button {
  position:fixed; bottom:20px; right:20px; background:linear-gradient(135deg,#00c6ff,#0072ff);
  color:#fff; font-size:26px; padding:14px 18px; border-radius:50%; cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.25); z-index:9999; transition:transform .3s ease;
}
#chatbot-float-button:hover { transform:scale(1.1); }

#chatbot-container { position:fixed; bottom:80px; right:20px; width:380px; max-height:540px;
  background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,.3);
  z-index:9999; display:flex; flex-direction:column; font-family:'Segoe UI',sans-serif; }

#chatbot-header { background-color:#0072ff; color:#ecf0f1; padding:10px 15px; font-weight:bold;
  display:flex; justify-content:space-between; align-items:center; font-size:16px; }

#chatbot-header button { background:rgba(255,255,255,.2); border:none; color:#fff; font-size:18px;
  margin-left:5px; padding:2px 6px; border-radius:4px; cursor:pointer; }

#chatbot-window { display:flex; flex-direction:column; height:430px; }

#chatbot-messages { flex:1; overflow-y:auto; padding:14px; background:#f4f6f8; }

.chatbot-message { margin-bottom:12px; padding:10px 14px; border-radius:18px; max-width:80%;
  word-wrap:break-word; font-size:14px; line-height:1.4; }

.chatbot-user { background:#d1ecf1; color:#0c5460; align-self:flex-end; text-align:right; }
.chatbot-bot { background:#e2e3e5; color:#383d41; align-self:flex-start; }

.chatbot-typing-dots { display:flex; align-items:center; gap:4px; }
.chatbot-typing-dots span { width:6px; height:6px; background:#888; border-radius:50%; animation:blink 1.2s infinite; }
.chatbot-typing-dots span:nth-child(2){ animation-delay:.2s;}
chatbot-typing-dots span:nth-child(3){ animation-delay:.4s;}
@keyframes blink{0%{opacity:.2;}20%{opacity:1;}100%{opacity:.2;}}

#chatbot-input-area { display:flex; border-top:1px solid #ccc; background:#fff; }
#chatbot-input { flex:1; padding:12px; border:none; font-size:14px; outline:none; }
#chatbot-send { padding:0 16px; background:#0072ff; color:#fff; border:none; cursor:pointer; font-size:14px; }
#chatbot-send:hover { background:#005ecb; }
