/* Floating Chat Widget */
.ai-support-widget { position:fixed; z-index:99999; font-family:'Outfit',system-ui,sans-serif; }
.ai-support-widget[data-position="bottom-right"] .ai-support-toggle,
.ai-support-widget .ai-support-toggle { position:fixed; bottom:24px; right:24px; width:56px; height:56px; border-radius:16px; background:var(--ai-color,#c44a2c); color:#fff; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(0,0,0,0.15); transition:transform .2s,box-shadow .2s; z-index:100000; }
.ai-support-toggle:hover { transform:scale(1.05); box-shadow:0 6px 28px rgba(0,0,0,0.2); }

.ai-support-panel { position:fixed; bottom:92px; right:24px; width:380px; max-height:560px; background:#fff; border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,0.12); display:none; flex-direction:column; overflow:hidden; z-index:100000; border:1px solid #e8e6e3; }
.ai-support-panel.open { display:flex; animation:aiSlideUp .3s ease; }
@keyframes aiSlideUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

.ai-support-header { padding:16px 20px; background:var(--ai-color,#c44a2c); color:#fff; display:flex; justify-content:space-between; align-items:center; }
.ai-support-header-title { font-weight:600; font-size:15px; }
.ai-support-close { background:none; border:none; color:#fff; font-size:22px; cursor:pointer; padding:0; line-height:1; opacity:.8; }
.ai-support-close:hover { opacity:1; }

.ai-support-domains { display:flex; gap:6px; padding:10px 16px; border-bottom:1px solid #f0eeeb; flex-wrap:wrap; }
.ai-support-domain-btn { padding:5px 12px; border-radius:8px; border:1px solid #e8e6e3; background:#fff; cursor:pointer; font-size:12px; font-family:inherit; transition:all .2s; }
.ai-support-domain-btn:hover { border-color:#ccc; }
.ai-support-domain-btn.active { background:var(--ai-color,#c44a2c); color:#fff; border-color:transparent; }

.ai-support-messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; min-height:280px; max-height:360px; }
.ai-support-user-msg { align-self:flex-end; max-width:80%; padding:10px 14px; background:#1a1a2e; color:#fff; border-radius:14px 14px 4px 14px; font-size:14px; line-height:1.5; }
.ai-support-bot-msg { align-self:flex-start; max-width:85%; padding:10px 14px; background:#faf9f7; border:1px solid #f0eeeb; border-radius:14px 14px 14px 4px; font-size:14px; line-height:1.6; color:#1a1a2e; }

.ai-support-input-area { display:flex; gap:8px; padding:12px 16px; border-top:1px solid #f0eeeb; }
.ai-support-input-area input { flex:1; padding:10px 14px; border:1px solid #e8e6e3; border-radius:10px; font-size:14px; font-family:inherit; outline:none; }
.ai-support-input-area input:focus { border-color:var(--ai-color,#c44a2c); box-shadow:0 0 0 3px rgba(196,74,44,0.08); }
.ai-support-input-area button { width:40px; height:40px; border-radius:10px; border:none; background:#1a1a2e; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.ai-support-input-area button:hover { background:var(--ai-color,#c44a2c); }

.ai-support-typing { display:flex; gap:4px; padding:4px 0; }
.ai-support-typing span { width:6px; height:6px; border-radius:50%; background:#aaa; animation:aiDot 1.2s ease infinite; }
.ai-support-typing span:nth-child(2) { animation-delay:.15s; }
.ai-support-typing span:nth-child(3) { animation-delay:.3s; }
@keyframes aiDot { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-5px)} }