/* NanoSys KBFIX4 Mobile Safe Area
   Final override only: preserve existing UI and make mobile geometry honor both
   browser env() insets and Capacitor Android --safe-area-inset-* variables. */
:root{
  --ns-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px));
  --ns-mobile-nav-total:calc(76px + var(--ns-safe-bottom));
}

@media(max-width:760px){
  .ns-primary-nav.ns-r62-nav{
    height:var(--ns-mobile-nav-total)!important;
    min-height:var(--ns-mobile-nav-total)!important;
    padding-bottom:max(7px,var(--ns-safe-bottom))!important;
  }

  #app .messenger:not(.chat-open)>.sidebar{
    height:calc(100dvh - var(--ns-mobile-nav-total))!important;
  }

  #app .messenger .fab{
    bottom:calc(var(--ns-mobile-nav-total) + 20px)!important;
  }

  .ns-org-workspace{
    bottom:var(--ns-mobile-nav-total)!important;
  }

  #app .messenger .composer-wrap,
  body.ns-kb-viewport #app .messenger .composer-wrap{
    padding-bottom:max(8px,var(--ns-safe-bottom))!important;
  }

  body.ns-org-open .ns-org-composer,
  body.ns-org-open.ns-kb-viewport .ns-org-composer{
    padding-bottom:max(8px,var(--ns-safe-bottom))!important;
  }

  .modal-card{
    padding-bottom:max(16px,var(--ns-safe-bottom))!important;
  }

  .toast{
    bottom:calc(28px + var(--ns-safe-bottom))!important;
  }

  .typing{
    bottom:calc(72px + var(--ns-safe-bottom))!important;
  }
}