/* 0.52.3-alpha — Inbox micro visual polish */
.vchat-frontend-app[data-vchat-ready],
.vchat-frontend-app .vchat-chat-panel{
  --vc-fine-ink:#29243c;
  --vc-fine-muted:#827a97;
  --vc-fine-line:#e7e1f2;
  --vc-fine-soft:#faf8fe;
  --vc-fine-purple:#6552c7;
}

/* Search box: remove visual crowding and give the icon/clear control air. */
.vchat-frontend-app .vchat-inbox-search,
.vchat-frontend-app .vchat-search-row,
.vchat-frontend-app .vchat-conversation-search,
.vchat-frontend-app .vchat-inbox-searchbar{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:0!important;
  min-height:48px!important;
  padding:0 8px!important;
  border:1px solid var(--vc-fine-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(49,36,103,.035)!important;
  overflow:hidden!important;
}
.vchat-frontend-app .vchat-inbox-search svg,
.vchat-frontend-app .vchat-search-row svg,
.vchat-frontend-app .vchat-inbox-searchbar svg{
  width:18px!important;
  height:18px!important;
  color:#6552c7!important;
  opacity:.95!important;
}
.vchat-frontend-app #vchat-conversation-search{
  height:46px!important;
  min-height:46px!important;
  padding:0 10px!important;
  border:0!important;
  border-left:1px solid #ece6f5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--vc-fine-ink)!important;
  font-size:13px!important;
  font-weight:500!important;
  outline:none!important;
}
.vchat-frontend-app #vchat-conversation-search::placeholder{
  color:#9a92ad!important;
  font-weight:500!important;
}
.vchat-frontend-app #vchat-clear-conversation-search{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#8e86a0!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:650!important;
}
.vchat-frontend-app #vchat-clear-conversation-search:hover{
  background:#f3eff9!important;
  color:#6552c7!important;
}

/* Top info icon: finer, centered and never blank. */
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-open-contact,
.vchat-frontend-app .vchat-chat-head-actions #vchat-open-contact,
.vchat-frontend-app .vchat-chat-actions #vchat-open-contact{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid #dfd8ef!important;
  background:#fff!important;
  color:#6552c7!important;
  font-size:0!important;
  box-shadow:0 6px 14px rgba(49,36,103,.04)!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-open-contact::before,
.vchat-frontend-app .vchat-chat-head-actions #vchat-open-contact::before,
.vchat-frontend-app .vchat-chat-actions #vchat-open-contact::before{
  content:'i'!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border:2px solid currentColor!important;
  border-radius:50%!important;
  font-family:Arial, sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Quick actions: more delicate pills, no double-border or clipped labels. */
.vchat-frontend-app .vchat-chat-quick-actions-0518,
.vchat-frontend-app .vchat-chat-quick-actions{
  gap:7px!important;
  padding-right:2px!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 button,
.vchat-frontend-app .vchat-chat-quick-actions button{
  height:30px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid #e0d9ef!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#5c4aaa!important;
  font-size:10.5px!important;
  font-weight:760!important;
  letter-spacing:-.005em!important;
  transform:none!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 button::before,
.vchat-frontend-app .vchat-chat-quick-actions button::before{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border-radius:999px!important;
  background:#f3effb!important;
  color:#6552c7!important;
  font-size:9px!important;
  line-height:1!important;
  margin-right:1px!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-booking-from-chat,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-booking-from-chat,
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-task-from-chat,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-task-from-chat,
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-summary,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-summary{
  min-width:0!important;
  background:#fff!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-booking-from-chat:focus,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-booking-from-chat:focus,
.vchat-frontend-app .vchat-chat-quick-actions-0518 button:focus,
.vchat-frontend-app .vchat-chat-quick-actions button:focus{
  box-shadow:0 0 0 3px rgba(101,82,199,.10)!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-pipeline-from-chat,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-pipeline-from-chat{
  padding:0 13px!important;
  border-color:#d8d1e8!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-pipeline-from-chat span,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-pipeline-from-chat span{
  font-size:8.5px!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-chat-pipeline-label,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-chat-pipeline-label{
  font-size:10.5px!important;
}

/* Composer utilities: Adjuntar text stays subtle; emojis/schedule are actual visible icons. */
.vchat-frontend-app .vchat-composer-tools{
  gap:16px!important;
  padding:0 2px 8px!important;
}
.vchat-frontend-app .vchat-composer-tools button{
  position:relative!important;
  height:24px!important;
  min-height:24px!important;
  border-radius:10px!important;
  color:#67568f!important;
  font-size:12px!important;
  font-weight:730!important;
  letter-spacing:-.01em!important;
  opacity:.96!important;
}
.vchat-frontend-app .vchat-composer-tools button:hover{
  color:#6552c7!important;
  background:#f7f3ff!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-attach{
  padding:0 7px!important;
  gap:6px!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-attach::before{
  content:'+'!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:850!important;
  color:#6552c7!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji,
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message{
  width:28px!important;
  min-width:28px!important;
  height:24px!important;
  padding:0!important;
  font-size:0!important;
  overflow:visible!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji > span,
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message > span,
.vchat-frontend-app .vchat-composer-tools #vchat-emoji .screen-reader-text,
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message .screen-reader-text{
  display:none!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji::before,
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::before{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#f4f0fb!important;
  color:#6552c7!important;
  font-family:Arial, sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  text-indent:0!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji::before{content:'☺'!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::before{content:'◷'!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-saved-reply{
  font-size:10.5px!important;
  color:#706586!important;
  opacity:.92!important;
}
.vchat-frontend-app .vchat-composer{
  border-width:1px!important;
  border-color:#d9d1ee!important;
  border-radius:17px!important;
  box-shadow:0 0 0 2px rgba(101,82,199,.045)!important;
}
.vchat-frontend-app .vchat-composer textarea{
  font-size:12.5px!important;
}
.vchat-frontend-app #vchat-send-message{
  height:40px!important;
  min-height:40px!important;
  min-width:68px!important;
  border-radius:12px!important;
}

/* Left rail cards: a touch more air, less WordPress-like bordering. */
.vchat-frontend-app .vchat-inbox-item,
.vchat-frontend-app .vchat-conversation-item{
  padding:11px 12px!important;
  border-radius:17px!important;
}
.vchat-frontend-app .vchat-inbox-item.is-active,
.vchat-frontend-app .vchat-conversation-item.is-active{
  border-color:#d9d1ee!important;
  box-shadow:0 8px 18px rgba(54,40,111,.055)!important;
}

@media (max-width:1180px){
  .vchat-frontend-app .vchat-chat-quick-actions-0518 button,
  .vchat-frontend-app .vchat-chat-quick-actions button{font-size:10px!important;padding:0 10px!important;}
}