/* Shared signed-in controls on public pages and the server browser. */
#accountArea .account-name{border:0;background:transparent;color:var(--text-main);box-shadow:none;font:14px var(--font-heading);letter-spacing:.03em;padding:8px;min-height:40px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-decoration:none;order:2}
#accountArea .account-name:hover{background:transparent;color:var(--accent)}
#accountArea .header-logout{border:1px solid var(--line);border-radius:2px;background:var(--bg-panel);color:var(--text-main);font:14px var(--font-heading);padding:8px 14px;min-height:40px;white-space:nowrap;order:3;cursor:pointer}
#accountArea .header-logout:hover{border-color:var(--accent)}
#accountArea #gearfrontFriendsButton,#accountArea #gearfrontAdminTool{width:38px;min-width:38px;height:40px;min-height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-secondary);box-shadow:none;flex-shrink:0;order:0}
#accountArea #gearfrontAdminTool{order:1}
#accountArea #gearfrontFriendsButton:hover,#accountArea #gearfrontAdminTool:hover{color:var(--accent);background:transparent}
#accountArea :focus-visible{outline:1px solid var(--accent);outline-offset:2px}
@media(max-width:767px){
 .topbar:has(#profileToggle){height:auto;min-height:56px;flex-wrap:wrap;padding-block:8px;gap:6px}
 .topbar:has(#profileToggle) .menu-toggle{margin-left:auto}
 .topbar:has(#profileToggle) #accountArea{order:3;flex-basis:100%;justify-content:flex-end;margin:0;gap:8px}
 .topbar:has(#profileToggle) .site-nav{top:100%}
 body:has(.topbar #profileToggle) .profile-side-panel{top:116px}
 #accountArea .account-name{max-width:130px}
}
@media(max-width:600px){.topbar:has(#profileToggle){padding-block:4px;gap:3px}.topbar:has(#profileToggle) .logo{font-size:25px}.topbar:has(#profileToggle) #accountArea{gap:6px}.topbar:has(#profileToggle) .menu-toggle{height:40px;min-height:40px}#accountArea .header-logout{font-size:12px;padding:7px 10px}}

@media(max-width:600px){.topbar{background:#090d0e}}