/* 0.52.2-alpha — Inbox visual density repair only */
.vchat-frontend-app[data-vchat-ready],
.vchat-frontend-app .vchat-chat-panel{
  --vc-ink:#29243c;
  --vc-muted:#817995;
  --vc-line:#ebe7f5;
  --vc-soft:#f7f4fd;
  --vc-soft-2:#f1edf9;
  --vc-purple:#6652c7;
  --vc-purple-dark:#5945b2;
}

/* Header: return to a finer product surface, not chunky command blocks. */
.vchat-frontend-app .vchat-chat-head{
  padding:12px 20px!important;
  min-height:70px!important;
  gap:14px!important;
  border-bottom:1px solid var(--vc-line)!important;
  background:#fff!important;
}
.vchat-frontend-app .vchat-chat-head h2,
.vchat-frontend-app .vchat-chat-head .vchat-chat-title h2{
  font-size:15px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  margin:0!important;
  color:var(--vc-ink)!important;
}
.vchat-frontend-app .vchat-chat-head small,
.vchat-frontend-app .vchat-chat-head p,
.vchat-frontend-app .vchat-chat-subtitle,
.vchat-frontend-app .vchat-chat-meta{
  font-size:11px!important;
  line-height:1.25!important;
  color:var(--vc-muted)!important;
}
.vchat-frontend-app .vchat-chat-actions-0518,
.vchat-frontend-app .vchat-chat-head-actions,
.vchat-frontend-app .vchat-chat-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 button,
.vchat-frontend-app .vchat-chat-head-actions button,
.vchat-frontend-app .vchat-chat-actions button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:38px!important;
  min-height:38px!important;
  width:auto!important;
  min-width:38px!important;
  max-width:none!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid #ded8ee!important;
  background:#fff!important;
  color:#5d4ab1!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-indent:0!important;
  opacity:1!important;
  visibility:visible!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-open-contact,
.vchat-frontend-app .vchat-chat-head-actions #vchat-open-contact{
  width:38px!important;
  min-width:38px!important;
  padding:0!important;
  border-radius:14px!important;
  font-size:0!important;
  color:#5d4ab1!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-open-contact::before,
.vchat-frontend-app .vchat-chat-head-actions #vchat-open-contact::before{
  content:'i'!important;
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border:2px solid currentColor!important;
  border-radius:50%!important;
  font-size:13px!important;
  font-weight:900!important;
  font-family:Arial, sans-serif!important;
  line-height:1!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim.vchat-attention-mode-button,
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim{
  min-width:auto!important;
  height:38px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  background:var(--vc-purple)!important;
  border-color:var(--vc-purple)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(102,82,199,.14)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim.is-human-mode{
  background:#fff!important;
  color:#5d4ab1!important;
  border-color:#ded8ee!important;
  box-shadow:none!important;
}
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-resolve,
.vchat-frontend-app .vchat-chat-actions-0518 #vchat-more{
  height:38px!important;
  padding:0 15px!important;
  font-size:12px!important;
  border-radius:14px!important;
}

/* Context chip row: compact and breathable. */
.vchat-frontend-app .vchat-chat-context,
.vchat-frontend-app .vchat-handoff-context,
.vchat-frontend-app .vchat-chat-status-row{
  min-height:48px!important;
  padding:8px 20px!important;
  gap:8px!important;
  border-bottom:1px solid var(--vc-line)!important;
  background:#fbfaff!important;
}
.vchat-frontend-app .vchat-chat-context .vchat-chip,
.vchat-frontend-app .vchat-handoff-pill,
.vchat-frontend-app .vchat-chat-status-row .vchat-chip{
  min-height:30px!important;
  padding:4px 11px 4px 6px!important;
  border-radius:999px!important;
  border:1px solid #ded8ee!important;
  background:#fff!important;
  color:#2d2840!important;
  font-size:12px!important;
  font-weight:760!important;
}

