#chatai-widget-root { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
.chatai-bubble { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg,#667eea,#00d2ff); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 20px rgba(0,0,0,.15); cursor:pointer; }
.chatai-panel { display:none; position: fixed; bottom: 90px; right: 20px; width: 340px; max-height: 60vh; background: #fff; border-radius: 16px; box-shadow:0 16px 32px rgba(0,0,0,.2); overflow:hidden; }
.chatai-header { background: linear-gradient(135deg,#667eea,#00d2ff); color:#fff; padding:12px 14px; font-weight:600; }
.chatai-body { padding:12px; height: 300px; overflow-y:auto; background:#f8fafc; }
.chatai-input { display:flex; gap:8px; padding:12px; background:#fff; border-top:1px solid #e5e7eb; }
.chatai-input input { flex:1; border:1px solid #e5e7eb; border-radius: 10px; padding:10px; }
.chatai-input button { background:#667eea; color:#fff; border:none; border-radius:10px; padding:10px 12px; }
.chatai-msg { margin-bottom:10px; padding:10px 12px; border-radius:12px; max-width:85%; }
.chatai-msg.user { margin-left:auto; background:#667eea; color:#fff; }
.chatai-msg.bot { background:#ecfeff; color:#0c4a6e; border-left:3px solid #06b6d4; }