/* design/navbar-common.css — the rules BOTH top bars share, loaded by the static pages (design/topmenu.js shim) AND the
 * terminal (desktop/index.html), together with design/navbar-motion.css. Owner 2026-09-29: "you again cannot handle
 * global menu bar" — one set of files for the landing, every inner page and the terminal. Both bars carry .msx-nav
 * (the static host #msx-topmenu, the terminal's .app root). */

/* FIT EVERY WIDTH (owner 2026-09-28). At 1440 px the bar needed 1522 px: the Assets button was cut off and
   opening it scrolled the page 42 px sideways. Now:
   - 1601 px and up: as before (the bar needs ~1540 px);
   - 1600 px and below: nav links 9 px padding, tighter gaps, a 160 px search, "Old Platform" as its icon
     (the title and aria-label stay);
   - 1366 px and below: a 124 px search and the Assets button as its icon + caret;
   - and whatever the width, brand and the right-hand group never shrink while the link row may: below
     ~1280 px it scrolls sideways inside itself instead of pushing the bar past the window. */
.msx-nav { --nav-pad-x: 12px; }
.msx-nav .topbar .nav button { padding-left: var(--nav-pad-x); padding-right: var(--nav-pad-x); }
.msx-nav .topbar .brand, .msx-nav .top-right { flex-shrink: 0; }
.msx-nav .topbar .nav { min-width: 0; overflow-x: auto; scrollbar-width: none; }
.msx-nav .topbar .nav::-webkit-scrollbar { display: none; }
@media (max-width: 1600px) {
  .msx-nav { --nav-pad-x: 9px; }
  .msx-nav .topbar { gap: 16px; }
  .msx-nav .top-right { gap: 8px; }
  .msx-nav .topbar .tsearch { width: 160px; }
  .msx-nav .oldsite-btn { font-size: 0 !important; gap: 0 !important; padding-left: 9px; padding-right: 9px; }
}
@media (max-width: 1366px) {
  .msx-nav .topbar .tsearch { width: 124px; }
  .msx-nav .assets-btn .assets-lbl { display: none; }
}

/* Trade menu (owner 2026-09-29): Spot · Futures · Copy trade. The link row scrolls sideways when narrow (overflow-x
   above), which CLIPPED an absolutely placed menu — it opened invisibly on every static page. It is placed FIXED under
   its button by navbar.js / app.js on open, so no scroller can clip it. */
.msx-nav .nav-trade{position:relative;display:inline-flex}
.msx-nav .nav-trade-menu{position:fixed;top:0;left:0;width:280px;max-width:92vw;padding:6px;background:var(--card,var(--surface,#14181E));border:1px solid var(--line,#252A33);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.45);z-index:300;display:none}
.msx-nav .nav-trade-menu.open{display:block}
.msx-nav .ntm-row{display:flex;align-items:center;padding:9px 10px;border-radius:8px;cursor:pointer}
.msx-nav .ntm-row:hover,.msx-nav .ntm-row:focus-visible{background:var(--elevated,#1C2127);outline:none}
.msx-nav .ntm-k{display:flex;flex-direction:column;gap:2px}
.msx-nav .ntm-k span{font-size:13px;color:var(--snow,#EDF1F5)}
.msx-nav .ntm-k small{font-size:11px;color:var(--mute,#8B95A3)}
/* a small down-chevron after every item that opens a menu */
.msx-nav .nav-car{display:inline-block;margin-left:4px;font-size:10px;line-height:1;opacity:.7;transition:transform .15s}
.msx-nav .nav-trade.open .nav-car{transform:rotate(180deg)}