/* Only the customer conversation owns the visual viewport. */
body.support-chat-active{overflow:hidden;overscroll-behavior:none}
body.support-chat-active #app{position:fixed;top:var(--support-top,0px);left:0;right:0;width:100%;height:var(--support-height,100dvh);min-height:0;max-height:none;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0;margin:0 auto;overflow:hidden;transform:none!important}
body.support-chat-active #app>.page-header{position:relative;top:auto;flex:0 0 54px;height:54px;min-height:54px;margin:0;padding:5px 10px}
body.support-chat-active .support-page{display:flex;flex:1;min-height:0;height:auto;max-height:none;margin:0;padding:0 12px max(8px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow:hidden}
body.support-chat-active .support-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 0}
body.support-chat-active .support-compose{margin:0;padding-top:8px;flex:0 0 auto;background:white}
body.support-chat-active .support-compose textarea{height:44px;min-height:44px;max-height:88px;font-size:16px!important}
body.support-chat-active #nav,body.support-chat-active #app>.scroll-end,body.support-chat-active .pull-refresh,body.support-chat-active #back-top,body.support-chat-active #cart-dock{display:none!important}
body.support-chat-active .support-guide-image{display:block;width:180px;max-width:100%;height:auto;aspect-ratio:2/3;border-radius:8px;margin-top:8px}