.acct{position:relative;margin-left:auto;flex:none}.jbk-nav+.acct{margin-left:0}@media(max-width:760px){.jbk-nav+.acct{margin-left:auto}}.acct-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#DFE7F2);background:var(--surface,#fff);color:var(--ink,#071A3D);border-radius:999px;padding:4px 12px 4px 4px;font-weight:700;font-size:14px;transition:border-color var(--jabok-motion-fast),box-shadow var(--jabok-motion-fast)}.acct-btn:hover,.acct-btn[aria-expanded=true]{border-color:var(--hover-line,#B9D1FF);box-shadow:var(--jabok-shadow-light)}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--jabok-gradient);color:#fff;font:800 14px/1 Manrope,Inter,system-ui,sans-serif;letter-spacing:.02em;flex:none}.acct-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.acct-name{display:none}.acct-btn{padding:4px}}.acct-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:280px;background:var(--surface,#fff);border:1px solid var(--line,#DFE7F2);border-radius:16px;padding:8px;box-shadow:var(--jabok-shadow-floating);animation:pop .18s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.acct-head{display:flex;gap:12px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--line,#DFE7F2);margin-bottom:6px}.acct-head b{display:block;font-size:14px}.acct-head span{display:block;font-size:12.5px;color:var(--ink-3,#64748B);overflow-wrap:anywhere}.acct-menu a,.acct-menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;border-radius:10px;padding:10px 12px;color:var(--ink,#071A3D);font-size:14px;font-weight:600;text-decoration:none}.acct-menu a:hover,.acct-menu button:hover{background:var(--tint,#EEF5FF)}.acct-menu svg{flex:none;width:18px;height:18px;color:var(--ink-3,#64748B)}.acct-menu hr{border:0;border-top:1px solid var(--line,#DFE7F2);margin:6px 0}.acct-menu .danger{color:var(--bad,#E5484D)}.acct-menu .danger svg{color:var(--bad,#E5484D)}.acct-menu .danger:hover{background:var(--bad-bg,#FDECEC)}