#fullsite-navigation{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;background:#f8fafc;color:#334155;border-bottom:1px solid #dbe2eb;font:500 13px/1.5 Inter,system-ui,sans-serif}
#fullsite-navigation .fullsite-sites,#fullsite-navigation .fullsite-funds{display:flex;align-items:center;gap:6px}
#fullsite-navigation a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border-radius:8px;color:inherit;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,color .16s ease}
#fullsite-navigation a span{font-size:12px;color:#475569;font-weight:400}
#fullsite-navigation a:hover{background:#e2e8f0;color:#0f172a}
#fullsite-navigation a[aria-current=page]{background:#e2e8f0;color:#0f172a}
#fullsite-navigation a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#fullsite-navigation .fullsite-pay{background:#1d4ed8;color:#fff}
#fullsite-navigation .fullsite-pay:hover{background:#1e40af}
.dark #fullsite-navigation{background:#141b27;border-color:#334155;color:#e2e8f0}
.dark #fullsite-navigation a span{color:#cbd5e1}
.dark #fullsite-navigation a:hover,.dark #fullsite-navigation a[aria-current=page]{background:#2a3547;color:#fff}
.dark #fullsite-navigation .fullsite-pay{background:#2563eb;color:#fff}
@media(max-width:850px){#fullsite-navigation{padding:7px 12px;gap:8px}#fullsite-navigation a span{display:none}}
@media(max-width:450px){#fullsite-navigation{flex-wrap:wrap;padding:6px 12px}#fullsite-navigation .fullsite-sites,#fullsite-navigation .fullsite-funds{justify-content:space-between;flex:1 1 auto}#fullsite-navigation a{padding:6px 9px;min-height:40px}}
@media(prefers-reduced-motion:reduce){#fullsite-navigation a{transition:none}}

/* R12: the native sidebar is fixed outside document flow. Reserve its exact
   desktop width without raising this navigation over drawers or dialogs.
   No sidebar on login/register, and no desktop inset below the native lg break. */
#fullsite-navigation{min-width:0;transition:margin-inline-start .3s ease-in-out}
#fullsite-navigation,#fullsite-navigation *{box-sizing:border-box}
@media(min-width:1024px){
  body:has(#app aside.sidebar) #fullsite-navigation{margin-inline-start:72px}
  body:has(#app aside.sidebar.w-64) #fullsite-navigation{margin-inline-start:16rem}
}
/* Keep site switching and wallet actions in two predictable groups on phones,
   not a flex wrap that splits whichever item happens to run out of space. */
@media(max-width:640px){
  #fullsite-navigation{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 12px}
  #fullsite-navigation .fullsite-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #fullsite-navigation .fullsite-funds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #fullsite-navigation a{justify-content:center;min-width:0;min-height:44px;padding:8px}
}
@media(prefers-reduced-motion:reduce){#fullsite-navigation{transition:none}}