/* ============================================================
   chat.css
   Part of KineticAI Frontend — split from v6_updated.html
   ============================================================ */


/* ---- Floating Chatbot Widget ---- */
.fc-msg{display:flex;}
.fc-bot{justify-content:flex-start;}
.fc-user{justify-content:flex-end;}
.fc-bubble{max-width:80%;padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.65;}
.fc-bub-bot{background:#fff;border:1px solid var(--border2);border-bottom-left-radius:3px;color:var(--text);}
.fc-bub-user{background:var(--neon);color:#fff;border-bottom-right-radius:3px;}

#fc-wrap{position:fixed;bottom:24px;right:24px;z-index:8000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
#fc-panel{display:none;flex-direction:column;width:340px;height:440px;background:#fff;border:1px solid var(--border2);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;}
#fc-panel.OPEN{display:flex;}
.fc-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--neon);color:#fff;flex-shrink:0;}
.fc-header-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:14px;}
.fc-header-title{font-size:14px;font-weight:700;}
.fc-header-status{font-size:11px;opacity:.85;}
.fc-close-btn{margin-left:auto;background:rgba(255,255,255,0.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;}
#fc-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg0);}
.fc-input-row{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--border);flex-shrink:0;}
#fc-input{flex:1;padding:9px 12px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;font-size:13px;font-family:var(--font);color:var(--text);outline:none;}
.fc-send-btn{width:36px;height:36px;background:var(--neon);border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#fc-toggle-btn{width:52px;height:52px;background:var(--neon);border:none;border-radius:50%;cursor:pointer;color:#fff;box-shadow:0 4px 14px rgba(2,132,199,0.35);display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:var(--font);}