/* The same panel, bubbles and composer as the cabinet Fonarik widget. */
.pa{font-family:inherit;font-size:14px;line-height:1.45;color:#fff;position:fixed;right:24px;bottom:24px;z-index:950;text-align:left;}
.pa *{box-sizing:border-box;}
.pa [hidden]{display:none!important;}
.pa button,.pa textarea{font-family:inherit;letter-spacing:normal;text-transform:none;}
.pa button{cursor:pointer;}
.pa button:not(.pa-launch):focus-visible,.pa a:focus-visible{outline:2px solid #a967ff;outline-offset:3px;}
.pa-launch{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#1b1030;box-shadow:0 6px 28px rgba(0,0,0,.3);outline:none;}
.pa .pa-launch:focus{outline:none;}
.pa-launch svg{display:block;width:30px;height:30px;}
.pa-loading .pa-launch{cursor:wait;}
.pa-loading .pa-launch svg,.pa-loading .pa-badge{visibility:hidden;}
.pa-loading .pa-launch::after{content:"";position:absolute;width:26px;height:26px;border:3px solid rgba(255,207,133,.25);border-top-color:#ffcf85;border-radius:50%;animation:pa-spin .8s linear infinite;}
@keyframes pa-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.pa-loading .pa-launch::after{animation:none;}}
.pa-panel{position:absolute;bottom:76px;right:0;width:396px;height:min(620px,calc(100dvh - 140px));max-width:calc(100vw - 32px);display:flex;flex-direction:column;overflow:hidden;background:#1b1030;border:1px solid rgba(255,255,255,.09);border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.55);}
.pa-head{display:flex;flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(120deg,rgba(169,103,255,.16),rgba(255,190,86,.09));}
.pa-head img{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:50%;background:#fff;}
.pa-head strong{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:#fff;}
.pa-head span{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-top:2px;}
.pa-close{margin-left:auto;flex-shrink:0;width:30px;height:30px;line-height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);font-size:20px;}
.pa-close:hover{background:rgba(255,255,255,.15);color:#fff;}
.pa-history{flex-shrink:0;margin:10px 18px 0;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:transparent;color:rgba(255,255,255,.7);font-size:12px;}
.pa-history:disabled{opacity:.5;cursor:wait;}
.pa-messages{flex:1;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
.pa-message{flex-shrink:0;max-width:86%;padding:11px 15px;border-radius:18px;font-size:14.5px;line-height:1.55;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;}
.pa-assistant{align-self:flex-start;background:rgba(255,255,255,.07);border-bottom-left-radius:6px;}
.pa-user{align-self:flex-end;background:#4848ff;border-bottom-right-radius:6px;}
.pa-message a{display:block;margin-top:7px;color:#ffcf85!important;text-decoration:underline;overflow-wrap:anywhere;}
.pa-status{flex-shrink:0;padding:0 18px;color:rgba(255,255,255,.5);font-size:12px;white-space:pre-wrap;}
.pa-status:not(:empty){padding-bottom:10px;}
.pa-quick{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:0 18px 14px;}
.pa-quick button{border:0;border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:13px;}
.pa-quick button:hover{background:rgba(255,255,255,.14);}
.pa-form{display:flex;flex-shrink:0;align-items:flex-end;gap:9px;margin:0;padding:12px 14px 10px;border-top:1px solid rgba(255,255,255,.07);}
.pa-form textarea{flex:1;min-width:0;min-height:44px;max-height:120px;resize:none;display:block;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;font-size:14.5px;line-height:18px;outline:none;box-shadow:none;}
.pa-form textarea::placeholder{color:rgba(255,255,255,.4);}
.pa-form textarea:focus{outline:none;border-color:#a967ff;box-shadow:none;}
.pa-form button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:14px;background:#4848ff;color:#fff;font-size:17px;transition:filter .15s;}
.pa-form button:hover{filter:brightness(1.12);}
.pa-form button:disabled{opacity:.45;cursor:default;}
.pa-contacts{width:92%;max-width:92%;white-space:normal;font-size:13px;color:rgba(255,255,255,.75);}
.pa-channels{display:flex;flex-direction:column;gap:7px;margin:12px 0 0;}
.pa-contacts .pa-channel{display:flex;align-items:center;gap:10px;min-height:46px;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.04);color:#fff!important;text-decoration:none;font-size:13px;line-height:1.3;transition:background .15s,border-color .15s;}
.pa-contacts .pa-channel:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);}
.pa-channel img{width:28px;height:28px;flex-shrink:0;border-radius:8px;}
.pa-channel-arrow{margin-left:auto;color:rgba(255,255,255,.4);font-size:17px;}
.pa-human{display:block;width:100%;min-height:44px;margin:10px 0 0;padding:11px 14px;border-radius:12px;border:0;background:#4848ff;color:#fff;font-size:13px;font-weight:500;transition:filter .15s;}
.pa-human:hover{filter:brightness(1.12);}
.pa-return{position:fixed;right:24px;bottom:100px;white-space:nowrap;padding:10px 14px;background:#1b1030;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:13px;box-shadow:0 4px 20px #0004;}
.pa-human-open{z-index:2147483647;}
.pa-human-open .pa-launch{visibility:hidden;}
.pa-human-open .pa-return{right:24px;bottom:auto;top:24px;}
.pa-badge{position:absolute;right:-3px;top:-3px;min-width:23px;padding:2px 5px;border-radius:15px;background:#d14565;color:#fff;font-size:12px;}
.pa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
body.pa-active:not(.pa-jivo-open) jdiv{display:none!important;}
@media(max-width:700px){
 .pa{right:14px;bottom:max(14px,env(safe-area-inset-bottom));}
 .pa-panel{position:fixed;inset:auto;top:var(--pa-viewport-top,0px);left:var(--pa-viewport-left,0px);width:var(--pa-viewport-width,100%);height:100vh;height:var(--pa-viewport-height,100dvh);max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;z-index:960;}
 .pa-panel-open .pa-launch{display:none;}
 .pa-head{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
 .pa-form{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));}
 .pa-form textarea{font-size:16px;}
 .pa-human-open .pa-return{right:auto;left:12px;top:max(12px,env(safe-area-inset-top));font-size:12px;padding:8px 12px;}
}