/* 0.54.7-alpha — bidirectional typing UX (where providers expose it) */

/* Header state switches from En línea to Escribiendo… without changing layout. */
.vchat-frontend-app #vchat-active-presence.is-typing{
  color:#6554b8!important;
  font-weight:850!important;
}
.vchat-frontend-app #vchat-active-presence.is-typing::before{
  background:#6554b8!important;
  box-shadow:0 0 0 3px rgba(101,84,184,.13)!important;
  animation:vchat-presence-typing-pulse 1.15s ease-in-out infinite!important;
}
@keyframes vchat-presence-typing-pulse{
  0%,100%{transform:scale(.86);opacity:.55}
  50%{transform:scale(1);opacity:1}
}

/* Make visitor typing obvious but compact inside the live conversation. */
.vchat-frontend-app .vchat-typing-indicator{
  margin:7px 0 9px!important;
  color:#6554b8!important;
  font-weight:750!important;
}
.vchat-frontend-app .vchat-typing-indicator>span{
  border-color:rgba(101,84,184,.16)!important;
  background:#fbfaff!important;
  box-shadow:0 5px 14px rgba(45,34,92,.045)!important;
}

/* Conversation list mirrors true widget typing state in realtime. */
.vchat-frontend-app .vchat-conversation-preview.is-typing{
  color:#6554b8!important;
  font-weight:800!important;
}
.vchat-frontend-app .vchat-conversation-item.is-visitor-typing .vchat-avatar::after{
  background:#6554b8!important;
  box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(101,84,184,.12)!important;
}