/* Vchat 0.61.34 — isolated Inbox command reliability + modal polish. */
.vchat-frontend-app #vchat-open-contact,
.vchat-frontend-app #vchat-more,
.vchat-frontend-app #vchat-claim,
.vchat-frontend-app #vchat-booking-from-chat,
.vchat-frontend-app #vchat-attach,
.vchat-frontend-app #vchat-emoji,
.vchat-frontend-app #vchat-schedule-message,
.vchat-frontend-app #vchat-saved-reply{
  pointer-events:auto!important;
  position:relative;
  z-index:3;
}

.vchat-frontend-app .vchat-emoji-picker[hidden]{display:none!important}
.vchat-frontend-app .vchat-emoji-picker.is-open:not([hidden]){
  display:flex!important;
  pointer-events:auto!important;
  z-index:120!important;
}

#vchat-modal.is-inbox-command-modal .vchat-modal-dialog{
  width:min(560px,calc(100vw - 32px))!important;
  border:1px solid #e5e7f2!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(25,24,54,.22)!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-head{
  padding:18px 20px!important;
  border-bottom:1px solid #ececf4!important;
  background:#fff!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-head strong{
  color:#171a31!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-body{
  padding:20px!important;
  color:#262943!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-body *{box-sizing:border-box}
#vchat-modal.is-inbox-command-modal .vchat-modal-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid #eff0f6!important;
  background:#fff!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-actions button{
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid #dedff0!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#484b63!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-actions button.primary{
  border-color:transparent!important;
  background:linear-gradient(100deg,#7155f7 0%,#5f63f6 48%,#3eb5f4 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(96,91,243,.20)!important;
}
#vchat-modal.is-inbox-command-modal .vchat-modal-actions button:disabled{opacity:.55!important;cursor:wait!important}

.vchat-inbox-command-intro{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.vchat-inbox-command-icon{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#f0edff,#eaf7ff)!important;
  color:#6558f5!important;
  font-size:21px!important;
  font-weight:900!important;
}
.vchat-inbox-command-intro strong{
  display:block!important;
  margin:2px 0 6px!important;
  color:#1a1c35!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.vchat-inbox-command-intro p{
  margin:0!important;
  color:#73778e!important;
  font-size:12px!important;
  line-height:1.6!important;
}

.vchat-inbox-command-list{display:grid!important;gap:9px!important}
.vchat-inbox-command-list>button,
.vchat-inbox-saved-reply{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px!important;
  border:1px solid #e7e7f1!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#252842!important;
  text-align:left!important;
  box-shadow:none!important;
}
.vchat-inbox-command-list>button:hover,
.vchat-inbox-saved-reply:hover{border-color:#cbc8f6!important;background:#faf9ff!important}
.vchat-inbox-command-list>button>span{
  display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#f2f0ff!important;color:#6558f5!important;font-weight:900!important
}
.vchat-inbox-command-list strong,.vchat-inbox-saved-reply strong{display:block!important;color:#252842!important;font-size:12px!important;line-height:1.3!important}
.vchat-inbox-command-list small,.vchat-inbox-saved-reply small{display:block!important;margin-top:3px!important;color:#85889d!important;font-size:10px!important;line-height:1.4!important}
.vchat-inbox-command-list>button.is-danger>span{background:#fff1f4!important;color:#bf3f5d!important}

.vchat-inbox-command-form label{
  display:block!important;
  margin:0 0 14px!important;
  color:#30334c!important;
  font-size:11px!important;
  font-weight:800!important;
}
#vchat-modal.is-inbox-command-modal .vchat-inbox-command-form textarea,
#vchat-modal.is-inbox-command-modal .vchat-inbox-command-form input{
  width:100%!important;
  margin-top:7px!important;
  padding:12px 13px!important;
  border:1px solid #dedff0!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#252842!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
}
#vchat-modal.is-inbox-command-modal .vchat-inbox-command-form textarea:focus,
#vchat-modal.is-inbox-command-modal .vchat-inbox-command-form input:focus{border-color:#8b80f7!important;box-shadow:0 0 0 3px rgba(101,88,245,.10)!important}
.vchat-inbox-command-note{margin:0!important;color:#85889d!important;font-size:10px!important;line-height:1.5!important}
.vchat-inbox-command-loading,.vchat-inbox-command-empty{padding:24px 10px!important;text-align:center!important;color:#7d8096!important;font-size:12px!important}
.vchat-inbox-command-empty strong{display:block!important;margin-bottom:6px!important;color:#252842!important;font-size:14px!important}
.vchat-inbox-command-empty p{margin:0!important;line-height:1.55!important}
.vchat-inbox-saved-replies{display:grid!important;gap:9px!important}
.vchat-inbox-saved-reply{grid-template-columns:1fr!important;align-items:start!important}
.vchat-inbox-saved-reply p{margin:8px 0 0!important;color:#666a82!important;font-size:11px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Booking modal: isolate the form from older Agenda badges/styles that caused overlap. */
#vchat-modal.is-inbox-booking-modal .vchat-modal-dialog{width:min(720px,calc(100vw - 32px))!important}
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form{
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  color:#252842!important;
}
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form .vchat-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
}
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form .vchat-form-grid label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#34374f!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form .vchat-field-full{grid-column:1/-1!important}
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form input,
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form select,
#vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:7px 0 0!important;
  padding:11px 12px!important;
  border:1px solid #dedff0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#252842!important;
  font-size:14px!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
#vchat-modal.is-inbox-booking-modal .vchat-booking-form:before,
#vchat-modal.is-inbox-booking-modal .vchat-booking-form:after{content:none!important;display:none!important}

@media (max-width:760px){
  #vchat-modal.is-inbox-command-modal{align-items:end!important;padding:0!important}
  #vchat-modal.is-inbox-command-modal .vchat-modal-dialog{width:100%!important;max-height:88dvh!important;border-radius:24px 24px 0 0!important}
  #vchat-modal.is-inbox-command-modal .vchat-modal-body{padding:16px!important}
  #vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form .vchat-form-grid{grid-template-columns:1fr!important}
  #vchat-modal.is-inbox-booking-modal .vchat-booking-standalone-form .vchat-field-full{grid-column:auto!important}
  .vchat-inbox-command-intro{grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important}
  .vchat-inbox-command-icon{width:44px!important;height:44px!important;border-radius:14px!important}
}


/* 0.61.59 — surgical mobile visibility for the per-conversation AI/Human switch.
   Do not change any other Inbox action, layout or interaction. */
@media (max-width: 820px){
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim.vchat-attention-mode-button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim.vchat-attention-mode-button,
  .vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim.vchat-attention-mode-button{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:66px!important;
    max-width:112px!important;
    height:42px!important;
    padding:0 10px!important;
    flex:0 0 auto!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim::before,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim::after,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim::before,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim::after,
  .vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim::before,
  .vchat-frontend-app .vchat-chat-actions-0518 #vchat-claim::after{
    content:none!important;
    display:none!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518{
    max-width:none!important;
    overflow:visible!important;
  }
}