:root{--brand-azure:#2962ff;--brand-iris:#7c3aed;--accent-aqua:#16d9e3;--success:#22c55e;--warning:#f59e0b;--danger:#ff5a5f;--canvas:#f8fafc;--surface:#fff;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--surface-selected:#eef2ff;--surface-hover:#f1f5f9;--glass-surface:#ffffffbf;--glass-border:#fff9;--glass-blur:blur(16px);--font-brand:"Sora", "Inter", "Segoe UI", Arial, sans-serif;--font-ui:"Inter", "Segoe UI", Roboto, Arial, sans-serif;--gradient-primary:linear-gradient(135deg, #2962ff 0%, #7c3aed 65%, #8b5cf6 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--canvas:#081225;--surface:#0f1c33;--surface-elevated:#17233d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#273552;--border-strong:#3b4b6b;--surface-selected:#172554;--surface-hover:#14213a;--glass-surface:#0f1c33a6;--glass-border:#ffffff1a;--glass-blur:blur(16px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.widget-shell{background:var(--surface);width:min(100%,24rem);color:var(--text-primary);margin:0 auto;display:grid}.widget-shell-bubble{background:0 0;place-items:center;width:4.5rem;height:4.5rem;min-height:0}.launcher-bubble{cursor:pointer;color:#fff;background:var(--gradient-primary);border:none;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;transition:transform .15s;display:flex;position:relative;box-shadow:0 12px 32px #2962ff59}.launcher-bubble:hover{transform:scale(1.05)}.launcher-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-.2rem;right:-.2rem}.widget-shell-panel{border-inline:1px solid var(--border);grid-template-rows:auto 1fr auto;min-height:100vh;box-shadow:0 24px 80px #0f172a2e}.widget-shell-host-floating{z-index:2147483000;margin:0;position:fixed;bottom:1.25rem;right:1.25rem}.widget-shell-host-floating.widget-shell-panel{border:1px solid var(--border);border-radius:1rem;width:min(24rem,100vw - 1.5rem);height:min(40rem,100vh - 1.5rem);min-height:min(40rem,100vh - 1.5rem);max-height:min(40rem,100vh - 1.5rem);overflow:hidden}.widget-shell-host-floating .widget-body,.widget-shell-host-floating .widget-body-helpdesk{min-height:0}.widget-shell-host-standalone.widget-shell-panel{border-radius:0}.panel-header{background:var(--gradient-primary);color:#fff;padding:1rem 1rem 0}.panel-header-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.panel-header-identity{align-items:center;gap:.65rem;display:flex}.panel-avatar{object-fit:cover;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.05rem;font-weight:700;display:flex;overflow:hidden}.panel-property-name{font-family:var(--font-brand);margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.panel-greeting{opacity:.9;margin:.15rem 0 0;font-size:.82rem;line-height:1.3}.panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.panel-status-pill{background:#ffffff29;border-radius:999px;margin-top:.75rem;padding:.3rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.panel-tabs{gap:1.25rem;margin-top:.85rem;display:flex}.panel-tabs button{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 .7rem;font-size:.85rem;font-weight:600}.panel-tabs button.is-active{color:#fff;border-bottom-color:#fff}.widget-body{flex-direction:column;gap:.75rem;min-height:0;padding:.85rem 1rem 1rem;display:flex;overflow:hidden}.info-card,.error-card{border-radius:1rem;flex-shrink:0;margin:0;padding:.8rem .9rem;font-size:.9rem}.info-card{background:var(--surface-selected);color:var(--brand-blue,var(--brand-azure))}.error-card{color:var(--danger);background:#ff5a5f1a}.widget-body-helpdesk{min-height:0;padding:.85rem 1rem 1rem;overflow:auto}.helpdesk-view{flex-direction:column;gap:.75rem;display:flex}.helpdesk-search{background:var(--surface-hover);color:var(--text-muted);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.helpdesk-search input{font:inherit;color:var(--text-primary);background:0 0;border:none;flex:1}.helpdesk-search input:focus{outline:none}.helpdesk-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.helpdesk-empty{color:var(--text-muted);font-size:.88rem}.helpdesk-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.helpdesk-list button{text-align:left;background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:.85rem;flex-direction:column;gap:.15rem;width:100%;padding:.65rem .85rem;display:flex}.helpdesk-article-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.helpdesk-article-subtitle{color:var(--text-muted);font-size:.8rem}.helpdesk-article{flex-direction:column;gap:.5rem;display:flex}.helpdesk-back{color:var(--brand-azure);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:600}.helpdesk-article h2{margin:0;font-size:1.05rem}.helpdesk-article-body{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.widget-footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.3rem;padding:.5rem;font-size:.72rem;display:flex}.widget-footer strong{color:var(--text-secondary)}:root{--message-outgoing-bg:var(--gradient-primary);--message-outgoing-text:#fff;--message-incoming-bg:var(--surface-hover);--message-incoming-text:var(--text-primary);--message-ai-bg:#f3f0ff;--message-ai-border:#d8ccff;--message-meta:var(--text-muted);--message-read:var(--accent-aqua);--message-failed:var(--danger)}[data-theme=dark]{--message-ai-bg:#211a3a;--message-ai-border:#49368f}.message-stack{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:.35rem 0 .15rem;display:flex;overflow:auto}.message-stack>:first-child{margin-top:auto}.message-group{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.group-outgoing{align-items:flex-end}.group-incoming{align-items:flex-start}.message-group-identity{align-items:center;gap:8px;margin-bottom:4px;padding-left:2px;display:flex}.message-group-bubbles{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.group-outgoing .message-group-bubbles{align-items:flex-end}.group-incoming .message-group-bubbles{align-items:flex-start}.message-avatar,.message-avatar-fallback{object-fit:cover;border-radius:50%;width:28px;height:28px}.message-avatar-fallback{background:var(--message-incoming-bg);color:var(--message-incoming-text);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.message-author-name{color:var(--message-meta);font-size:13px;font-weight:600}.ai-label{text-transform:uppercase;color:var(--brand-iris);background:#7c3aed1a;border-radius:12px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600}.message-bubble-wrapper{flex-direction:column;gap:4px;width:fit-content;min-width:3.75rem;max-width:min(84%,20rem);display:flex}@media (width<=768px){.message-bubble-wrapper{max-width:88%}}@media (width<=480px){.widget-shell-host-floating.widget-shell-panel{border-radius:0;width:100vw;height:100vh;max-height:none;bottom:0;right:0}.widget-shell-host-floating.widget-shell-bubble{bottom:1rem;right:1rem}}.message-bubble-wrapper.is-outgoing{align-items:flex-end;margin-left:auto}.message-bubble-wrapper.is-incoming{align-items:flex-start;margin-right:auto}.message-bubble{box-sizing:border-box;word-break:break-word;max-width:100%;padding:11px 14px 10px;font-size:14px;line-height:1.45;box-shadow:0 8px 18px #0f172a14}@media (width<=768px){.message-bubble{padding:10px 13px 9px}}.radius-standard{border-radius:18px}.radius-incoming-tail{border-radius:18px 18px 18px 6px}.radius-outgoing-tail{border-radius:18px 18px 6px}.is-incoming .message-bubble{background:var(--message-incoming-bg);color:var(--message-incoming-text);border:1px solid #94a3b81f}.is-incoming .message-bubble.is-ai{background:var(--message-ai-bg);border:1px solid var(--message-ai-border)}.is-outgoing .message-bubble{background:var(--message-outgoing-bg);color:var(--message-outgoing-text);box-shadow:0 12px 24px #4f46e538}.message-metadata{color:var(--message-meta);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.metadata-outgoing{justify-content:flex-end;padding-right:4px}.metadata-incoming{justify-content:flex-start;padding-left:4px}.message-status-icon{font-size:10px;font-weight:700;display:inline-flex}.status-sent,.status-delivered{color:var(--message-meta)}.status-read{color:var(--message-read)}.status-failed{color:var(--message-failed)}.message-failed-text{color:var(--message-failed);font-weight:500}.retry-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.system-event{text-align:center;color:var(--message-meta);background:#64748b14;border-radius:999px;align-self:center;margin:8px 0;padding:4px 12px;font-size:12px}.rich-content{flex-direction:column;gap:8px;min-width:0;max-width:100%;display:flex}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:0}.message-attachments{flex-direction:column;gap:6px;display:flex}.message-attachment-card{min-width:0;color:inherit;background:#0f172a14;border:1px solid #94a3b829;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-open{flex-shrink:0;font-weight:600}.message-quick-replies{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.quick-reply-chip{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:6px 12px;font-size:13px}.message-composer{background:linear-gradient(180deg, #ffffff05 0%, var(--surface) 100%);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:12px 12px 14px;display:flex}.composer-pre-chat{flex-direction:column;gap:8px;display:flex}.composer-field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.composer-field input{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text-primary);border-radius:8px;padding:8px 12px}.composer-input-row{background:var(--surface-hover);border:1px solid var(--border);border-radius:24px;align-items:flex-end;gap:10px;padding:8px 10px 8px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.composer-input-row:focus-within{border-color:#4f46e566;box-shadow:0 0 0 3px #4f46e514,inset 0 1px #ffffff0f}.composer-input-row textarea{resize:none;min-width:0;font:inherit;max-height:120px;color:var(--text-primary);background:0 0;border:none;flex:1;padding:6px 0;font-size:14px;line-height:1.45}.composer-input-row textarea:focus{outline:none}.composer-actions{flex-shrink:0;align-items:center;gap:8px;padding-bottom:2px;display:flex}.composer-attach{cursor:pointer;color:var(--text-muted);justify-content:center;align-items:center;padding:4px;display:flex}.composer-attach input{display:none}.composer-send{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 20px #4f46e547}.composer-send:disabled{opacity:.5;cursor:not-allowed}.composer-send:not(:disabled):hover{transform:scale(1.05);box-shadow:0 12px 24px #4f46e557}.composer-pending-file{background:var(--surface-hover);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.composer-pending-file button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.emoji-picker{display:flex;position:relative}.composer-emoji-trigger{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.emoji-picker-panel{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0f172a2e}.emoji-picker-panel button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:1.1rem;line-height:1}.emoji-picker-panel button:hover{background:var(--surface-hover)}.rating-card,.rating-thanks{border:1px solid var(--border);background:var(--surface-selected);color:var(--text-primary);border-radius:1.1rem;flex-shrink:0;margin:0;padding:.9rem}.rating-card{gap:.65rem;display:grid}.rating-options{gap:.25rem;display:flex}.rating-options button{color:var(--border-strong);cursor:pointer;background:0 0;border:0;padding:.1rem;font-size:1.45rem;line-height:1}.rating-options button.selected{color:var(--warning)}.rating-card textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;resize:vertical;border-radius:.75rem;padding:.65rem}.rating-card>button{background:var(--brand-azure);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:.65rem .9rem;font-weight:700}.rating-card>button:disabled{opacity:.5;cursor:not-allowed}
