/* Header and selection have one owner, after page-specific layout layers. */
:root{--header-height:68px;--mobile-nav-height:calc(64px + env(safe-area-inset-bottom));--nav-selected:color-mix(in srgb,var(--brand) 12%,var(--surface));--nav-selected-edge:color-mix(in srgb,var(--brand) 22%,var(--line))}
.topbar{height:var(--header-height);min-height:var(--header-height);padding:0 var(--gutter);display:flex;flex-wrap:nowrap;align-items:center;gap:24px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--fine-line);box-shadow:none;z-index:30}
.topbar .brand{flex:none;font-size:34px;gap:8px;line-height:1;letter-spacing:-1.8px}
.topbar .brand-emblem{width:28px;height:35px}
.main-nav{position:static;order:0;display:flex;align-self:center;align-items:center;justify-content:flex-start;gap:5px;width:auto;height:var(--header-height);overflow:visible;border:0;flex:none;padding:0}
.main-nav>a,.main-nav>.nav-locked{height:var(--header-height);min-height:38px;padding:0 14px;font-size:14px;font-weight:600;letter-spacing:.05px;color:var(--secondary-text);border:0;border-radius:0;display:flex;align-items:center;position:relative;transition:color .16s}
.main-nav>a:hover{background:none;color:var(--ink)}
.main-nav>a.active{background:none;border-color:transparent;box-shadow:none;color:var(--navy)}
.main-nav>a.active:after{display:none}
.global-search-wrap{display:block;flex:1;min-width:120px;max-width:420px;margin:0 12px 0 auto}
.global-search{height:38px;background:var(--quiet-surface);border:1px solid var(--fine-line);box-shadow:var(--inset-shadow);border-radius:8px;padding:0 12px;gap:9px}
.global-search:focus-within{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 12%,transparent)}
.global-search input:focus-visible{outline:none;box-shadow:none;border:0}
.global-search input{font-size:14px;min-width:0}.global-search kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;min-width:19px;text-align:center;padding:1px 4px}
.topbar .account-area{display:flex;align-items:center;gap:6px;margin:0;flex:none;min-width:0}
.topbar .wallet-balance{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(var(--control-top),var(--control-bottom));box-shadow:var(--control-shadow);font-size:13px;font-weight:600}
.topbar .wallet-balance svg{display:block;width:16px;height:16px;color:var(--secondary-text)}
.topbar .wallet-balance small{display:inline;font-size:10px;color:var(--secondary-text)}
.topbar .wallet-balance #wallet-amount{min-width:0}
.topbar .wallet-balance:hover,.topbar .wallet-balance[aria-expanded=true]{border-color:var(--nav-selected-edge);box-shadow:var(--inset-shadow)}
.topbar .utility-icon,.topbar .header-search-toggle{width:36px;height:38px;border-radius:8px;padding:8px}
.topbar .utility-icon:hover,.topbar .header-search-toggle:hover{background:var(--quiet-surface)}
.topbar .utility-icon svg{width:19px;height:19px}.topbar .utility-count{top:1px;right:1px;min-width:18px;height:18px;line-height:14px;padding:0 3px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--surface);font-variant-numeric:tabular-nums}
.topbar .account-button{padding:0 0 0 7px;min-height:40px;gap:5px}.topbar .account-button .avatar{height:30px;width:30px}.topbar .account-button>svg{width:12px;height:12px}
.topbar .connect-wallet-button{gap:4px;min-height:38px;font-size:12px;padding:8px 13px}
.topbar .header-search-toggle,.mobile-nav{display:none}
.account-menu{top:calc(var(--header-height) - 2px);right:var(--gutter);width:250px;padding:8px;max-height:calc(100dvh - var(--header-height) - 16px);overflow:auto}
.account-menu>a,.account-menu>button{border-radius:7px;min-height:40px;padding:9px 11px;font-size:13px;gap:12px}
.account-menu .menu-identity{padding:12px 10px 16px;margin-bottom:6px}.account-menu .menu-foot{padding:10px 11px 5px;margin-top:6px;font-size:10px}
.account-menu .account-theme{display:flex}.menu-theme-value{margin-left:auto;color:var(--muted);font-size:11px}.account-menu .account-theme #theme-label{color:inherit;font-size:inherit}
.topbar .wallet-popover{top:calc(var(--header-height) + 8px);right:24px;max-height:calc(100dvh - var(--header-height) - 24px)}
.nav-popover{position:absolute;z-index:35;top:calc(100% + 14px);left:0;width:250px;padding:6px;background:linear-gradient(var(--surface-top),var(--surface-bottom));border:1px solid var(--line);border-radius:12px;box-shadow:var(--popover-shadow);overflow:auto}
.nav-popover>a{display:flex;align-items:center;gap:12px;min-height:48px;height:auto;padding:10px 12px;border:0;border-radius:7px;color:var(--ink);font-size:13px;font-weight:550}
.nav-popover>a:after{display:none}.nav-popover>a>svg{width:17px;height:17px;flex:none;color:var(--secondary-text)}.nav-popover>a small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--secondary-text)}
.nav-popover>a:hover,.nav-popover>a[aria-current=page]{background:var(--nav-selected);color:var(--navy)}
.nav-popover-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:14px}.nav-popover-heading .icon-button{height:36px;width:36px;padding:9px}
.mobile-more{display:none}
/* Navigation has one selection signal; raised controls are reserved for actions. */
.tabbar{gap:6px;align-items:center;height:52px;padding:0;scroll-padding:8px}
.tabbar button{height:100%;min-height:36px;padding:0 13px;border-radius:0;border:0;position:relative;gap:7px;font-size:14px;font-weight:550;color:var(--secondary-text)}
.tabbar button:hover{background:none;color:var(--ink)}
.tabbar button.active{color:var(--navy);background:none;font-weight:650;box-shadow:none}
.tabbar .count{margin-left:0}.tabbar button.active .count{color:var(--navy)}
.tab-indicator{display:none}.tabbar button.active:after{content:"";position:absolute;display:block;bottom:0;left:13px;right:13px;height:2px;background:var(--brand)}
body[data-trading=true] .tabbar{height:46px;gap:6px}
@media(max-width:1200px){
 .topbar{gap:18px;padding:0 var(--gutter)}.main-nav>a,.main-nav>.nav-locked{padding:0 10px}.global-search-wrap{display:none}
 .topbar .header-search-toggle{display:grid;place-items:center}
 .global-search-wrap.is-open{display:block;position:absolute;right:var(--gutter);top:calc(var(--header-height) + 8px);width:360px;max-width:calc(100% - var(--gutter) * 2);margin:0;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--popover-shadow)}
 .global-search-wrap.is-open .global-search{height:42px}.global-search-wrap.is-open .global-search input{font-size:16px}
 .global-search-wrap.is-open .search-results{position:static;margin-top:6px;border:0;box-shadow:none;width:auto;max-height:calc(100dvh - 170px);overflow:auto}
}
@media(max-width:900px){
 :root{--header-height:64px}
 body{padding-bottom:var(--mobile-nav-height)}
 .topbar{height:var(--header-height);min-height:var(--header-height);display:flex;gap:12px;padding:0 var(--gutter)}
 .topbar .brand{font-size:31px}.topbar .brand-emblem{width:25px;height:32px}
 .topbar .main-nav{display:none}.topbar .account-area{gap:4px;margin-left:auto}
 .topbar .account-button{padding:0;min-width:36px;justify-content:center}.topbar .account-button>svg{display:none}
 .topbar .wallet-balance{min-height:38px;font-size:12px;gap:5px;padding:0 9px}.topbar .wallet-balance svg{display:none}
 .topbar .connect-wallet-button{font-size:12px;min-height:38px;padding:8px 10px}
 .topbar .utility-icon,.topbar .header-search-toggle{width:34px;min-height:40px;padding:8px}
 .global-search-wrap.is-open{left:var(--gutter);right:var(--gutter);width:auto;max-width:none;top:calc(var(--header-height) + 6px)}
 .account-menu{right:var(--gutter);top:calc(var(--header-height) + 6px);max-width:calc(100% - var(--gutter) * 2);max-height:calc(100dvh - var(--header-height) - var(--mobile-nav-height) - 18px)}
 .account-menu>a,.account-menu>button{min-height:44px}
 .topbar .wallet-popover{right:12px;top:calc(var(--header-height) + 6px);width:calc(100% - 24px);max-height:calc(100dvh - var(--header-height) - var(--mobile-nav-height) - 18px)}
 .mobile-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--mobile-nav-height);padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(var(--surface-top),var(--surface));border-top:1px solid var(--line);box-shadow:0 -3px 16px #00000008;gap:4px}
 .mobile-nav>a,.mobile-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0;min-height:48px;border-radius:9px;background:none;color:var(--secondary-text);font-size:10px;font-weight:600}
 .mobile-nav svg{height:19px;width:19px}.mobile-nav .active,.mobile-nav [aria-expanded=true]{color:var(--navy);background:none;box-shadow:none}
 .mobile-nav .active:before{display:none}
 .mobile-more{display:block;position:fixed;top:auto;bottom:calc(var(--mobile-nav-height) + 8px);left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--mobile-nav-height) - var(--header-height) - 24px)}
 .mobile-more>a{min-height:46px}.market-statusbar{display:none}
 .terminal-sweepbar{bottom:calc(var(--mobile-nav-height) + 8px)}
 .trading-bulk-controls{bottom:calc(var(--mobile-nav-height) + 8px);max-width:calc(100% - 24px)}
 body[data-trading=true] #app{padding-bottom:104px}
 #toast{bottom:calc(var(--mobile-nav-height) + 16px)}
 .tabbar,body[data-trading=true] .tabbar{height:50px;gap:4px}.tabbar button{min-height:38px;height:100%;padding:0 11px;font-size:14px}
}
@media(max-width:370px){
 .topbar{padding:0 var(--gutter);gap:7px}.topbar .brand{font-size:27px;gap:5px}.topbar .brand-emblem{width:21px;height:28px}
 .topbar .account-area{gap:0}.topbar .wallet-balance{padding:0 6px;font-size:11px;gap:3px}.topbar .wallet-balance small{font-size:9px}
 .topbar .utility-icon,.topbar .header-search-toggle{width:30px;padding:6px}.topbar .account-button{min-width:32px}.topbar .account-button .avatar{height:26px;width:26px}
 .topbar .connect-wallet-button{font-size:11px;padding:8px}.connect-wallet-word{display:none}
}
@media(prefers-reduced-motion:reduce){.main-nav>a,.tab-indicator{transition:none}}

