/* 0.52.4-alpha — Inbox composer icon and info alignment polish */

/* Header info: centered, lighter, with the icon optically aligned inside the soft square. */
.vchat-frontend-app #vchat-open-contact,
.vchat-frontend-app .vchat-chat-header #vchat-open-contact,
.vchat-frontend-app .vchat-conversation-header #vchat-open-contact{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  min-width:44px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:16px!important;
  border:1px solid #ddd5ef!important;
  background:#fff!important;
  color:#5f4bb8!important;
  box-shadow:0 6px 16px rgba(55,40,112,.045)!important;
  font-size:0!important;
  line-height:1!important;
  overflow:hidden!important;
}
.vchat-frontend-app #vchat-open-contact > span{
  display:none!important;
}
.vchat-frontend-app #vchat-open-contact::before{
  content:'i'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  border:2px solid currentColor!important;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:800!important;
  padding-bottom:1px!important;
  box-sizing:border-box!important;
  transform:translateY(0)!important;
}

/* Composer tools: keep Adjuntar text, make emoji a touch larger, and restore Programar text + icon. */
.vchat-frontend-app .vchat-composer-tools{
  align-items:center!important;
  gap:22px!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#f3effb!important;
  color:#6650bf!important;
  font-size:0!important;
  line-height:1!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji::before{
  content:'☺'!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#f3effb!important;
  color:#6650bf!important;
  font-family:Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:750!important;
  transform:translateY(-.5px)!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji > span,
.vchat-frontend-app .vchat-composer-tools #vchat-emoji .screen-reader-text{
  display:none!important;
}

.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  gap:6px!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#6f5ba8!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::before{
  content:'◷'!important;
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#6f5ba8!important;
  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  transform:translateY(-.5px)!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::after{
  content:'Programar'!important;
  display:inline-block!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message > span,
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message .screen-reader-text{
  display:none!important;
}

/* Keep attach visually balanced next to the icon buttons. */
.vchat-frontend-app .vchat-composer-tools #vchat-attach{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px!important;
  padding:0 2px!important;
  font-size:12.5px!important;
  font-weight:760!important;
  color:#6f5ba8!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-attach::before{
  font-size:16px!important;
  transform:translateY(-.5px)!important;
}

@media (max-width: 920px){
  .vchat-frontend-app .vchat-composer-tools{gap:16px!important;}
  .vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::after{content:''!important;display:none!important;}
  .vchat-frontend-app .vchat-composer-tools #vchat-schedule-message{
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
    background:#f3effb!important;
  }
  .vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::before{
    width:32px!important;
    height:32px!important;
    background:#f3effb!important;
  }
}