:host{--ff-chat-color:#2271b1;--ff-chat-offset:24px;--ff-chat-mobile-bottom:80px}.ff-chat-widget{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}.ff-chat-button{position:fixed;z-index:999999;right:var(--ff-chat-offset);bottom:var(--ff-chat-offset);width:auto;min-width:58px;height:58px;padding:0 18px;border:0;border-radius:999px;background:var(--ff-chat-color);color:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 18px 45px rgba(15,23,42,.25);cursor:pointer;font-weight:800;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.ff-chat-button:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(15,23,42,.3)}.ff-chat-button svg{width:22px;height:22px}.ff-chat-button-left{left:var(--ff-chat-offset);right:auto}.ff-chat-badge{display:none;position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:20px;text-align:center;box-shadow:0 4px 10px rgba(239,68,68,.35)}.ff-chat-badge.show{display:block}.ff-chat-panel{position:fixed;z-index:999999;right:var(--ff-chat-offset);bottom:calc(var(--ff-chat-offset) + 72px);width:min(390px,calc(100vw - 32px));height:590px;max-height:calc(100vh - 118px);display:none;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:24px;box-shadow:0 30px 100px rgba(15,23,42,.3)}.ff-chat-panel-left{left:var(--ff-chat-offset);right:auto}.ff-chat-panel.open{display:flex;flex-direction:column}.ff-chat-header{padding:18px;background:linear-gradient(135deg,var(--ff-chat-color),#111827);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.ff-chat-title{font-weight:900;font-size:16px;line-height:1.1}.ff-chat-subtitle{font-size:12px;opacity:.82;margin-top:4px}.ff-chat-close{width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:22px;line-height:1}.ff-chat-lead{flex:1;padding:18px;background:#fff;display:flex;flex-direction:column;gap:10px}.ff-chat-lead-copy{padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;color:#334155;font-size:13px;line-height:1.45}.ff-chat-lead-copy strong{display:block;color:#111827;font-size:17px;margin-bottom:5px}.ff-chat-lead-copy span{display:block}.ff-chat-lead input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;background:#fff;color:#111827;padding:12px 13px;font-size:14px;outline:none}.ff-chat-lead input:focus{border-color:var(--ff-chat-color);box-shadow:0 0 0 3px rgba(34,113,177,.16)}.ff-chat-start{border:0;border-radius:15px;background:var(--ff-chat-color);color:#fff;font-weight:900;padding:13px 16px;cursor:pointer;font-size:14px;box-shadow:0 10px 24px rgba(15,23,42,.14)}.ff-chat-start:disabled{opacity:.65;cursor:not-allowed}.ff-chat-lead-note{font-size:12px;color:#64748b;text-align:center;margin-top:2px}.ff-chat-lead-error{padding:9px 11px;border-radius:12px;background:#fef2f2;color:#991b1b;font-size:12px;border:1px solid #fecaca}.ff-chat-body{flex:1;min-height:0;display:flex;flex-direction:column}.ff-chat-intro{padding:13px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#334155;font-size:13px;line-height:1.45}.ff-chat-messages{flex:1;overflow:auto;padding:16px;background:#f3f4f6;display:flex;flex-direction:column;gap:10px}.ff-chat-bubble{max-width:82%;padding:10px 12px;border-radius:17px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.ff-chat-bubble.customer{align-self:flex-end;background:var(--ff-chat-color);color:#fff;border-bottom-right-radius:6px}.ff-chat-bubble.admin,.ff-chat-bubble.agent,.ff-chat-bubble.system{align-self:flex-start;background:#fff;color:#111827;border:1px solid #e5e7eb;border-bottom-left-radius:6px}.ff-chat-meta{margin-top:5px;font-size:10px;opacity:.62}.ff-chat-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e5e7eb}.ff-chat-input{flex:1;min-height:42px;max-height:120px;resize:none;box-sizing:border-box;border:1px solid #d1d5db;border-radius:15px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.35;outline:none}.ff-chat-input:focus{border-color:var(--ff-chat-color);box-shadow:0 0 0 3px rgba(34,113,177,.16)}.ff-chat-send{border:0;border-radius:15px;background:var(--ff-chat-color);color:#fff;font-weight:900;padding:0 16px;cursor:pointer;min-width:58px}.ff-chat-send:disabled{opacity:.55;cursor:not-allowed}.ff-chat-error{display:none;padding:9px 16px;background:#fef2f2;color:#991b1b;border-top:1px solid #fecaca;font-size:12px}.ff-chat-offline{padding:11px 16px;background:#fffbeb;color:#92400e;border-bottom:1px solid #fde68a;font-size:13px;line-height:1.45}.ff-chat-typing{padding:6px 16px;background:#f8fafc;color:#64748b;font-size:12px;border-top:1px solid #e5e7eb}.ff-chat-context{font-size:11px;color:#64748b;margin-top:6px;line-height:1.35}.ff-chat-hidden{display:none!important}@media(max-width:560px){.ff-chat-button{right:16px;bottom:var(--ff-chat-mobile-bottom);height:56px;min-width:56px;padding:0 16px}.ff-chat-button-left{left:16px;right:auto}.ff-chat-panel{right:12px;bottom:calc(var(--ff-chat-mobile-bottom) + 68px);width:calc(100vw - 24px);height:min(590px,calc(100vh - var(--ff-chat-mobile-bottom) - 88px));border-radius:22px}.ff-chat-panel-left{left:12px;right:auto}.ff-chat-button span{display:none}}