/* Reply/quick actions: subtle pills, not big rectangular buttons. */
.vchat-frontend-app .vchat-chat-toolbar-0518,
.vchat-frontend-app .vchat-chat-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 20px!important;
  background:#fff!important;
  border-bottom:1px solid var(--vc-line)!important;
}
.vchat-frontend-app .vchat-chat-toolbar-0518 .vchat-reply-mode,
.vchat-frontend-app .vchat-chat-toolbar .vchat-reply-mode{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:15px!important;
  background:#ebe7f4!important;
  border:0!important;
}
.vchat-frontend-app .vchat-chat-toolbar-0518 .vchat-reply-mode button,
.vchat-frontend-app .vchat-chat-toolbar .vchat-reply-mode button{
  height:32px!important;
  min-height:32px!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7d7493!important;
  font-size:12px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
.vchat-frontend-app .vchat-chat-toolbar-0518 .vchat-reply-mode button.is-active,
.vchat-frontend-app .vchat-chat-toolbar .vchat-reply-mode button.is-active{
  background:#fff!important;
  color:#5d4ab1!important;
  box-shadow:0 6px 14px rgba(61,42,130,.06)!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518,
.vchat-frontend-app .vchat-chat-quick-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  padding:0!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 button,
.vchat-frontend-app .vchat-chat-quick-actions button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  height:32px!important;
  min-height:32px!important;
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid #ded8ee!important;
  background:#fff!important;
  color:#5d4ab1!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 button:empty,
.vchat-frontend-app .vchat-chat-quick-actions button:empty{
  display:none!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:#cbc4de!important;
  color:#2d2840!important;
  background:#fff!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:9px!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  color:#8b839a!important;
  font-weight:850!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:11px!important;
  color:#2d2840!important;
  font-weight:820!important;
}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-task-from-chat::before,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-task-from-chat::before{content:'✓'!important;font-size:10px!important;color:#6b55c6!important;}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-booking-from-chat::before,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-booking-from-chat::before{content:'◷'!important;font-size:10px!important;color:#6b55c6!important;}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-summary::before,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-summary::before{content:'✦'!important;font-size:10px!important;color:#6b55c6!important;}
.vchat-frontend-app .vchat-chat-quick-actions-0518 #vchat-summary,
.vchat-frontend-app .vchat-chat-quick-actions #vchat-summary{
  background:#f7f3ff!important;
  border-color:#e5dcfb!important;
  color:#5d4ab1!important;
}

/* SLA metrics keep the good existing style: lighter, single line, no overflow fighting. */
.vchat-frontend-app .vchat-sla-bar{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  height:40px!important;
  min-height:40px!important;
  padding:6px 20px!important;
  background:#fff!important;
  border-bottom:1px solid var(--vc-line)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.vchat-frontend-app .vchat-sla-item{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  border:1px solid #ebe7f4!important;
  background:#fff!important;
  color:#6f6886!important;
  box-shadow:none!important;
}
.vchat-frontend-app .vchat-sla-item > span{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#f1ecfb!important;
  font-size:11px!important;
  line-height:1!important;
}
.vchat-frontend-app .vchat-sla-item small{
  font-size:9.5px!important;
  line-height:1!important;
  color:#8b849d!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
.vchat-frontend-app .vchat-sla-item strong{
  font-size:11.5px!important;
  line-height:1!important;
  color:#2d2840!important;
  font-weight:800!important;
}

/* Composer: restore icon-like utilities. */
.vchat-frontend-app .vchat-composer-wrap{
  padding:9px 20px 12px!important;
  background:#fff!important;
  border-top:1px solid var(--vc-line)!important;
}
.vchat-frontend-app .vchat-composer-tools{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-height:28px!important;
  padding:0 0 8px!important;
  overflow-x:auto!important;
  background:transparent!important;
}
.vchat-frontend-app .vchat-composer-tools button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#66528e!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-attach::before{content:'+'!important;font-size:14px!important;font-weight:850!important;line-height:1!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji{
  width:24px!important;
  min-width:24px!important;
  font-size:0!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-emoji::before{content:'☺'!important;font-size:14px!important;line-height:1!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message{
  font-size:0!important;
  width:24px!important;
  min-width:24px!important;
}
.vchat-frontend-app .vchat-composer-tools #vchat-schedule-message::before{content:'◷'!important;font-size:14px!important;line-height:1!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-saved-reply{margin-left:auto!important;font-size:11px!important;color:#66528e!important;}
.vchat-frontend-app .vchat-composer-tools #vchat-ai-compose,
.vchat-frontend-app .vchat-composer-tools .vchat-ai-compose,
.vchat-frontend-app .vchat-composer-tools [data-inbox-ai-compose]{display:none!important;}
.vchat-frontend-app .vchat-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  padding:6px!important;
  border:1.5px solid #d9d1ee!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(102,82,199,.055)!important;
}
.vchat-frontend-app .vchat-composer textarea{
  min-height:50px!important;
  padding:10px 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  resize:none!important;
  color:#2d2840!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.vchat-frontend-app #vchat-send-message{
  height:42px!important;
  min-height:42px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  font-weight:820!important;
}

/* Left conversation list polish: cards breathe without looking heavy. */
.vchat-frontend-app .vchat-inbox-list,
.vchat-frontend-app .vchat-conversation-list{
  background:#fbfaff!important;
}
.vchat-frontend-app .vchat-inbox-item,
.vchat-frontend-app .vchat-conversation-item{
  border-radius:16px!important;
  border:1px solid transparent!important;
  padding:12px!important;
  margin:8px 0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.vchat-frontend-app .vchat-inbox-item.is-active,
.vchat-frontend-app .vchat-conversation-item.is-active{
  background:#fff!important;
  border-color:#dcd5ee!important;
  box-shadow:0 8px 20px rgba(54,40,111,.06)!important;
}
.vchat-frontend-app .vchat-inbox-item h3,
.vchat-frontend-app .vchat-conversation-item h3{
  font-size:14px!important;
  line-height:1.15!important;
  margin:0 0 4px!important;
  color:#29243c!important;
}
.vchat-frontend-app .vchat-inbox-item p,
.vchat-frontend-app .vchat-conversation-item p{
  font-size:12px!important;
  line-height:1.3!important;
  color:#817995!important;
  margin:0!important;
}
.vchat-frontend-app .vchat-inbox-item .vchat-badge,
.vchat-frontend-app .vchat-conversation-item .vchat-badge{
  min-height:18px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:820!important;
}

@media (max-width:1180px){
  .vchat-frontend-app .vchat-chat-toolbar-0518,
  .vchat-frontend-app .vchat-chat-toolbar{grid-template-columns:1fr!important;}
  .vchat-frontend-app .vchat-chat-quick-actions-0518,
  .vchat-frontend-app .vchat-chat-quick-actions{justify-content:flex-start!important;}
  .vchat-frontend-app .vchat-chat-actions-0518{overflow-x:auto!important;justify-content:flex-start!important;}
}