/* iPhone keyboard, safe-area and narrow-screen fixes */
#chatView{inset:auto 0 auto 0;top:var(--chat-viewport-top,0px);width:100%;max-width:100vw;height:var(--chat-viewport-height,100dvh);overflow:hidden;overscroll-behavior:none}
.chat-app,.chat-app *{box-sizing:border-box}
.chat-app{width:100%;max-width:100vw;min-height:0}
.chat-panel,.chat-conversation{min-width:0;min-height:0}
.chat-conversation-head{flex:0 0 70px}
.chat-messages{min-height:0;-webkit-overflow-scrolling:touch}
.chat-compose{flex:0 0 auto;width:100%;max-width:100%;padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(9px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}
.chat-compose-row{width:100%;min-width:0}
.chat-compose textarea{width:auto;min-width:0;flex:1 1 auto;font-size:16px;line-height:20px}
@media(max-width:760px){.chat-panel.mobile-active{width:100%}.chat-conversation-head{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}}
@media(max-width:390px){.chat-compose-row{gap:3px}.chat-attach{flex-basis:34px;width:34px;height:40px;font-size:18px}.chat-send{flex-basis:40px;width:40px;height:40px;font-size:18px}.chat-compose textarea{min-height:40px;padding:9px 12px}.chat-upload-state{padding-left:38px;padding-right:38px}}