.account-nav{display:flex;gap:8px;align-items:center;margin-left:12px}.account-link,.account-bell{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--border);border-radius:12px;padding:9px 12px;background:var(--panel,#101824);color:var(--text);font-size:.85rem;font-weight:700;white-space:nowrap}.account-link{border-color:var(--blue);color:var(--blue)}.account-bell{position:relative;width:44px;padding:9px}.account-bell svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}.account-badge{position:absolute;top:-6px;right:-6px;border-radius:20px;background:var(--blue);color:var(--bg);font-size:.7rem;line-height:20px;min-width:20px;padding:0 4px;text-align:center}.account-bell[hidden],.account-badge[hidden],.account-alert[hidden]{display:none}.account-alert{display:block;padding:10px 24px;text-align:center;background:var(--panel,#101824);color:var(--blue);border-top:1px solid var(--border);font-size:.85rem}.account-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){header .nav{flex-wrap:wrap;gap:10px}header .brand{margin-right:auto}header .menu{display:block;margin-left:0}header .navlinks{display:none;flex-basis:100%;width:100%;flex-direction:column;order:4}header .navlinks.open{display:flex}.account-nav{margin-left:0;order:2}header .menu{order:3}}@media(max-width:420px){.account-nav{gap:6px}.account-link{padding:9px 10px}header .nav .brand{font-size:17px;gap:8px}header .brand img{width:34px;height:34px}header .menu{min-width:60px;padding:8px}.account-bell{width:40px}.wrap.nav{width:calc(100% - 24px)}}
header .brand{order:0}header .navlinks{order:1}header .menu{order:2}header .account-nav{order:3;margin-left:auto}@media(min-width:1201px){header .nav{gap:16px}header .navlinks{gap:18px}header .account-nav{flex-shrink:0}}@media(max-width:1200px){header .navlinks{order:4}header .account-nav{margin-left:0}header .menu{order:2}}
@media(max-width:1200px){header .nav{justify-content:flex-start;column-gap:10px}header .nav .brand{margin-right:0}header .nav .menu{margin-left:auto;flex-shrink:0}header .nav .account-nav{margin-left:0;flex-shrink:0}}
header .account-nav .menu{order:0;margin-left:0}header .account-nav .account-link{order:1}header .account-nav .account-bell{order:2}@media(max-width:1200px){header .nav .account-nav{margin-left:auto}}