/* Vchat 0.36.87 — Inbox booking context */
.vchat-booking-context-strip{
  --booking-accent:#6654ba;
  --booking-soft:#f4f1ff;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 18px 10px!important;
  padding:10px 12px!important;
  min-width:0!important;
  border:1px solid #ddd7ef!important;
  border-left:4px solid var(--booking-accent)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,var(--booking-soft),#fff 44%)!important;
  box-shadow:0 8px 20px rgba(48,38,89,.055)!important;
  position:relative!important;
  z-index:2!important;
}
.vchat-booking-context-strip[hidden]{display:none!important}
.vchat-booking-context-strip[data-state="active"]{--booking-accent:#3f9670;--booking-soft:#f0faf5;border-color:#cfe7da!important}
.vchat-booking-context-mark{width:36px!important;height:36px!important;border-radius:11px!important;background:#fff!important;border:1px solid #ddd7ef!important;color:var(--booking-accent)!important;display:grid!important;place-items:center!important;position:relative!important;flex:0 0 auto!important}
.vchat-booking-context-mark span{font-size:16px!important;line-height:1!important;font-weight:800!important}
.vchat-booking-context-mark i{position:absolute!important;width:7px!important;height:7px!important;border-radius:999px!important;right:-2px!important;top:-2px!important;background:var(--booking-accent)!important;border:2px solid #fff!important;box-sizing:content-box!important}
.vchat-booking-context-copy{min-width:0!important;display:grid!important;gap:2px!important}
.vchat-booking-context-kicker{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.vchat-booking-context-kicker span{font-size:9px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:var(--booking-accent)!important}
.vchat-booking-context-kicker em{font-size:9px!important;line-height:1!important;font-style:normal!important;font-weight:750!important;color:#756d88!important;padding:4px 6px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e7e2f0!important;white-space:nowrap!important}
.vchat-booking-context-copy>strong{font-size:12px!important;line-height:1.25!important;color:#2d2841!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.vchat-booking-context-copy>small{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#817a90!important;font-size:9.5px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.vchat-booking-context-copy>small b{color:#5b536c!important;font-weight:750!important}
.vchat-booking-context-copy code{font-family:inherit!important;font-size:9px!important;font-weight:800!important;color:#5b4ba8!important;background:#f3f0fb!important;border-radius:6px!important;padding:2px 5px!important}
.vchat-booking-context-open{appearance:none!important;border:1px solid #d8d2e7!important;background:#fff!important;color:#5748a4!important;border-radius:10px!important;min-height:34px!important;padding:0 12px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important}
.vchat-booking-context-open:hover{border-color:#bcb2dc!important;background:#faf9fd!important;transform:none!important}
.vchat-booking-context-detail{display:grid!important;gap:14px!important}
.vchat-booking-context-detail>header{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:15px!important;background:#f6f3fd!important;border:1px solid #e2ddee!important}
.vchat-booking-context-detail>header>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#6654ba!important;color:#fff!important;font-size:18px!important}
.vchat-booking-context-detail>header div{min-width:0!important;display:grid!important;gap:3px!important}
.vchat-booking-context-detail>header small{font-size:9px!important;font-weight:850!important;color:#6654ba!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.vchat-booking-context-detail>header strong{font-size:16px!important;line-height:1.25!important;color:#2e2941!important}
.vchat-booking-context-detail>header p{margin:0!important;color:#766f84!important;font-size:11px!important}
.vchat-booking-context-detail dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;border:1px solid #e5e0ee!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
.vchat-booking-context-detail dl>div{padding:11px 12px!important;display:grid!important;gap:3px!important;border-bottom:1px solid #eeeaf3!important;min-width:0!important}
.vchat-booking-context-detail dl>div:nth-child(odd){border-right:1px solid #eeeaf3!important}
.vchat-booking-context-detail dt{font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#91899d!important;font-weight:800!important}
.vchat-booking-context-detail dd{margin:0!important;font-size:11px!important;color:#332e43!important;font-weight:700!important;overflow-wrap:anywhere!important}
.vchat-booking-context-detail dd code{font:inherit!important;color:#5949a5!important}
@media(max-width:980px){
  .vchat-booking-context-strip{margin:0 12px 8px!important}
}
@media(max-width:640px){
  .vchat-booking-context-strip{grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important;padding:9px 10px!important}
  .vchat-booking-context-open{grid-column:1/-1!important;width:100%!important;min-height:32px!important}
  .vchat-booking-context-copy>small{flex-wrap:wrap!important;white-space:normal!important}
  .vchat-booking-context-detail dl{grid-template-columns:1fr!important}
  .vchat-booking-context-detail dl>div:nth-child(odd){border-right:0!important}
}