:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17231d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:transparent}button,input{font:inherit}.widget{position:relative;width:100%;height:100%}.widget-hit-test{position:absolute;inset:16px;display:flex;flex-direction:column;gap:10px}.widget-hit-test p{margin:0;color:#526159;font-size:13px}.widget-hit-test>div{display:grid;min-height:0;flex:1;grid-template-columns:repeat(6,1fr);gap:6px}.widget-hit-test button{min-width:0;border:1px solid #b9c8c0;border-radius:7px;padding:0;color:#526159;background:#edf3ef;cursor:pointer;font-size:11px}.widget-hit-test button:hover{border-color:#d97706;color:#fff;background:#d97706}.widget-hit-test button.clicked{border-color:#15803d;color:#fff;background:#15803d}.widget.standalone{display:grid;place-items:center;padding:0;background:#eef3f0}.widget.standalone .panel{position:relative;inset:auto;width:min(720px,100%);height:100%;border-top:0;border-bottom:0;border-radius:0}.launcher{position:absolute;right:0;bottom:0;width:80px;height:56px;border:0;border-radius:28px;padding:0;color:#fff;background:#176b4d;box-shadow:0 12px 30px #173f2d55;cursor:pointer;font-weight:700;overflow:hidden}.launcher img{display:block;max-width:none;object-fit:contain}.panel{position:absolute;inset:0 0 var(--launcher-space, 72px) 0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe7e0;border-radius:20px;background:#fff;box-shadow:0 18px 50px #17231d33}header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#fff;background:#176b4d}header div{display:grid;gap:3px}header span{font-size:13px;opacity:.82}.widget-title{display:flex;align-items:center;gap:8px}.connection-indicator{width:9px;height:9px;flex:0 0 auto;border:2px solid #176b4d;border-radius:50%;background:#ef4444;box-shadow:0 0 0 1px #fecaca;opacity:1}.connection-indicator.connected{background:#4ade80;box-shadow:0 0 0 1px #bbf7d0,0 0 8px #4ade80aa}.connection-indicator.connecting{background:#fbbf24;box-shadow:0 0 0 1px #fde68a}.icon-button{border:0;color:#fff;background:transparent;cursor:pointer;font-size:26px}.name-prompt{display:grid;gap:8px;padding:12px 14px;border-bottom:1px solid #dbe7e0;background:#f0faf4}.name-prompt label{color:#3b5247;font-size:13px;font-weight:700}.name-prompt div{display:flex;gap:8px}.name-prompt input{min-width:0;flex:1;border:1px solid #bbcec3;border-radius:9px;padding:8px 10px}.name-prompt button{border:0;border-radius:9px;padding:8px 11px;color:#fff;background:#176b4d;cursor:pointer}.messages{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;padding:18px;background:#f6faf7}.welcome{display:grid;gap:6px;margin:auto;max-width:240px;text-align:center;color:#637269}.widget-message{display:flex;width:fit-content;max-width:86%;flex-direction:column;align-items:flex-start;align-self:flex-start;margin:3px 0}.widget-message.has-sender{margin-top:12px}.widget-message.visitor{align-items:flex-end;align-self:flex-end}.message-sender{margin:0 8px 4px;color:#2563eb;font-size:12px;line-height:1.2}.widget-message.visitor .message-sender{color:#1d4ed8}.message-bubble{min-width:72px;border:1px solid #e2e8f0;border-radius:6px 16px 16px;padding:9px 12px;background:#f8fafc;box-shadow:0 2px 7px #0f172a0a}.widget-message.visitor .message-bubble{border-color:#bfdbfe;border-radius:16px 6px 16px 16px;background:linear-gradient(145deg,#dbeafe,#e8f2ff);box-shadow:0 2px 7px #1d4ed80d}.message-bubble p{margin:0;color:#172033;overflow-wrap:anywhere;font-size:14px;line-height:1.45;white-space:pre-wrap}.message-image{display:block;width:min(240px,100%);max-height:280px;border-radius:9px;object-fit:contain}.message-bubble a+p{margin-top:8px}.message-time{margin:3px 7px 0;color:#94a3b8;font-size:10px;line-height:1.2}.error{padding:8px 16px;color:#9f2727;background:#fff0f0;font-size:13px}.attachment-preview{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:8px 14px;border-top:1px solid #e5ece8;background:#f8faf9}.attachment-preview img{width:44px;height:44px;border-radius:7px;object-fit:cover}.attachment-preview span{overflow:hidden;color:#526159;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{width:30px;height:30px;border:0;border-radius:50%;padding:0;color:#526159;background:#e5ece8;cursor:pointer;font-size:20px}form{display:flex;gap:10px;padding:14px;border-top:1px solid #e5ece8}.message-composer input{min-width:0;flex:1;border:1px solid #ccd9d1;border-radius:12px;padding:9px 11px;outline:none}.attachment-button{display:grid;width:38px;flex:0 0 auto;place-items:center;border:1px solid #ccd9d1;border-radius:12px;color:#176b4d;cursor:pointer;font-size:24px}.attachment-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.message-composer input:focus{border-color:#176b4d;box-shadow:0 0 0 3px #176b4d1c}form button{align-self:end;border:0;border-radius:10px;padding:10px 14px;color:#fff;background:#176b4d;cursor:pointer;font-weight:650}button:disabled{cursor:not-allowed;opacity:.55}