.home-page .account-actions { position:relative; }
.account-actions [hidden] { display:none!important; }
.account-toggle { display:inline-flex; align-items:center; gap:8px; min-height:42px; max-width:175px; padding:4px 9px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); cursor:pointer; }
.account-toggle:hover,.account-toggle[aria-expanded=true] { border-color:var(--brand-bright); background:var(--surface-soft); }
.account-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:750; }
.account-avatar { display:grid; flex:none; position:relative; place-items:center; width:28px; height:28px; border-radius:50%; overflow:hidden; background:var(--brand-soft); color:var(--ink); font-size:13px; font-weight:800; }
.account-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.account-chevron,.account-panel svg { flex:none; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.account-toggle[aria-expanded=true] .account-chevron { transform:rotate(180deg); }
.account-panel { position:absolute; z-index:3; inset-inline-end:0; top:calc(100% + 9px); width:min(286px,calc(100vw - 24px)); max-height:calc(100dvh - 85px); overflow:auto; padding:0; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface); box-shadow:0 14px 38px #0003; }
.account-identity { display:flex; gap:12px; align-items:center; padding:15px; border-bottom:1px solid var(--line); }
.account-identity .account-avatar { width:42px; height:42px; font-size:17px; }
.account-identity > div { min-width:0; overflow-wrap:anywhere; }
.account-identity strong { display:block; font-size:13px; }
.account-identity small { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.account-links,.account-signout { padding:5px; }
.account-signout { border-top:1px solid var(--line); }
.account-panel a { display:flex; align-items:center; gap:11px; min-height:44px; padding:7px 11px; border-radius:9px; color:var(--ink); font-size:12px; font-weight:650; text-decoration:none; }
.account-panel a:hover,.account-panel a:focus-visible { background:var(--brand-soft); }
@media(max-width:820px){
  .home-page .site-header .header-actions > .account-actions.account-signed-in { display:flex!important; }
  .account-toggle { min-height:44px; max-width:111px; gap:4px; padding-inline:5px; }
  .account-chevron { width:12px; height:12px; }
  .account-name { font-size:11px; }
}
@media(max-width:400px){
  .home-page .site-header .header-actions:has(.account-signed-in) #language { flex-basis:81px; min-width:81px; width:81px; }
  .account-toggle { max-width:92px; }
}
@media(max-width:360px){
  .home-page .header-shell:has(.account-signed-in) .brand-name { font-size:13px; }
  .home-page .header-shell:has(.account-signed-in) .brand-symbol { width:25px; height:25px; }
  .home-page .site-header .header-actions:has(.account-signed-in) #language { flex-basis:73px; min-width:73px; width:73px; }
  .account-toggle { max-width:82px; }
}