/* Vchat Core 0.66.25 – Calendar / Reservations premium visual system.
   Intentionally confined to the portal booking panel; no modal, WP-admin or global rules.
   Loaded after earlier CSS and versioned to prevent stale cache. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] {
  --vc25-ink:#202440;
  --vc25-muted:#7a819b;
  --vc25-line:#e2e6f4;
  --vc25-primary:#635bf0;
  --vc25-primary-dark:#5047d4;
  --vc25-soft:#f3f2ff;
  --vc25-shadow:0 12px 34px rgba(40,47,101,.055);
  min-width:0!important;max-width:100%!important;width:100%!important;
  padding-bottom:36px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"],
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] *,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] *::before,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] *::after {box-sizing:border-box!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] [hidden] {display:none!important}

/* Header: keep the action cluster crisp; no oversized text or broken wrapping. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-page-heading {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:22px!important;min-width:0!important;
  margin:0 0 22px!important;padding:24px 26px!important;
  background:linear-gradient(110deg,#fff 0%,#fff 61%,#f3f2ff 100%)!important;
  border:1px solid var(--vc25-line)!important;border-radius:22px!important;
  box-shadow:var(--vc25-shadow)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy {
  min-width:0!important;flex:1 1 400px!important;max-width:710px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy .vchat-eyebrow {
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  color:#6258c9!important;background:#efedff!important;border-radius:99px!important;
  font-size:10px!important;font-weight:850!important;letter-spacing:.10em!important;
  line-height:1.3!important;padding:7px 11px!important;margin:0 0 13px!important;
  text-transform:uppercase!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy .vchat-eyebrow::before {
  content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#6a63ef;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy h1 {
  color:var(--vc25-ink)!important;margin:0 0 9px!important;
  font-size:clamp(27px,2.55vw,39px)!important;font-weight:850!important;
  line-height:1.12!important;letter-spacing:-.045em!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy p {
  margin:0!important;color:var(--vc25-muted)!important;
  max-width:560px!important;font-size:12px!important;line-height:1.6!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions {
  display:flex!important;flex:0 1 auto!important;max-width:none!important;
  align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:9px!important;min-width:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-tools {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;width:auto!important;min-height:41px!important;
  padding:0 14px!important;margin:0!important;border-radius:11px!important;
  border:1px solid #dce1f3!important;background:#fff!important;color:#4d5182!important;
  font-size:11px!important;font-weight:790!important;white-space:nowrap!important;
  line-height:1.2!important;box-shadow:none!important;
  transition:background .15s,border-color .15s,transform .15s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions button:hover {
  color:#5049c9!important;border-color:#aba7f2!important;background:#f6f5ff!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] #vchat-booking-new {
  min-height:44px!important;padding:0 18px!important;background:var(--vc25-primary)!important;
  color:#fff!important;border-color:var(--vc25-primary)!important;
  box-shadow:0 10px 20px rgba(88,78,211,.17)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] #vchat-booking-new:hover {
  background:var(--vc25-primary-dark)!important;border-color:var(--vc25-primary-dark)!important;
  color:#fff!important;transform:translateY(-1px)!important;
}

/* KPI cards – authentic metrics from existing IDs, SVG icons are decorative. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;margin:0 0 18px!important;min-width:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat {
  --vc25-stat:#655bf0;--vc25-stat-bg:#f0eeff;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;min-width:0!important;position:relative!important;
  min-height:137px!important;margin:0!important;padding:19px 20px!important;
  border:1px solid var(--vc25-line)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:var(--vc25-shadow)!important;overflow:hidden!important;
  transition:box-shadow .16s,transform .16s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat:hover {
  transform:translateY(-2px)!important;box-shadow:0 15px 34px rgba(40,47,101,.09)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat::after {
  content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:3px!important;
  background:var(--vc25-stat)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat.vchat-booking-stat-confirmed {--vc25-stat:#27a078;--vc25-stat-bg:#eaf9f2}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat.vchat-booking-stat-today {--vc25-stat:#3386e9;--vc25-stat-bg:#edf5ff}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat.vchat-booking-stat-cancelled {--vc25-stat:#d67a88;--vc25-stat-bg:#fff0f2}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat-icon {
  position:absolute!important;top:18px!important;right:17px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:42px!important;padding:10px!important;
  border-radius:13px!important;background:var(--vc25-stat-bg)!important;
  color:var(--vc25-stat)!important;line-height:1!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat-icon svg {
  display:block!important;width:21px!important;height:21px!important;flex:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>small {
  display:block!important;margin:0 46px 10px 0!important;color:#7f849b!important;
  font-size:11px!important;font-weight:800!important;line-height:1.35!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>strong {
  display:block!important;margin:0 0 8px!important;color:#222641!important;
  font-size:33px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.04em!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>.vchat-booking-stat-description {
  display:block!important;align-self:flex-start!important;margin:0!important;padding:0!important;background:transparent!important;
  color:#989bb0!important;font-size:10px!important;font-weight:550!important;line-height:1.35!important;
}

/* One functional filter/navigation panel; no controls are recreated. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar {
  display:grid!important;grid-template-columns:190px minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.83fr)!important;
  gap:13px!important;align-items:end!important;min-width:0!important;
  padding:21px!important;margin:0 0 18px!important;
  border:1px solid var(--vc25-line)!important;border-radius:21px!important;
  background:#fff!important;box-shadow:var(--vc25-shadow)!important;overflow:visible!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro {
  grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
  gap:5px 14px!important;min-width:0!important;padding:0 0 14px!important;
  border-bottom:1px solid #ebedf7!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro>span {
  display:block!important;color:#7166d3!important;font-size:9px!important;font-weight:900!important;
  letter-spacing:.12em!important;line-height:1.3!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro>strong {
  color:#222640!important;font-size:15px!important;font-weight:850!important;line-height:1.3!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro>p {
  margin:0 0 0 auto!important;color:#9095a9!important;font-size:10px!important;line-height:1.4!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-view-tabs {
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;
  align-self:end!important;width:100%!important;min-width:0!important;
  height:46px!important;min-height:46px!important;margin:0!important;padding:4px!important;
  border-radius:12px!important;background:#f0effa!important;border:1px solid #ebe9f8!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-view-tabs button {
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  padding:0 10px!important;border:0!important;border-radius:9px!important;
  color:#777a94!important;background:transparent!important;font-size:11px!important;
  font-weight:800!important;line-height:1!important;box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-view-tabs button.is-active {
  color:#5148c2!important;background:#fff!important;
  box-shadow:0 3px 9px rgba(42,41,107,.09)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar>label {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
  align-self:end!important;min-width:0!important;margin:0!important;padding:0!important;
  color:#737990!important;font-size:10px!important;font-weight:850!important;line-height:1.15!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar select {
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:46px!important;height:46px!important;margin:0!important;
  padding:0 29px 0 13px!important;border:1px solid #dfe3f2!important;
  border-radius:11px!important;background-color:#fff!important;color:#353b59!important;
  font-size:12px!important;font-weight:750!important;line-height:1.2!important;
  box-shadow:none!important;text-overflow:ellipsis!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] #vchat-booking-calendar-filter {
  color:#5248b5!important;background-color:#fafaff!important;border-color:#cacaf5!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period {
  grid-column:1/-1!important;display:grid!important;
  grid-template-columns:42px minmax(0,310px) 42px 68px!important;
  align-items:center!important;justify-content:end!important;justify-self:stretch!important;
  gap:8px!important;min-width:0!important;width:100%!important;
  padding:14px 0 0!important;margin:0!important;
  border-top:1px solid #eef0f9!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period button {
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;min-width:0!important;width:100%!important;height:42px!important;
  min-height:42px!important;padding:0 10px!important;
  border:1px solid #e0e3f3!important;border-radius:11px!important;
  background:#fff!important;color:#5850b9!important;font-size:12px!important;
  font-weight:800!important;line-height:1.15!important;box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period .vchat-booking-nav-button {
  padding:0!important;font-size:21px!important;font-weight:650!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period .vchat-booking-month-button {
  max-width:none!important;gap:9px!important;background:#f9f8ff!important;
  border-color:#d7d5f6!important;color:#5148bd!important;font-weight:820!important;
  overflow:hidden!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period .vchat-booking-month-button>span {
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;text-transform:capitalize!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period .vchat-booking-month-button svg {
  width:16px!important;height:16px!important;flex:none!important;fill:none!important;
  stroke:currentColor!important;stroke-width:1.8!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar button:hover {
  border-color:#a9a8ed!important;color:#534ace!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] button:focus-visible,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] select:focus-visible {
  outline:3px solid rgba(98,88,234,.21)!important;outline-offset:2px!important;
}

/* Calendar stays inside its own scroll region; 7 days are never crushed. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-calendar {
  position:relative!important;min-width:0!important;max-width:100%!important;
  padding:19px!important;border:1px solid var(--vc25-line)!important;
  border-radius:22px!important;background:#fff!important;
  box-shadow:var(--vc25-shadow)!important;overflow-x:auto!important;overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;scrollbar-color:#cdc9f3 #f6f5fc;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-days {
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;min-width:840px!important;width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays {
  margin:0 0 9px!important;padding:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays>span {
  display:block!important;min-width:0!important;padding:9px 10px!important;
  color:#7b819a!important;font-size:10px!important;line-height:1.2!important;
  font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day {
  position:relative!important;display:flex!important;flex-direction:column!important;
  min-width:0!important;min-height:133px!important;padding:0!important;margin:0!important;
  border:1px solid #e4e7f4!important;border-radius:14px!important;
  background:#fff!important;overflow:hidden!important;
  transition:border-color .16s,box-shadow .16s!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-current-month:hover {
  border-color:#b9b9f5!important;box-shadow:0 5px 15px rgba(72,65,154,.09)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-outside-month {
  border-color:#f0f0f7!important;background:#f8f9fd!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-today {
  border-color:#8680f1!important;box-shadow:0 0 0 1px #c9c5ff inset!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-head {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;min-height:45px!important;padding:7px 8px 7px 11px!important;
  border-bottom:1px solid #f0f1f8!important;background:#fcfcff!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-today .vchat-booking-day-head {
  background:#f3f1ff!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label {
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label>small {
  margin:0!important;color:#8b8fa4!important;font-size:9px!important;
  font-weight:700!important;text-transform:capitalize!important;line-height:1.2!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label>strong {
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:25px!important;width:auto!important;height:27px!important;padding:0 4px!important;
  border-radius:8px!important;color:#242846!important;background:transparent!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-today .vchat-booking-date-label>strong {
  color:#fff!important;background:#625af0!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-add {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;
  min-height:27px!important;margin:0!important;padding:0!important;
  border:1px solid #dddef7!important;border-radius:8px!important;
  background:#f0effe!important;color:#6258d8!important;
  font-size:17px!important;font-weight:600!important;line-height:1!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-add:hover {
  border-color:#625af0!important;background:#625af0!important;color:#fff!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-body {
  display:grid!important;align-content:start!important;gap:6px!important;
  padding:9px 7px!important;min-width:0!important;flex:1!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;
  gap:3px!important;width:100%!important;min-width:0!important;
  padding:8px!important;border:0!important;border-left:3px solid #665df0!important;
  border-radius:8px!important;background:#f2f1ff!important;
  color:#303554!important;text-align:left!important;cursor:pointer!important;
  box-shadow:none!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event.is-pending {
  border-left-color:#d99b35!important;background:#fff9ee!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event.is-completed {
  border-left-color:#2f9f77!important;background:#effaf6!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event.is-cancelled {
  border-left-color:#b8b7c7!important;opacity:.7!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event>span {
  display:block!important;grid-row:auto!important;color:#574dc9!important;
  font-size:10px!important;font-weight:900!important;line-height:1.25!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event>strong {
  display:block!important;color:#303554!important;font-size:10px!important;font-weight:820!important;
  line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event>small {
  display:block!important;color:#8a8eaa!important;font-size:9px!important;font-weight:550!important;
  line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-body>em {
  color:#7876b7!important;font-size:9px!important;font-style:normal!important;
  font-weight:850!important;
}

/* Reservation list uses same card geometry, no text or action clipping. */
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda {
  display:grid!important;gap:10px!important;min-width:0!important;max-width:100%!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article {
  display:grid!important;grid-template-columns:minmax(130px,.9fr) minmax(0,2.3fr) auto auto!important;
  gap:12px!important;align-items:center!important;min-width:0!important;
  padding:15px 18px!important;margin:0!important;
  border:1px solid var(--vc25-line)!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 6px 18px rgba(38,45,95,.035)!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article:hover {
  border-color:#c5c4ee!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article time {
  color:#5950c6!important;font-size:11px!important;font-weight:850!important;line-height:1.45!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>div {
  min-width:0!important;display:grid!important;gap:4px!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article strong {
  display:block!important;min-width:0!important;font-size:12px!important;
  font-weight:850!important;color:#252946!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article span,
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article small {
  display:block!important;color:#858ba5!important;font-size:10px!important;line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article em {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:29px!important;padding:0 12px!important;border-radius:100px!important;
  background:#f1f0ff!important;color:#5b50c1!important;
  font-size:10px!important;font-weight:850!important;font-style:normal!important;white-space:nowrap!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article.is-confirmed em {background:#ebf9f1!important;color:#268b66!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article.is-cancelled em {background:#fff0f1!important;color:#c26a7b!important}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:66px!important;min-height:37px!important;margin:0!important;padding:0 12px!important;
  border:1px solid #deddf7!important;border-radius:10px!important;
  background:#fff!important;color:#554ac7!important;font-size:11px!important;font-weight:800!important;
}
#vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>button:hover {
  background:#f5f4ff!important;border-color:#aaa7ef!important;
}

/* Respect small laptop sidebar width, then phones. */
@media (max-width:1260px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-page-heading{align-items:flex-start!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions{justify-content:flex-start!important}
}
@media (max-width:1040px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-view-tabs{grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar>label:nth-of-type(3){grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays,
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-days{min-width:840px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article{grid-template-columns:130px minmax(0,1fr) auto!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>button{grid-column:3!important}
}
@media (max-width:650px){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] {padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-page-heading{
    padding:19px!important;gap:17px!important;border-radius:18px!important;margin-bottom:14px!important;
  }
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy{flex-basis:100%!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy h1{font-size:28px!important;line-height:1.1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-copy p{font-size:11px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-tools{display:contents!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-heading-actions button{width:100%!important;min-height:42px!important;padding:0 8px!important;font-size:10px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] #vchat-booking-new{grid-column:1/-1!important;min-height:45px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis{gap:9px!important;margin-bottom:14px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-kpis>.vchat-booking-stat{min-height:116px!important;padding:16px!important;border-radius:15px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat-icon{top:13px!important;right:13px!important;width:33px!important;height:33px!important;padding:8px!important;border-radius:10px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat-icon svg{width:17px!important;height:17px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>small{font-size:10px!important;margin-right:32px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>strong{font-size:28px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-stat>.vchat-booking-stat-description{font-size:9px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar{padding:15px!important;gap:11px!important;border-radius:18px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro{gap:3px 12px!important;padding-bottom:12px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar-intro>p{display:none!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar>label{grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:7px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period .vchat-booking-today-button{grid-column:1/-1!important;justify-self:stretch!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-calendar{padding:11px!important;border-radius:16px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article{grid-template-columns:minmax(0,1fr) auto!important;padding:13px!important;gap:7px!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article time{grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>div{grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-agenda>article>button{grid-column:2!important}
}
@media (prefers-reduced-motion:reduce){
  #vchat-frontend-app.vchat-frontend-app [data-vchat-panel="booking"] * {transition:none!important;animation:none!important}
}