/* Header account avatar and sidebar brand alignment. */
.top-actions .auth-nav.account-avatar{
  display:grid;place-items:center;flex:none;
  width:38px;height:38px;padding:0;border-radius:50%;
  border:0;
  background:linear-gradient(145deg,#7566e9,#378fbe);
  color:#fff;
  box-shadow:none;
  transition:transform .18s ease,box-shadow .18s ease;
}
.top-actions .auth-nav.account-avatar svg{
  display:block;width:21px;height:21px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.top-actions .auth-nav.account-avatar:hover{transform:translateY(-1px);box-shadow:0 5px 14px #7263eb55}
.top-actions .auth-nav.account-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.dark .top-actions .auth-nav.account-avatar{
  background:linear-gradient(145deg,#635bce,#266f9f);
}
.dark .top-actions .auth-nav.account-avatar:hover{box-shadow:0 5px 16px #7870ea66}
.sidebar .brand{justify-content:flex-start;margin-left:-2px;padding-left:0}
.sidebar .brand img.brand-logo{
  width:130px;max-height:34px;flex:0 0 130px;
  margin:0;transform:none;object-fit:contain;object-position:left center;
}
@media(max-width:760px){.top-actions .auth-nav.account-avatar{width:35px;height:35px}}