/* R29: account identity shared with the member center. */
#baole-navigation .account-menu{flex:none;max-width:140px}
#baole-navigation .account-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;max-width:140px;box-sizing:border-box;overflow:visible}
#baole-navigation .account-avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eaf1fb;color:#222;font-size:14px;font-weight:600;line-height:1}
#baole-navigation .account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:22px;color:#222}
#baole-navigation .account-menu summary .chevron{flex:none}
#baole-navigation .account-identity{padding:3px 10px 10px;margin-bottom:4px;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere}
#baole-navigation .account-identity strong{display:block;color:#222;font-size:14px;font-weight:600;line-height:22px;white-space:normal}
#baole-navigation .account-panel{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){
  #baole-navigation .account-menu{max-width:44px}
  #baole-navigation .account-menu summary{width:44px;max-width:44px;min-height:44px;padding:0;justify-content:center}
  #baole-navigation .account-menu summary .account-name,#baole-navigation .account-menu summary .chevron{display:none}
  #baole-navigation .account-panel{width:238px;max-width:calc(100vw - 24px);box-sizing:border-box;max-height:calc(100dvh - var(--nav-bottom,64px) - 12px)}
  #baole-navigation .account-panel a{min-height:44px;box-sizing:border-box;align-items:center}
}