/* Floating container */
#ask-riyad-chatbot{position:fixed;right:22px;bottom:22px;z-index:60}
#chatbot-toggler{width:58px;height:58px;border-radius:9999px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:0;display:grid;place-items:center;box-shadow:0 12px 32px rgba(106,17,203,.35);cursor:pointer}
#chatbot-toggler .close-icon{display:none}
#chatbot-toggler.active .chat-icon{display:none}
#chatbot-toggler.active .close-icon{display:block}
/* Window */
.chatbot-window{position:fixed;right:22px;bottom:86px;width:360px;max-width:calc(100vw - 32px);height:520px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1rem;box-shadow:0 24px 70px rgba(15,23,42,.25);display:none;flex-direction:column;overflow:hidden}
.chatbot-window.active{display:flex}
.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}
.bot-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.15)}
.close-btn{background:rgba(255,255,255,.2);border:0;border-radius:.6rem;color:#fff;padding:.25rem .5rem;cursor:pointer}
/* Messages */
.chat-messages{flex:1;overflow:auto;padding:12px;background:#f8fafc}
.user-message,.bot-message{display:flex;gap:.5rem;margin:.5rem 0}
.message-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9999px;background:#e5e7eb;color:#111;flex:0 0 34px}
.user-message .message-avatar{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}
.message-content{background:#fff;border-radius:12px;padding:.6rem .85rem;box-shadow:0 6px 20px rgba(15,23,42,.08);max-width:78%}
.user-message .message-content{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}
/* Quick buttons & form */
.quick-questions{display:flex;gap:.4rem;padding:.5rem .75rem;border-top:1px solid #e5e7eb;background:#fff;flex-wrap:wrap}
.quick-btn{border:1px solid #e5e7eb;background:#fff;border-radius:9999px;padding:.35rem .7rem;cursor:pointer}
.chat-form{display:flex;gap:.4rem;padding:8px;border-top:1px solid #e5e7eb;background:#fff}
#chat-input{flex:1;border:2px solid #e5e7eb;border-radius:9999px;padding:.55rem .9rem}
.send-btn{border:0;border-radius:9999px;padding:.55rem 1rem;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;cursor:pointer}
@media (max-width:480px){.chatbot-window{right:10px;bottom:80px;width:92vw;height:70vh}}