/* v4.88 isolated avatar access; approved v4.87 menu images/layout remain untouched. */
#wf4555-menu .rc5-user.wf488-profile-access{cursor:pointer!important;touch-action:manipulation!important}
#wf4555-menu .rc5-user.wf488-profile-access:focus-visible{
  outline:3px solid #ffe0a2!important;outline-offset:3px!important
}
#wf4555-menu .rc5-user-symbol:has(.wf488-profile-portrait){
  overflow:hidden!important;padding:0!important;line-height:0!important;
  border:1px solid #e5c17f!important;border-radius:50%!important;
}
#wf4555-menu .rc5-user-symbol .wf488-profile-portrait{
  display:block!important;width:100%!important;height:100%!important;
  border-radius:50%!important;border:0!important;box-shadow:none!important;
  background-color:#2a1938!important;background-repeat:no-repeat!important;
}
@media (max-width:690px) and (orientation:portrait),
       (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  /* New option is a native interactive button in expandable More. */
  #wf4555-menu.wf486-mobile .rc5-button.wf488-avatar-action{
    border:1px solid #d9b677!important;border-radius:7px!important;
    background:linear-gradient(160deg,#291933,#11121e)!important;
    padding:8px!important;min-height:45px!important;
    gap:8px!important;align-items:center!important;flex-direction:row!important;
    box-shadow:inset 0 0 0 1px #37283b,0 2px 7px #0008!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button.wf488-avatar-action .rc5-icon{
    display:inline-flex!important;width:24px!important;height:auto!important;
    font:700 20px Georgia,serif!important;color:#eed09a!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button.wf488-avatar-action .rc5-text strong{
    font:700 13px Georgia,serif!important;color:#ffe6b3!important;
  }
}
@media(max-width:690px) and (orientation:portrait){
  #wf409-account .wf409-pane[data-wf409-pane="avatar"] .wf410-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #wf409-account .wf410-card{min-width:0!important}
}
