/* 0.54.0-alpha — Contacts actions, 360 button and avatar editor polish */
.vchat-frontend-app .vchat-contact-list-item{
  grid-template-columns:minmax(260px,1.35fr) minmax(260px,1fr) minmax(150px,.55fr) auto!important;
  align-items:center!important;
}
.vchat-frontend-app .vchat-contact-list-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:146px!important;
}
.vchat-frontend-app .vchat-contact-icon-action{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:1px solid #ded7f0!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#6350bd!important;
  box-shadow:0 8px 20px rgba(39,30,84,.04)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.vchat-frontend-app .vchat-contact-icon-action.is-profile{
  width:auto!important;
  min-width:54px!important;
  padding:0 11px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
}
.vchat-frontend-app .vchat-contact-icon-action.is-danger{
  color:#be4162!important;
  border-color:#f0ced8!important;
  background:#fff!important;
}
.vchat-frontend-app .vchat-contact-icon-action:hover,
.vchat-frontend-app .vchat-contact-list-open:hover,
.vchat-frontend-app .vchat-contact-preview-actions button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(39,30,84,.08)!important;
}
.vchat-frontend-app .vchat-contact-preview-actions .is-danger{
  color:#be4162!important;
  border-color:#f0ced8!important;
  background:#fff!important;
}
.vchat-frontend-app .vchat-avatar-editor{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  padding:16px!important;
  margin-bottom:16px!important;
  border:1px solid #e4def2!important;
  border-radius:20px!important;
  background:#fbfaff!important;
}
.vchat-frontend-app .vchat-avatar-editor-preview{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  background:#ebe6fb!important;
  color:#6554b8!important;
  font-size:18px!important;
  font-weight:900!important;
  overflow:hidden!important;
}
.vchat-frontend-app .vchat-avatar-editor-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.vchat-frontend-app .vchat-avatar-upload-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:9px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #ded7f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#6350bd!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
@media(max-width:1100px){
  .vchat-frontend-app .vchat-contact-list-item{grid-template-columns:1fr!important;gap:12px!important;}
  .vchat-frontend-app .vchat-contact-list-actions{justify-content:flex-start!important;min-width:0!important;}
}
@media(max-width:760px){
  .vchat-frontend-app .vchat-contact-list-actions{width:100%!important;}
  .vchat-frontend-app .vchat-contact-icon-action.is-profile{flex:1!important;}
  .vchat-frontend-app .vchat-avatar-editor{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;}
}