/* VTuber Places v1.1.1803 — navigation and Wall layout repair */

.vtpHomeAccountCluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
}
.vtpHomeAccountCluster>.vtpHomeBobbleMenu,
.vtpHomeAccountCluster>.vtpGuestAccountActions{
  margin-left:0!important;
}

.vtpWallLatestReplyPreview{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:hidden!important;
}
.vtpWallLatestReplyHead,
.vtpWallLatestReplyBody,
.vtpWallLatestReplyMedia{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
}
.vtpWallLatestReplyHead{
  grid-row:1;
}
.vtpWallLatestReplyBody{
  grid-row:2;
}
.vtpWallLatestReplyMedia{
  grid-row:3;
  width:calc(100% + 26px)!important;
  margin:12px -13px -13px!important;
  border-width:1px 0 0!important;
  border-radius:0 0 17px 17px!important;
  background:#17131a!important;
}
.vtpWallLatestReplyMedia img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media(min-width:821px){
  .vtpHomeShell .vtpDesktopFront>.vtpTopDock>.vtpHomeAccountCluster{
    grid-column:3;
    grid-row:1;
    justify-self:end;
  }
  .vtpClientBobbleMenu[open] .vtpClientNavOverlay>a.vtpMessageMenuMobileFallback{
    display:none!important;
  }
}

@media(min-width:701px){
  .vtpWallProfileBody{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .vtpWallAvatarColumn{
    grid-column:1;
    grid-row:1 / span 2;
  }
  .vtpWallIdentity{
    grid-column:2;
    grid-row:1;
  }
  .vtpWallHeaderActions{
    grid-column:2;
    grid-row:2;
    min-width:0;
    padding-top:0!important;
    justify-content:flex-start!important;
  }
  .vtpWallHeaderActions>*{
    max-width:100%;
  }
  .vtpWallHeaderActions .vtpButton{
    white-space:normal;
    text-align:center;
  }
}

@media(max-width:820px){
  .vtpHomeShell .vtpMobileHeaderCard>.vtpHomeAccountCluster{
    order:2;
    margin-left:auto;
    gap:8px;
  }
  .vtpHomeAccountCluster>.vtpClientMessageShortcut{
    width:44px;
    height:44px;
    flex:0 0 44px;
    margin-left:0;
    border-radius:15px;
  }
}

@media(max-width:520px){
  .vtpHomeAccountCluster>.vtpClientMessageShortcut{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
}