/* v20.55.85: single-tone active navigation surface, consistent on all themes. */
html{--mp85-nav-active:#353028;--mp85-nav-border:#80653b;--mp85-nav-text:#f5dfaa}
html[data-mp-theme="dark"],html[data-mp-theme="graphite"]{--mp85-nav-active:#353028;--mp85-nav-border:#80653b;--mp85-nav-text:#f5dfaa}
html[data-mp-theme="blue"]{--mp85-nav-active:#15528d;--mp85-nav-border:#5798d5;--mp85-nav-text:#ffffff}
html[data-mp-theme="green"]{--mp85-nav-active:#216753;--mp85-nav-border:#56b496;--mp85-nav-text:#ffffff}
html .app .sidebar .nav.active,html .app .sidebar #navModules .nav.active{
  background:var(--mp85-nav-active)!important;background-image:none!important;
  color:var(--mp85-nav-text)!important;border:1px solid var(--mp85-nav-border)!important;
  box-shadow:inset 4px 0 0 var(--mp85-nav-border)!important;
  font-weight:800!important;
}
html .app .sidebar .nav.active .mp-nav-icon,html .app .sidebar .nav.active .mp-nav-label{color:var(--mp85-nav-text)!important}
/* Exactly the user's profile photograph at the upper right, not the company logo. */
html #avatarButton.avatar-button{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;flex:0 0 60px!important;font-size:27px!important;border-radius:50%!important}
html #avatarButton #avatarImage{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
html .top .account{min-height:60px;align-items:center}
@media(max-width:700px){html #avatarButton.avatar-button{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;flex-basis:54px!important}html .top .account{flex-wrap:wrap}}