/* Authenticated product navigation: preserve the full information
   architecture without forcing the whole page wider than a phone. */
.nav{min-width:0}
.nav-brand,.nav-right,.nav-actions,.nav-link{min-width:0}
.nav-link:focus-visible,.nav-brand:focus-visible{
  outline:2px solid var(--action,#FFE500);
  outline-offset:3px;
  border-radius:6px;
}

@media (max-width:900px){
  .nav{
    padding:8px 10px;
    gap:8px;
    overflow:hidden;
  }
  .nav-brand{
    flex:0 0 44px;
    width:44px;
    height:44px;
    justify-content:center;
    font-size:0;
  }
  .nav-brand .logo{width:28px}
  .nav-right,.nav-actions{
    flex:1 1 auto;
    min-width:0;
    flex-wrap:nowrap;
    gap:4px;
    padding:2px 1px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .nav-right::-webkit-scrollbar,.nav-actions::-webkit-scrollbar{display:none}
  .nav-link{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
    padding:0 10px;
    scroll-snap-align:start;
  }
  .nav-actions .nav-secondary{display:inline-flex}
}