/* Single-row navigation. JS hides optional information only when it no longer fits. */
.topbar.nav-responsive{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;overflow:visible}
.topbar.nav-responsive .topbar-left{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}
.topbar.nav-responsive .brand>span{display:inline;white-space:nowrap}
.topbar.nav-responsive .topbar-right{display:flex;align-items:center;flex:0 0 auto;gap:8px;min-width:0;margin-left:auto}
.topbar.nav-responsive .server-status{display:flex;flex-shrink:0}
.topbar.nav-responsive .usage-display{display:inline-flex;position:static;line-height:normal;font-size:12px!important;flex-shrink:0}
.topbar.nav-responsive .account-trigger{margin:0}
.topbar.nav-responsive .topbar-nav{position:absolute;top:50%;left:var(--nav-fit-left,50%);transform:translateY(-50%);width:max-content;max-width:none;min-width:0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:flex-start;overflow:visible;margin:0;padding:0}
.topbar.nav-responsive .topbar-nav .nav-item{padding:8px 10px;white-space:nowrap;flex-shrink:0}
.topbar.nav-responsive.hide-nav-server .server-status{display:none}
.topbar.nav-responsive.hide-nav-points .usage-display{display:none}
.topbar.nav-responsive.hide-nav-brand .brand>span{display:none}
.nav-menu-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:6px;color:var(--c-text-soft);background:transparent;cursor:pointer}
.nav-menu-toggle:hover{background:var(--c-primary-bg)}
.nav-menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nav-menu-toggle .nav-menu-close{display:none}
.nav-menu-toggle[aria-expanded="true"] .nav-menu-open{display:none}
.nav-menu-toggle[aria-expanded="true"] .nav-menu-close{display:block}
.topbar.nav-responsive.nav-collapsed .nav-menu-toggle{display:flex}
.topbar.nav-responsive.nav-collapsed .topbar-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);transform:none;width:auto;max-height:calc(100dvh - 88px);overflow-y:auto;flex-direction:column;gap:0;padding:8px;background:var(--c-paper);border:1px solid var(--c-border);border-radius:12px;box-shadow:var(--shadow-md)}
.topbar.nav-responsive.nav-collapsed.nav-menu-expanded .topbar-nav{display:flex}
.topbar.nav-responsive.nav-collapsed .topbar-nav .nav-item{display:flex;align-items:center;min-height:46px;padding:12px 16px;width:100%;border-radius:6px;font-size:14px}
.topbar.nav-responsive.nav-collapsed .topbar-nav .nav-item+.nav-item{border-top:1px solid var(--c-border-soft)}
@media(max-width:600px){.topbar.nav-responsive{padding:0 12px;gap:10px}.topbar.nav-responsive .topbar-left{gap:8px}}