/* Keep the full navigation reachable as the new overview tab is added. */
.nav-tab{white-space:nowrap}
@media(max-width:1100px){
  :is(.top-bar,.nav-bar){height:104px;padding:12px 20px;align-items:flex-start;gap:0}
  :is(.top-bar-left,.nav-left){width:100%;flex-wrap:wrap;gap:12px;justify-content:flex-start}
  :is(.top-bar-logo,.nav-logo){height:22px}
  :is(.top-bar-divider,.nav-divider){display:none}
  :is(.top-bar,.nav-bar) .nav-tabs{display:flex;width:100%;align-items:center}
  :is(.top-bar-right,.nav-right){position:absolute;top:12px;right:20px;width:auto;gap:10px;padding:0}
  .access-bar{top:114px}
  .canvas-world{padding-top:160px}
  .main{padding-top:104px}
}
@media(max-width:640px){
  :is(.top-bar,.nav-bar){padding:12px;height:102px}
  :is(.top-bar-left,.nav-left){gap:14px;min-width:0}
  :is(.top-bar-logo,.nav-logo){font-size:14px}
  :is(.top-bar-right,.nav-right){right:12px;gap:6px}
  :is(.top-bar,.nav-bar) .nav-tabs{overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}
  .nav-tab{font-size:11px;padding:7px 10px;flex-shrink:0}
  .archive-btn{font-size:11px;padding:7px 10px;white-space:nowrap}
  .archive-menu{position:fixed;top:94px;left:auto;right:12px}
  .access-bar{top:auto}
  .main{padding-top:102px}
}
@media(max-width:360px){
  :is(.top-bar-logo,.nav-logo){font-size:12px}
  :is(.top-bar-right,.nav-right) .live-badge{padding:5px 8px;font-size:9px}
  :is(.top-bar-right,.nav-right) .tb-btn{padding:5px 7px}
}