.webchat-invite{padding:18px 0 26px;background:#eef6ff}.webchat-invite-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #d9e5f4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,35,70,.08)}
.webchat-invite-kicker{display:block;margin-bottom:4px;color:#0b68f0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.webchat-invite h2{margin:0 0 6px;font-size:1.55rem}.webchat-invite p{margin:0;color:#52627a}.webchat-invite-button,.webchat-launcher,.webchat-form button{border:0;background:linear-gradient(135deg,#246ff2,#14a8df);color:#fff;font-weight:800;cursor:pointer}.webchat-invite-button{min-height:44px;padding:0 20px;border-radius:12px;white-space:nowrap}
.webchat-launcher{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;gap:9px;min-height:48px;padding:0 18px;border-radius:999px;box-shadow:0 14px 30px rgba(20,72,145,.28)}.webchat-launcher svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.webchat-launcher:focus-visible,.webchat-panel button:focus-visible,.webchat-panel textarea:focus-visible{outline:3px solid #f7b731;outline-offset:3px}
.webchat-panel{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px);z-index:1200;display:flex;flex-direction:column;width:min(410px,calc(100vw - 32px));height:min(640px,calc(100dvh - 110px));overflow:hidden;border:1px solid #d8e0ec;border-radius:20px;background:#fff;box-shadow:0 24px 65px rgba(10,30,65,.3)}.webchat-panel[hidden]{display:none}.webchat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#112b55;color:#fff}.webchat-header h2{margin:0;font-size:1.05rem}.webchat-header p{margin:3px 0 0;color:#cfe3ff;font-size:.82rem}.webchat-close{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.6rem;cursor:pointer}
.webchat-history{flex:1;overflow:auto;padding:18px;background:#f4f7fb;scroll-behavior:smooth}.webchat-message{max-width:84%;margin:0 0 12px;padding:10px 12px;border-radius:14px;line-height:1.42;overflow-wrap:anywhere}.webchat-message p{margin:0}.webchat-message-team{margin-right:auto;border-bottom-left-radius:4px;background:#fff;color:#17243a;box-shadow:0 2px 8px rgba(15,35,70,.08)}.webchat-message-visitor{margin-left:auto;border-bottom-right-radius:4px;background:#dceaff;color:#102a50}.webchat-message small{display:block;margin-top:5px;color:#718096;font-size:.7rem}.webchat-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.webchat-shortcuts button{min-height:38px;padding:7px 11px;border:1px solid #bdd2f1;border-radius:999px;background:#fff;color:#194b91;font-weight:700;cursor:pointer}
.webchat-status{min-height:24px;padding:3px 16px;color:#6b7280;font-size:.78rem}.webchat-status.is-error{color:#b42318}.webchat-form{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px 14px;border-top:1px solid #e2e8f0;background:#fff}.webchat-form textarea{min-height:44px;max-height:110px;resize:none;padding:11px 12px;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.webchat-form button{min-width:78px;border-radius:12px}.webchat-form button:disabled{opacity:.5;cursor:not-allowed}.webchat-footer{display:flex;flex-wrap:wrap;gap:3px 8px;padding:0 14px calc(10px + env(safe-area-inset-bottom));color:#6b7280;font-size:.7rem}.webchat-footer a{color:#1e64c8}.webchat-loading::after{content:'…';animation:webchatDots 1s infinite}@keyframes webchatDots{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.webchat-new-session{padding:8px 14px 4px}.webchat-new-session button{width:100%;min-height:44px;border:0;border-radius:12px;background:#1768db;color:#fff;font:inherit;font-weight:800;cursor:pointer}.webchat-new-session button:focus-visible{outline:3px solid #f7b731;outline-offset:2px}
@media(max-width:640px){.webchat-invite-inner{align-items:flex-start;flex-direction:column;padding:20px}.webchat-invite-button{width:100%}.webchat-launcher{width:52px;height:52px;padding:0;justify-content:center}.webchat-launcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.webchat-panel{inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:auto;height:auto;border-radius:17px}.webchat-history{padding:14px}.webchat-message{max-width:90%}}
@media(prefers-reduced-motion:reduce){.webchat-history{scroll-behavior:auto}.webchat-loading::after{animation:none}}