/* A unique, flat highlight: no gold/green stripe or second surface. */
html .app .sidebar button.nav.active,
html .app .sidebar #navModules button.nav.active{
 background:var(--mp85-nav-active)!important;
 background-color:var(--mp85-nav-active)!important;
 background-image:none!important;
 border:1px solid var(--mp85-nav-active)!important;
 border-left-color:var(--mp85-nav-active)!important;
 box-shadow:none!important;
 outline:none!important;
 color:var(--mp85-nav-text)!important;
 font-weight:800!important;
}
html .app .sidebar button.nav.active::before,
html .app .sidebar button.nav.active::after{content:none!important;display:none!important;}
html .app .sidebar .sidefoot .mp5517-signature{font-size:13px!important;line-height:1.4!important;gap:0!important;margin:0 0 5px!important;color:var(--mp84-ink)!important}
html .app .sidebar .sidefoot .mp5517-signature span{font-size:13px!important;font-weight:750!important;color:var(--mp84-ink)!important}
/* Profile picture: a perfectly circular frame and centered, uncropped distortions prevented. */
html .top .account #avatarButton.avatar-button{
 width:60px!important;height:60px!important;
 min-width:60px!important;max-width:60px!important;
 min-height:60px!important;max-height:60px!important;
 flex:0 0 60px!important;
 aspect-ratio:1/1!important;
 padding:0!important;margin:0!important;
 display:block!important;position:relative!important;
 border-radius:50%!important;overflow:hidden!important;
 box-sizing:border-box!important;line-height:0!important;
 transform:none!important;
}
html .top .account #avatarButton #avatarImage{
 position:absolute!important;inset:0!important;
 display:block;width:100%!important;height:100%!important;
 min-width:100%!important;max-width:100%!important;
 min-height:100%!important;max-height:100%!important;
 object-fit:cover!important;object-position:center 18%!important;
 aspect-ratio:1/1!important;border-radius:50%!important;
 padding:0!important;margin:0!important;border:0!important;transform:none!important;
}
html .top .account #avatarButton #avatarImage.hidden{display:none!important;}
html .top .account #avatarButton #avatarInitial{
 position:absolute!important;inset:0!important;display:grid!important;
 place-items:center!important;font-size:26px!important;line-height:1!important;
}
html .top .account #avatarButton #avatarInitial.hidden{display:none!important;}
@media(max-width:700px){
 html .top .account #avatarButton.avatar-button{
  width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;
  min-height:54px!important;max-height:54px!important;flex-basis:54px!important;
 }
}