/* Keep the visitor chat within the visual viewport while the mobile keyboard is open. */
.live-chat,.live-chat *{box-sizing:border-box}
.live-chat-panel{min-width:0}
.live-chat-panel header>div:first-child{min-width:0;overflow-wrap:anywhere}
.live-chat-messages{min-height:0;min-width:0}
.live-chat-form{min-width:0}
.live-chat-form input,.live-chat-form textarea{font-size:16px;line-height:1.35}
#admin-chat-form textarea{font-size:16px}
@media(max-width:850px){
 body.chat-is-open{overflow:hidden;overscroll-behavior:none}
 .live-chat{right:max(12px,env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 70px))}
 .live-chat-trigger[aria-expanded="true"]{visibility:hidden}
 .live-chat-panel{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:var(--chat-top,8px);bottom:auto;width:auto;height:var(--chat-height,calc(100dvh - 16px));max-height:none;min-height:0;margin:0;border-radius:16px;overflow:hidden}
 .live-chat-panel header,.live-chat-topics{flex-shrink:0}
 .live-chat-topics{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .live-chat-form{flex:0 1 auto;min-height:0;max-height:55%;overflow-y:auto;-webkit-overflow-scrolling:touch}
 .live-chat-form input{min-height:44px}
 .live-chat-form textarea{min-height:56px;max-height:110px;resize:none}
 .live-chat-after-hours{flex:0 1 auto;min-height:0;max-height:35%;overflow-y:auto}
 .live-chat-actions{flex-wrap:wrap;gap:8px}
 .live-chat-actions button{min-height:42px}
}
