.xltfs-chatbot{max-width:420px;border:1px solid #ddd;border-radius:12px;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.xltfs-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7f7f7;border-bottom:1px solid #eee}
.xltfs-chatbot-title{font-weight:600}
.xltfs-chatbot-end{border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.xltfs-chatbot-messages{height:360px;overflow:auto;padding:12px;background:#fff}
.xltfs-msg-row{margin:8px 0;display:flex}
.xltfs-msg-row.user{justify-content:flex-end}
.xltfs-msg-row.bot{justify-content:flex-start}
.xltfs-msg{max-width:80%;padding:10px 12px;border-radius:12px;white-space:pre-wrap;line-height:1.3;font-size:14px}
.xltfs-msg-row.user .xltfs-msg{background:#0b5fff;color:#fff;border-bottom-right-radius:4px}
.xltfs-msg-row.bot .xltfs-msg{background:#f1f1f1;color:#111;border-bottom-left-radius:4px}
.xltfs-chatbot-input{display:flex;gap:8px;padding:10px;border-top:1px solid #eee;background:#fafafa}
.xltfs-chatbot-text{flex:1;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:14px}
.xltfs-chatbot-send{border:0;background:#111;color:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}
.xltfs-chatbot-file-label{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:10px;padding:0 10px;cursor:pointer;background:#fff}
.xltfs-chatbot-file{display:none}
.xltfs-chatbot-hint{padding:8px 12px;color:#555;font-size:12px;background:#fff;border-top:1px solid #f2f2f2}

/* Floating widget wrapper */
.xltfs-chatbot-floating{position:fixed;z-index:99999;bottom:18px}
.xltfs-chatbot-floating.xltfs-float-br{right:18px}
.xltfs-chatbot-floating.xltfs-float-bl{left:18px}

/* Floating action button */
.xltfs-chatbot-fab{width:56px;height:56px;border-radius:999px;border:0;cursor:pointer;background:#111;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:22px;display:flex;align-items:center;justify-content:center}

/* Floating panel */
.xltfs-chatbot-panel{position:absolute;bottom:70px;right:0}
.xltfs-float-bl .xltfs-chatbot-panel{left:0;right:auto}

/* Make the embedded chatbot fit inside floating panel */
.xltfs-chatbot-floating .xltfs-chatbot{width:360px;max-width:calc(100vw - 36px)}

/* Small screens */
@media (max-width: 480px){
  .xltfs-chatbot-floating .xltfs-chatbot{width:calc(100vw - 36px)}
}