@media(max-width:780px){
  /* The browser/host already owns its top inset. Keep only useful app chrome. */
  :root{--v141-appbar:38px!important}
  body>.app{grid-template-rows:38px minmax(0,1fr)!important}
  .topbar{
    height:38px!important;min-height:38px!important;max-height:38px!important;
    grid-template-rows:38px!important;padding-top:0!important;padding-bottom:0!important
  }
  .mobile-app-title-v131{height:38px!important;min-height:38px!important;padding-left:4px!important}
  .search-trigger,#avatarBtn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .page{padding-top:6px!important}
  .mobile-fallback-page-v144{padding-top:4px!important}
  .mobile-fallback-head-v144{padding-top:0!important;padding-bottom:7px!important}

  /* Channel switcher exposes the selected channel clearly. */
  #mobile-context-fallback-v144 .mobile-context-channel-v177.cf-active-channel-v177{
    background:var(--surface-selected)!important;
    box-shadow:inset 3px 0 0 var(--accent)
  }
  #mobile-context-fallback-v144 .mobile-context-channel-v177.cf-active-channel-v177 span{
    color:var(--accent)!important
  }
  #mobile-context-fallback-v144 .mobile-context-channel-v177.cf-active-channel-v177 span::after{
    content:" · ativo";font-weight:700
  }
}
@media(max-width:780px) and (display-mode:standalone){
  /* PWA alone owns the physical safe area. */
  :root{--v141-appbar:calc(38px + env(safe-area-inset-top,0px))!important}
  body>.app{grid-template-rows:calc(38px + env(safe-area-inset-top,0px)) minmax(0,1fr)!important}
  .topbar{
    height:calc(38px + env(safe-area-inset-top,0px))!important;
    min-height:calc(38px + env(safe-area-inset-top,0px))!important;
    max-height:none!important;padding-top:env(safe-area-inset-top,0px)!important
  }
}