/* Optional account access: compact icon on phones, alongside search and add. */
.topbar .nav-actions .account-nav{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:36px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);text-decoration:none}
.account-nav svg{width:20px;height:20px;flex-shrink:0}.account-nav span{display:none}.account-nav[data-auth-state="signed-in"]{border-color:#22b5af;color:var(--accent-2)}.account-nav:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
@media(min-width:1700px){.account-nav span{display:inline;font-size:12px}.topbar .nav-actions .account-nav{padding-inline:12px}}
@media(max-width:600px){.topbar .nav-actions .account-nav{min-width:32px;min-height:36px;padding:5px}.account-nav svg{width:19px;height:19px}}
@media(max-width:360px){body .app-shell .topbar .brand{font-size:14px;gap:4px}body .app-shell .topbar .brand-mark{width:25px;height:32px;font-size:22px}body .app-shell .topbar .nav-actions{gap:4px}body .app-shell .topbar .language-flag{width:15px}body:not(.performance) .app-shell .topbar{padding-inline:9px;gap:5px}}