/* Vchat 0.36.78 — Dedicated Agenda page visual reset */

.vchat-frontend-app [data-vchat-panel="booking"]{
  --booking-ink:#29243d;
  --booking-muted:#7f788f;
  --booking-border:#e1dceb;
  --booking-soft:#f7f5fb;
  --booking-primary:#6554b8;
  --booking-primary-soft:#f0ecff;
}

/* Toolbar */
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(160px,220px) minmax(160px,220px) minmax(140px,180px) minmax(0,1fr)!important;
  align-items:end!important;
  gap:12px!important;
  padding:16px!important;
  margin:0 0 16px!important;
  border:1px solid var(--booking-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:visible!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  justify-self:end!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period button{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid var(--booking-border)!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#5948a1!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-nav-button{
  width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;font-size:18px!important;font-weight:800!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-month-button{
  min-width:240px!important;max-width:360px!important;height:40px!important;min-height:40px!important;
  padding:0 13px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font-size:11px!important;font-weight:850!important;white-space:nowrap!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-today-button{
  height:40px!important;min-height:40px!important;padding:0 13px!important;border-radius:11px!important;font-size:11px!important;font-weight:800!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period button:hover{
  background:var(--booking-primary-soft)!important;border-color:#c9c0e7!important;color:#4f3e9a!important;
}

/* Calendar shell */
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-calendar{
  padding:18px!important;border:1px solid var(--booking-border)!important;border-radius:20px!important;background:#fff!important;overflow:auto!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;margin-bottom:8px!important;padding:0!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays span{
  display:block!important;padding:4px 10px!important;color:#7c7588!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important;
}
.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;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-blank{
  min-height:138px!important;border:1px dashed transparent!important;border-radius:15px!important;background:transparent!important;
}
.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:138px!important;
  margin:0!important;padding:0!important;border:1px solid #e4dfec!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  min-height:52px!important;padding:9px 10px 9px 12px!important;border-bottom:1px solid #f0edf5!important;background:#fcfbfe!important;
  visibility:visible!important;opacity:1!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label{
  display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;visibility:visible!important;opacity:1!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label small{
  display:block!important;margin:0!important;color:#847d90!important;font-size:10px!important;font-weight:800!important;text-transform:capitalize!important;visibility:visible!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-date-label strong{
  display:grid!important;place-items:center!important;min-width:30px!important;height:30px!important;margin:0!important;padding:0 6px!important;
  border-radius:9px!important;color:var(--booking-ink)!important;font-size:13px!important;font-weight:900!important;line-height:1!important;visibility:visible!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day.is-today .vchat-booking-date-label strong{
  background:var(--booking-primary)!important;color:#fff!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-add{
  display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;min-height:31px!important;
  padding:0!important;border:1px solid #d9d1ee!important;border-radius:9px!important;background:var(--booking-primary-soft)!important;color:var(--booking-primary)!important;
  font-size:19px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;visibility:visible!important;opacity:1!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-add:hover{
  background:var(--booking-primary)!important;color:#fff!important;border-color:var(--booking-primary)!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-day-body{
  display:grid!important;align-content:start!important;gap:6px!important;min-width:0!important;padding:8px!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:2px 7px!important;min-width:0!important;padding:7px 8px!important;
  border:0!important;border-left:3px solid var(--booking-primary)!important;border-radius:8px!important;background:#f7f5fb!important;text-align:left!important;cursor:pointer!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event span{grid-row:1/3!important;color:#6554b8!important;font-size:9px!important;font-weight:850!important}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event strong,
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event strong{color:#312b45!important;font-size:9.5px!important}
.vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-event small{color:#8b8495!important;font-size:8.5px!important}

/* Booking form / conference */
.vchat-booking-meeting-note{
  display:grid!important;gap:4px!important;padding:12px 14px!important;border:1px solid #e2deec!important;border-radius:12px!important;background:#faf9fd!important;
}
.vchat-booking-meeting-note strong{font-size:10px!important;color:#302a44!important}
.vchat-booking-meeting-note span{font-size:9px!important;line-height:1.5!important;color:#857e90!important}

/* Availability editor: maintain clear day identity */
.vchat-modal .vchat-booking-hours-day{
  display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;
}
.vchat-modal .vchat-booking-day-name strong{display:block!important;color:#2d2840!important;font-size:13px!important;font-weight:900!important}
.vchat-modal .vchat-booking-day-name span{display:block!important;margin-top:4px!important;color:#8d8697!important;font-size:9px!important}

/* Absolutely neutralize accidental danger/red styling on non-danger agenda actions */
.vchat-frontend-app [data-vchat-panel="booking"] button:not(.danger),
.vchat-modal .vchat-booking-settings-modal button:not(.danger):not(.vchat-booking-hours-remove),
.vchat-modal .vchat-booking-month-dialog button:not(.danger),
.vchat-modal .vchat-calendar-manager button:not(.danger),
.vchat-modal .vchat-calendar-editor button:not(.danger){
  outline:0!important;box-shadow:none!important;
}
.vchat-frontend-app [data-vchat-panel="booking"] button:not(.danger):focus-visible,
.vchat-modal .vchat-booking-settings-modal button:not(.danger):focus-visible,
.vchat-modal .vchat-booking-month-dialog button:not(.danger):focus-visible{
  outline:3px solid rgba(101,84,184,.16)!important;outline-offset:2px!important;
}

@media(max-width:1180px){
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period{
    grid-column:1/-1!important;justify-self:start!important;
  }
}
@media(max-width:760px){
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-toolbar{grid-template-columns:1fr!important}
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-period{
    width:100%!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px auto!important;
  }
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-month-button{min-width:0!important;width:100%!important;max-width:none!important}
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-calendar{padding:12px!important}
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-weekdays,
  .vchat-frontend-app [data-vchat-panel="booking"] .vchat-booking-days{min-width:860px!important}
  .vchat-modal .vchat-booking-hours-day{grid-template-columns:1fr!important}
}
