.qfa-lc{position:fixed;right:18px;bottom:18px;z-index:999999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border-radius:10px;}


/* Floating button */
.qfa-lc__fab{display:flex;align-items:center;gap:10px;border:0;cursor:pointer;border-radius:999px;padding:12px 14px;color:#fff;background:linear-gradient(135deg,#0b63ce,#0aa6ff);box-shadow:0 14px 40px rgba(0,0,0,.22);transition:transform .12s ease, box-shadow .12s ease}
.qfa-lc__fab:hover{transform:translateY(-1px);box-shadow:0 18px 55px rgba(0,0,0,.26)}
.qfa-lc__fab:active{transform:translateY(0)}
.qfa-lc__fab-icon{position:relative;width:18px;height:18px;display:inline-block}
.qfa-lc__bubble{position:absolute;inset:0;border-radius:6px;background:rgba(255,255,255,.92)}
.qfa-lc__bubble:before{content:"";position:absolute;left:3px;top:5px;right:3px;height:2px;background:rgba(11,99,206,.55);box-shadow:0 4px 0 rgba(11,99,206,.55),0 8px 0 rgba(11,99,206,.55)}
.qfa-lc__pulse{position:absolute;inset:-6px;border-radius:999px;background:rgba(46,255,109,.22);animation:qfaPulse 1.7s ease-out infinite}
@keyframes qfaPulse{0%{transform:scale(.65);opacity:.95}100%{transform:scale(1.2);opacity:0}}
.qfa-lc__fab-text{font-weight:800;letter-spacing:.1px}

/* Panel */
.qfa-lc__panel{position:absolute;right:0;bottom:60px;width:360px;max-width:calc(100vw - 36px);background:#fff;border-radius:18px;box-shadow:0 22px 80px rgba(0,0,0,.26);overflow:hidden;border:1px solid rgba(2,6,23,.06)}

.qfa-lc__header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 14px;background:linear-gradient(135deg,#0b63ce,#0aa6ff);color:#fff}
.qfa-lc__agent{display:flex;align-items:center;gap:10px;min-width:0}
.qfa-lc__avatar{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.4px;border:1px solid rgba(255,255,255,.25)}
.qfa-lc__title{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qfa-lc__subtitle{font-size:12px;opacity:.92;margin-top:1px}
.qfa-lc__close{border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 6px;opacity:.95}
.qfa-lc__close:hover{opacity:1}

/* Messages */
.qfa-lc__messages{padding:14px 12px 0;max-height:360px;overflow:auto;background:linear-gradient(180deg,#f8fbff, #ffffff)}
.qfa-lc__msg{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.qfa-lc__msg--user{align-items:flex-end}
.qfa-lc__msg--bot{align-items:flex-start}
.qfa-lc__bubbleWrap{max-width:86%}
.qfa-lc__bubbleText{padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.35;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.qfa-lc__msg--bot .qfa-lc__bubbleText{background:#fff;border:1px solid rgba(2,6,23,.08)}
.qfa-lc__msg--user .qfa-lc__bubbleText{background:linear-gradient(135deg,#0b63ce,#0aa6ff);color:#fff;border:0}
.qfa-lc__meta{font-size:11px;color:#64748b}
.qfa-lc__msg--user .qfa-lc__meta{color:#94a3b8}

/* Welcome + Done blocks */
.qfa-lc__welcome-title{font-weight:900;margin-bottom:4px}
.qfa-lc__welcome-sub{color:#334155}
.qfa-lc__done{font-weight:700}

/* Composer */
.qfa-lc__composer{padding:12px 12px 12px;background:#fff;border-top:1px solid rgba(2,6,23,.08)}
.qfa-lc__form{display:flex;align-items:center;gap:10px;margin:0}
.qfa-lc__field{flex:1}
.qfa-lc__input,.qfa-lc__select{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:11px 12px;font-size:13px;outline:none;background:#fff}
.qfa-lc__input:focus,.qfa-lc__select:focus{border-color:#0b63ce;box-shadow:0 0 0 3px rgba(11,99,206,.15)}
.qfa-lc__send{border:1;border-radius:12px;padding:11px 14px;background:#0b63ce;color:#fff;font-weight:900;cursor:pointer;transition:transform .12s ease, opacity .12s ease}
.qfa-lc__send:hover{transform:translateY(-1px)}
.qfa-lc__send:active{transform:translateY(0)}
.qfa-lc__send[disabled]{opacity:.7;cursor:not-allowed;transform:none}

.qfa-lc__footnote{padding:0 12px 10px;color:#64748b;font-size:11px;background:#fff}
.qfa-lc__status{padding:0 12px 12px;color:#0f172a;font-size:12px;background:#fff}

@media(max-width:420px){
  .qfa-lc{right:12px;bottom:12px}
  .qfa-lc__panel{width:320px;bottom:56px}
}