/* Desktop messenger: keep composer above the site navigation. Mobile uses its existing keyboard layout. */
@media(min-width:681px){
html.fm-desktop-chat,body.fm-desktop-chat{overflow:hidden!important}
body.fm-desktop-chat #app .cp-page:has(#fourlow-messenger.fm-app){position:fixed!important;z-index:30;top:var(--fm-desktop-top,64px);left:0;right:0;width:calc(100% - 24px);max-width:1080px!important;height:var(--fm-desktop-height,calc(100dvh - 160px));margin:0 auto!important;padding:8px!important;box-sizing:border-box;overflow:hidden}
body.fm-desktop-chat #fourlow-messenger.fm-app{display:flex;flex-direction:column;height:100%;min-height:0}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-chrome{flex:none}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;flex:1;min-height:0}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-window{display:flex;flex-direction:column;min-height:0;height:100%}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-window>*{flex-shrink:0}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-log,body.fm-desktop-chat #fourlow-messenger.fm-app .fm-list{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-compose{background:var(--fm-soft);border-top:2px solid var(--fm-accent);padding:8px;flex:none}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-compose textarea{height:48px;min-height:48px!important;border-color:var(--fm-accent)}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-compose button{height:48px;min-width:74px;background:var(--fm-accent);color:var(--fm-paper)}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-overlay{overflow:auto;padding:12px}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-dialog{max-height:100%;overflow:auto}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-emoji-picker{max-height:calc(var(--fm-desktop-height) - 100px);overflow:auto}
}
@media(min-width:681px) and (max-height:600px){
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-chrome{grid-template-columns:auto minmax(0,1fr) auto}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-brand{grid-column:1;grid-row:1}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-preference-row{grid-column:2;grid-row:1;justify-content:center}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-settings-button{grid-column:3;grid-row:1}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-titlebar,body.fm-desktop-chat #fourlow-messenger.fm-app .fm-footer{display:none}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-person{min-height:44px;padding:4px 8px}
body.fm-desktop-chat #fourlow-messenger.fm-app .fm-toolbar{min-height:34px;padding:2px 8px}
}