.account-nav{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:0;font-size:11px;line-height:1.4}.account-nav-link{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--ink,#252b29);padding:9px 12px;border:1px solid var(--line,#dedfd6);border-radius:3px;background:var(--white,#fffefa);max-width:245px}.account-nav-link:hover{border-color:#9aa778}.account-nav-link:focus-visible{outline:2px solid #667c19;outline-offset:4px}.account-nav-name{max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.account-nav-role{font-size:9px;color:#5d6d3e;white-space:nowrap;padding:2px 6px;background:#edf1e1;border-radius:2px}.header:has(.account-nav),.site-header:has(.account-nav){flex-wrap:wrap;height:auto;min-height:104px;padding-top:24px;padding-bottom:24px}.header:has(.account-nav) .header-tag{margin-left:auto}.site-header:has(.account-nav) .header-links{margin-left:auto}.site-header:has(.account-nav) .home-link{margin-left:auto}.site-header:has(.account-nav)>nav{min-width:0}.account-nav-state{color:var(--muted,#747970);font-size:10px}
@media(max-width:900px){.header:has(.account-nav) .header-tag{display:none}.site-header:has(.account-nav){gap:16px}.site-header:has(.account-nav) .home-link{display:none}.site-header:has(.account-nav)>nav{gap:20px}.account-nav-link{max-width:215px}.account-nav-name{max-width:106px}}
@media(max-width:600px){.header:has(.account-nav),.site-header:has(.account-nav){min-height:80px;padding-top:18px;padding-bottom:18px;gap:14px}.account-nav{font-size:10px;margin-left:auto}.account-nav-link{padding:8px 9px;gap:5px;max-width:180px}.account-nav-name{max-width:85px}.account-nav-role{font-size:8px;padding:2px 4px}.site-header:has(.account-nav)>nav{order:3;flex-basis:100%;justify-content:flex-start;gap:22px}.site-header:has(.account-nav) .header-links{order:3;flex-basis:100%;gap:18px}.account-nav-state{font-size:9px}}
.account-nav-avatar{position:relative;display:grid;place-content:center;width:26px;height:26px;flex:0 0 26px;overflow:hidden;border-radius:50%;background:#e9efdb;color:#667a3c;font-size:12px;font-weight:600}.account-nav-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.account-nav-avatar{width:23px;height:23px;flex-basis:23px;font-size:11px}.account-nav-name{max-width:66px}}