/* UI-r12: mobile navigation/profile stabilization guard.
   Scope: bottom-nav + top client cabinet avatar only. */

@media (max-width: 640px){
  #bottom-nav,
  #bottomNavInner,
  #bottomNavInner .bnav-item{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  #bottomNavInner .bnav-item{
    overflow:hidden;
  }

  #bottomNavInner .bnav-label{
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .nav-userbox,
  #navAuthBtn{
    min-width:0;
    max-width:100%;
  }

  .nav-avatar.nav-avatar--cabinet{
    inline-size:44px;
    block-size:44px;
    min-inline-size:44px;
    min-block-size:44px;
    display:inline-grid;
    place-items:center;
    border-radius:var(--ui-radius-btn, 10px);
    touch-action:manipulation;
    flex:0 0 auto;
  }

  .nav-profile-menu:not(.is-open){
    pointer-events:none;
  }

  .nav-profile-menu{
    max-width:calc(100vw - 16px);
  }
}