/* Loaf V117 — one account/profile chip style everywhere */
:root{--acct-ring-green:#7dff70;--acct-ring-cyan:#55e8ff;--acct-ring-purple:#8a55ff;--acct-ring-pink:#c96dff}

.user-menu-wrap .user-chip.user-chip-v19,
.user-menu-wrap .user-chip{
  min-width:188px!important;
  height:52px!important;
  padding:6px 11px 6px 7px!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.024))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .25s ease!important;
}
.user-menu-wrap .user-chip.user-chip-v19:hover,
.user-menu-wrap .user-chip:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(181,134,255,.28)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.27),0 0 0 4px rgba(137,84,255,.075),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

.user-menu-wrap .user-avatar,
.motion-top-avatar[data-editor-avatar],
.motion-top-avatar[data-ml-avatar]{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:3px!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:conic-gradient(from 205deg,var(--acct-ring-purple),var(--acct-ring-pink) 23%,var(--acct-ring-green) 49%,var(--acct-ring-cyan) 67%,var(--acct-ring-purple) 86%,var(--acct-ring-purple))!important;
  box-shadow:0 0 0 1px rgba(168,104,255,.28),0 9px 24px rgba(115,72,255,.28)!important;
  text-decoration:none!important;
  font-size:0!important;
}
.user-menu-wrap .user-avatar::before,
.motion-top-avatar[data-editor-avatar]::before,
.motion-top-avatar[data-ml-avatar]::before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:999px;
  background:linear-gradient(145deg,#361467,#641ba0 56%,#7a2fbd);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -8px 14px rgba(0,0,0,.16);
  z-index:0;
}
.user-menu-wrap .user-avatar .avatar-initial,
.motion-top-avatar[data-editor-avatar] .avatar-initial,
.motion-top-avatar[data-ml-avatar] .avatar-initial{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#fff!important;
  background:transparent!important;
  font:800 15px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 4px rgba(0,0,0,.25)!important;
}
.user-menu-wrap .user-avatar img{display:none!important}
.user-menu-wrap .user-popover .user-avatar.user-avatar-lg{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
.user-menu-wrap .user-chip-copy{display:block!important;min-width:0!important;flex:1!important;text-align:left!important}
.user-menu-wrap .user-chip-copy b{display:block!important;max-width:108px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:800!important}
.user-menu-wrap .user-chip-copy small{display:flex!important;align-items:center!important;gap:7px!important;margin-top:2px!important;color:#aaa4b4!important;font-size:10px!important;line-height:1.1!important}
.user-menu-wrap .user-chip-chevron{display:block!important;width:15px!important;height:15px!important;flex:none!important}

/* same circular account avatar in studio/motion headers */
.motion-top-avatar[data-editor-avatar],
.motion-top-avatar[data-ml-avatar]{font-size:0!important}
.motion-top-avatar[data-editor-avatar] .avatar-initial,
.motion-top-avatar[data-ml-avatar] .avatar-initial{font-size:14px!important}

/* keep the compact responsive version, but preserve the same avatar design */
@media(max-width:760px){
  .navactions .user-menu-wrap .user-chip.user-chip-v19,
  .navactions .user-menu-wrap .user-chip{min-width:52px!important;width:52px!important;height:48px!important;padding:6px!important;justify-content:center!important}
  .navactions .user-menu-wrap .user-chip-copy,
  .navactions .user-menu-wrap .user-chip-chevron{display:none!important}
}