.chat-window{width:min(760px,100%);height:min(740px,calc(100vh - 64px));min-height:520px;border-radius:20px}.chat-header{padding:16px 20px}.support-avatar{width:40px;height:40px}.chat-body{padding:20px 30px;scroll-padding-bottom:150px}.date-label{margin-bottom:18px}.message-row{margin-bottom:14px}.bubble{max-width:460px;padding:10px 14px;border-radius:5px 14px 14px;line-height:1.45}.message-row.user .bubble{border-radius:14px 5px 14px 14px}.welcome-form{margin:0 18px;padding:18px 20px}.ongoing-form{position:sticky;z-index:5;bottom:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"text text text" "attach filename send" "error error error";align-items:center;margin:18px -10px 0;padding:13px 10px 10px;background:#f8f9fc;border-top:1px solid #e5e9ef;box-shadow:0 -12px 24px rgba(248,249,252,.96)}.ongoing-form textarea{grid-area:text;min-height:58px;max-height:110px;background:#fff}.ongoing-form>.attach-button{grid-area:attach;height:40px}.ongoing-form>button{grid-area:send;width:46px;height:40px}.ongoing-form .file-name{grid-area:filename;min-width:0}.ongoing-form .form-error{grid-area:error}.chat-footer{padding:10px 18px}
@media(max-width:700px){.chat-window{height:100dvh}.chat-body{padding:16px 14px}.ongoing-form{bottom:0;margin-left:-4px;margin-right:-4px;padding-bottom:10px}.ongoing-form>.attach-button{font-size:0!important}.ongoing-form>.attach-button:first-letter{font-size:15px}}