.nav-menu-toggle{
  display:none;
  align-items:center; justify-content:center;
  width:40px; height:40px; flex-shrink:0;
  color:var(--text); background:transparent; border:0; border-radius:10px;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.nav-menu-toggle:active{ background:rgba(201,168,76,.14); }
.nav-drawer-backdrop{
  display:none;
  position:fixed; left:0; right:0; top:var(--nav-h); bottom:0;
  z-index:99; background:rgba(0,0,0,.5);
}

.nav-more{position:relative;display:flex;align-items:center}
.nav-more-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:46px;padding:12px 10px 10px;border:0;border-radius:14px;
  background:transparent;color:var(--muted);cursor:pointer;line-height:1;
  font-family:var(--sans);font-size:11px;font-weight:500;
  letter-spacing:.05em;text-transform:uppercase;
}
.nav-more-toggle:hover,.nav-more-toggle:focus-visible,.nav-more-toggle.active{color:var(--gold)}
.nav-more-toggle:focus-visible{outline:1px solid color-mix(in srgb,var(--gold) 55%,transparent);outline-offset:2px}
.nav-secondary{
  position:absolute;left:50%;top:calc(100% + 8px);z-index:120;
  display:none;min-width:210px;padding:8px;
  transform:translateX(-50%);
  background:color-mix(in srgb,var(--bg) 96%,transparent);
  border:1px solid var(--border);border-radius:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.42);
}
.nav-more.open .nav-secondary{display:grid;gap:4px}
.navbar .nav-secondary .nav-tab,
.nav-secondary-link{
  display:flex;align-items:center;width:100%;min-height:44px;
  margin:0;padding:10px 12px;border:0;border-radius:8px;
  color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
}
.navbar .nav-secondary .nav-tab:hover,
.navbar .nav-secondary .nav-tab:focus-visible,
.nav-secondary-link:hover,.nav-secondary-link:focus-visible,
.nav-secondary-link[aria-current="page"]{color:var(--gold);background:rgba(201,168,76,.08)}

.workspace-nav[hidden]{display:none!important}
.workspace-nav{
  position:sticky;top:var(--nav-h);z-index:45;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.workspace-nav-inner{
  width:min(1180px,calc(100% - 40px));min-height:58px;margin:0 auto;
  display:flex;align-items:center;gap:24px;
}
.workspace-nav-label{
  flex:0 0 auto;color:var(--gold);font-family:var(--sans);
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}
.workspace-tabs{
  display:flex;align-items:center;gap:6px;min-width:0;
  overflow-x:auto;scrollbar-width:none;
}
.workspace-tabs::-webkit-scrollbar{display:none}
.workspace-tab{
  display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;
  border-radius:9px;color:var(--muted);font-family:var(--sans);
  font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;transition:color .15s ease,background .15s ease;
}
.workspace-tab:hover,.workspace-tab:focus-visible,.workspace-tab.active{
  color:var(--gold);background:rgba(201,168,76,.08);
}
.workspace-tab:focus-visible{outline:1px solid color-mix(in srgb,var(--gold) 55%,transparent);outline-offset:2px}

@media (max-width:1180px){
  .navbar .nav-socials{ display:none; }
  .navbar .nav-user-email{ display:none; }
  .nav-menu-toggle{ display:inline-flex; }
  .navbar .nav-trailing{ margin-left:auto; }

  .navbar .nav-drawer{
    position:absolute; top:100%; right:0;
    width:min(82vw,300px);
    max-height:calc(100vh - var(--nav-h));
    max-height:calc(100dvh - var(--nav-h));
    flex:none; flex-direction:column; align-items:stretch; justify-content:flex-start;
    margin:0;
    padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 16px);
    overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
    background:var(--bg);
    border-left:1px solid var(--border);
    border-bottom:1px solid var(--border);
    box-shadow:-16px 16px 44px rgba(0,0,0,.42);
    transform:translateX(105%);
    transition:transform .24s ease;
    z-index:5;
  }
  .navbar .nav-tabs{
    position:static; width:100%; max-height:none;
    flex:none; flex-direction:column; align-items:stretch; justify-content:flex-start;
    gap:4px; margin:0; padding:0;
    overflow:visible; background:transparent; border:0; box-shadow:none;
    transform:none; transition:none;
  }
  .nav-home-mobile{display:flex}
  .navbar .nav-more{display:block;width:100%}
  .navbar .nav-more-toggle{display:none}
  .navbar .nav-secondary{
    position:static;display:flex;width:100%;min-width:0;padding:0;
    transform:none;
    flex-direction:column;gap:4px;background:transparent;border:0;
    border-radius:0;box-shadow:none;
  }
  body.nav-open{ overflow:hidden; }
  body.nav-open .navbar .nav-drawer{ transform:translateX(0); }
  body.nav-open .nav-drawer-backdrop{ display:block; }

  .navbar .nav-tab{
    width:100%; justify-content:flex-start;
    min-height:48px; padding:12px 14px; border-radius:12px;
  }
  .navbar .nav-mobile-auth{
    display:flex; align-items:center; justify-content:center;
    width:100%; min-height:48px; margin-top:8px; padding:12px 14px;
    border:1px solid rgba(201,168,76,.42); border-radius:12px;
    background:rgba(201,168,76,.1); color:var(--gold);
    font-family:var(--sans); font-size:11px; font-weight:700;
    letter-spacing:.08em; text-transform:uppercase;
  }

  .navbar .nav-drawer .lang-toggle{margin:8px 0 0;justify-content:center}


  html{ overflow-x:visible; }
}

@media (max-width:700px){
  .workspace-nav-inner{width:100%;min-height:54px;padding:0 12px;gap:0}
  .workspace-nav-label{display:none}
  .workspace-tabs{width:100%}
  .workspace-tab{min-height:44px;padding:8px 11px}
}


@media (max-width:430px){
  .navbar{ padding:0 calc(env(safe-area-inset-right,0px) + 10px) 0 10px; gap:8px; }
  .navbar .nav-trailing{ gap:5px; }
  .navbar .nav-chip{ padding:6px 8px; }
  .navbar .lang-toggle{ padding:6px 8px; gap:4px; }
  .navbar .theme-toggle,
  .navbar .nav-menu-toggle{ width:44px; height:44px; }
  .navbar .currency-toggle{ min-width:44px; height:44px; padding:0 6px; }
}

/* Cross-fade same-origin navigations instead of flashing a blank viewport.
   Here because a cross-document transition needs the rule on both pages and
   this is the only stylesheet all thirteen load. See
   tests/ui/page-switch-has-no-flash.test.mjs. */
@view-transition { navigation: auto; }
/* Hold the cross-fade past the default 250ms: late-painting content on the
   incoming page lands under the old frame instead of popping in at the tail. */
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .4s; animation-timing-function: ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}