/* Android only: compact messages layout and visible scroll area. */
@media (max-width: 640px) {
 html.androidApp #appShell { min-height:100dvh!important; padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important; }
 html.androidApp #appShell>#mainContent.content:not(.wsBoardActive) { position:absolute!important; inset:0!important; height:auto!important; min-height:0!important; max-height:none!important; box-sizing:border-box!important; padding:calc(var(--rx-top,52px) + 10px) 12px calc(110px + env(safe-area-inset-bottom,0px))!important; overflow-x:hidden!important; overflow-y:auto!important; touch-action:pan-x pan-y pinch-zoom!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-y:contain!important; }
 html.androidApp #mainContent .sectionTitle { margin:8px 0 8px!important; font-size:26px!important; line-height:1.15!important; }
 html.androidApp #mainContent .sectionSub { margin:0 0 14px!important; font-size:13px!important; line-height:1.38!important; }
 html.androidApp #mainContent .friendTabs { gap:8px!important; margin:10px 0 14px!important; }
 html.androidApp #mainContent .friendTabs button { min-height:43px!important; padding:8px 5px!important; font-size:13px!important; }
 html.androidApp #mainContent .list { gap:9px!important; padding-bottom:8px!important; }
 html.androidApp #mainContent .rowCard.contactLine { min-height:74px!important; height:auto!important; padding:10px 12px!important; margin:0!important; border-radius:20px!important; display:flex!important; align-items:center!important; gap:12px!important; }
 html.androidApp #mainContent .contactAvatar { flex:0 0 50px!important; width:50px!important; height:50px!important; }
 html.androidApp #mainContent .contactAvatar img { width:100%!important; height:100%!important; object-fit:cover!important; }
 html.androidApp #mainContent .contactBody { min-width:0!important; flex:1!important; text-align:left!important; }
 html.androidApp #mainContent .contactBody b { font-size:16px!important; line-height:1.2!important; }
 html.androidApp #mainContent .contactBody>span { font-size:12px!important; line-height:1.35!important; overflow-wrap:anywhere!important; }
 html.androidApp #appShell>.nav { height:70px!important; min-height:70px!important; bottom:max(6px,env(safe-area-inset-bottom,0px))!important; }
 html.androidApp #appShell>.nav>button { min-height:56px!important; }
}