/* Account controls match the existing application header. */
#home-account { position:relative;flex:none; }
#home-account .home-account-trigger { height:40px;padding:3px 8px 3px 3px;gap:8px;font-family:var(--font-interface);text-transform:none;color:#bbb;box-shadow:none; }
.home-account-trigger:focus-visible,.home-account-menu a:focus-visible,.home-account-menu button:focus-visible { outline:2px solid #ff5100;outline-offset:2px; }
#home-account .home-account-avatar { display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#374151,#1f2937);color:#eee;font:700 16px/1 var(--font-interface);user-select:none; }
.home-account-avatar img { width:100%;height:100%;object-fit:cover; }
#home-account .home-account-name { display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750; }
.home-account-menu { position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:240px;max-width:calc(100vw - 24px);padding:9px;background:#111;border:1px solid #292929;border-radius:18px;box-shadow:0 20px 55px #0008;text-align:left; }
.home-account-menu[hidden] { display:none; }
.home-account-identity { display:flex;align-items:center;gap:11px;padding:9px; }
.home-account-identity>span:last-child { display:grid;gap:3px;min-width:0; }
.home-account-identity strong,.home-account-identity small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.home-account-identity strong { color:#eee;font-size:14px; }
.home-account-identity small { color:#999;font-size:12px; }
.home-account-divider { height:1px;margin:6px;background:#292929; }
.home-account-menu a,.home-account-menu button { display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:0;border-radius:11px;background:transparent;color:#eee;text-align:left;font:600 14px/20px var(--font-interface);cursor:pointer; }
.home-account-menu a:hover,.home-account-menu button:hover { background:#242424;color:#ff8041; }
.home-account-menu .home-account-logout { color:#f87171; }
.home-account-menu button[aria-disabled="true"] { cursor:wait;opacity:.6; }
@media(max-width:740px) {
  #home-account .home-account-trigger { width:44px;height:44px;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent; }
  #home-account .home-account-trigger:is(:hover,[aria-expanded="true"]) { background:transparent; }
  #home-account .home-account-trigger > .home-account-avatar { box-shadow:0 0 0 1px #3b3b3b;transition:transform 140ms ease,box-shadow 140ms ease; }
  #home-account .home-account-trigger:active > .home-account-avatar { transform:scale(.94); }
  #home-account .home-account-trigger[aria-expanded="true"] > .home-account-avatar { box-shadow:0 0 0 2px #ff8a54; }
  #home-account .home-account-name,#home-account .home-account-trigger>svg { display:none; }
  #home-account .home-account-login { width:auto;min-width:44px;height:44px;padding:0 8px;font-size:12px; }
}