.mobile-view-picker{display:none}
.mobile-price-display{display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:14px;border-top:1px solid var(--line);margin-top:6px}
@media(min-width:901px) and (max-width:1200px){.topbar .account-area{margin-left:auto}}
@media(max-width:900px){
 .mobile-nav>a,.mobile-nav>button{font-size:11px}
 .topbar .connect-wallet-button{gap:4px}
 .topbar .account-button,.topbar .utility-icon,.topbar .header-search-toggle{min-height:44px}
 .topbar .wallet-balance{min-height:44px}
}
@media(max-width:700px){
 .mobile-view-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 12px;font-size:13px;color:var(--secondary-text)}
 .mobile-view-picker select{font:inherit;font-size:14px;min-height:44px;min-width:0;max-width:75%;padding:9px 34px 9px 12px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background-color:var(--surface);box-shadow:var(--control-shadow)}
 .mobile-view-picker+.tabbar{display:none}
 body[data-trading=true] .mobile-view-picker{padding:4px 0 8px}
}

.topbar .connect-wallet-button{background:var(--quiet-surface);box-shadow:var(--bevel);color:var(--ink);border-color:var(--line);font-size:13px}.topbar .connect-wallet-button:hover{background:var(--hover-surface);border-color:var(--muted)}
.account-avatar-placeholder{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--quiet-surface);color:var(--secondary-text);flex:none}.account-avatar-placeholder>svg{display:block;width:18px;height:18px;transform:none}.account-button[aria-expanded=true] .account-avatar-placeholder{color:var(--navy);border-color:var(--nav-selected-edge)}.wallet-preview-tag,.sample-account-label{font-size:11px;color:var(--secondary-text);padding:3px 6px;border:1px solid var(--line);border-radius:4px;font-weight:450;white-space:nowrap}.wallet-preview-tag{margin-left:2px}.profile-name .sample-account-label{align-self:center}.account-menu .menu-identity>div>span{line-height:1.5}
@media(max-width:700px){.wallet-preview-tag{display:none}.profile-name .sample-account-label{font-size:10px;padding:2px 5px}}

.account-page-title{display:flex;align-items:center;gap:12px}

/* Locked destinations retain the navigation rhythm without implying availability. */
.main-nav>.nav-locked{gap:6px;background:none;color:var(--muted);box-shadow:none;cursor:not-allowed;opacity:.7}
.main-nav>.nav-locked svg{width:13px;height:13px;flex:none}
.nav-popover>.nav-locked{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;text-align:left;background:none;border:0;border-radius:7px;font-size:13px;font-weight:550;color:var(--muted);cursor:not-allowed;opacity:.7}
.nav-popover>.nav-locked svg{width:17px;height:17px;flex:none}.nav-popover>.nav-locked .nav-lock{margin-left:auto;width:14px;height:14px}
@media(min-width:901px) and (max-width:1000px){.topbar{gap:12px}.main-nav{gap:2px}.main-nav>a,.main-nav>.nav-locked{padding:0 7px}}