/* Vchat 0.36.77 — Agenda: day visibility + stable month navigation */

.vchat-frontend-app .vchat-booking-period{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  justify-self:end!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;gap:6px!important
}
.vchat-frontend-app .vchat-booking-period button{
  appearance:none!important;-webkit-appearance:none!important;min-height:40px!important;
  border:1px solid #ddd7e8!important;outline:none!important;box-shadow:none!important;
  background:#fff!important;color:#5948a1!important;cursor:pointer!important
}
.vchat-frontend-app .vchat-booking-period button:hover{border-color:#bfb4e3!important;background:#f7f4ff!important;color:#4f3d9c!important}
.vchat-frontend-app .vchat-booking-period button:focus-visible{border-color:#806dcb!important;box-shadow:0 0 0 3px rgba(101,84,184,.12)!important}
.vchat-frontend-app .vchat-booking-nav-button{flex:0 0 40px!important;width:40px!important;padding:0!important;border-radius:11px!important;font-size:20px!important;line-height:1!important}
.vchat-frontend-app .vchat-booking-month-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  flex:0 1 auto!important;width:auto!important;min-width:220px!important;max-width:340px!important;
  padding:0 14px!important;border-radius:11px!important;font-size:11px!important;font-weight:850!important
}
.vchat-frontend-app .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-booking-month-button svg{flex:0 0 16px!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.vchat-frontend-app .vchat-booking-today-button{flex:0 0 auto!important;padding:0 13px!important;border-radius:11px!important}

/* Month selection modal */
.vchat-booking-month-dialog{display:grid!important;gap:16px!important}
.vchat-booking-month-fields{display:grid!important;grid-template-columns:minmax(0,1fr) 140px!important;gap:12px!important}
.vchat-booking-month-quick{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.vchat-booking-month-quick button{
  min-height:40px!important;padding:8px!important;border:1px solid #e1dce9!important;border-radius:10px!important;
  background:#faf9fd!important;color:#5b4ba1!important;font-size:9px!important;font-weight:800!important;text-transform:capitalize!important;cursor:pointer!important
}
.vchat-booking-month-quick button:hover{background:#f0ecff!important;border-color:#c8bee8!important}

/* Availability editor */
.vchat-booking-settings-modal{display:grid!important;gap:18px!important}
.vchat-booking-settings-modal>section{padding:20px!important;border:1px solid #e2deec!important;border-radius:18px!important;background:#fff!important}
.vchat-booking-settings-intro{display:block!important;margin:0 0 16px!important;padding:0!important}
.vchat-booking-settings-intro strong{display:block!important;margin:0!important;color:#2d2840!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important}
.vchat-booking-settings-intro p{max-width:760px!important;margin:6px 0 0!important;color:#7f788b!important;font-size:10.5px!important;line-height:1.55!important}
.vchat-booking-hours-week{display:grid!important;gap:12px!important}
.vchat-booking-hours-day{
  display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;
  padding:14px!important;border:1px solid #e6e1ee!important;border-radius:15px!important;background:#fbfafd!important;overflow:visible!important
}
.vchat-booking-hours-day.has-periods{border-left:4px solid #6554b8!important;padding-left:11px!important}
.vchat-booking-hours-day.is-empty{border-left:4px solid #d9d3e3!important;padding-left:11px!important}
.vchat-booking-day-identity{display:grid!important;align-content:start!important;gap:10px!important;min-width:0!important;padding:4px 0!important}
.vchat-booking-day-name{display:grid!important;gap:4px!important}
.vchat-booking-day-name strong{color:#2d2840!important;font-size:13px!important;line-height:1.2!important;font-weight:900!important}
.vchat-booking-day-name span{color:#8d8697!important;font-size:9px!important;line-height:1.3!important;font-weight:750!important}
.vchat-booking-hours-add{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:36px!important;
  padding:8px 10px!important;border:1px solid #d8d0ee!important;border-radius:10px!important;background:#fff!important;
  color:#5948a1!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important;outline:none!important;box-shadow:none!important
}
.vchat-booking-hours-add:hover{background:#f1edff!important;border-color:#bfb4e3!important}
.vchat-booking-hours-list{display:grid!important;gap:8px!important;min-width:0!important}
.vchat-booking-no-hours{
  display:flex!important;align-items:center!important;min-height:54px!important;margin:0!important;padding:12px 14px!important;
  border:1px dashed #ddd7e8!important;border-radius:11px!important;background:#fff!important;color:#968fa0!important;font-size:10px!important
}
.vchat-booking-hours-interval{
  display:grid!important;grid-template-columns:minmax(140px,1fr) 18px minmax(140px,1fr) 38px!important;
  align-items:end!important;gap:9px!important;padding:10px!important;border:1px solid #e4dfec!important;border-radius:12px!important;background:#fff!important
}
.vchat-booking-time-field{display:grid!important;gap:5px!important;min-width:0!important;margin:0!important;color:#746d80!important;font-size:8.5px!important;font-weight:850!important}
.vchat-booking-time-field input[type="time"]{width:100%!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;border:1px solid #ddd7e8!important;border-radius:10px!important;background:#fff!important;color:#2d2840!important;font-size:11px!important}
.vchat-booking-hours-to{align-self:center!important;padding-top:15px!important;text-align:center!important;color:#777083!important;font-size:10px!important;font-weight:800!important}
.vchat-booking-hours-remove{
  display:grid!important;place-items:center!important;width:38px!important;height:40px!important;min-height:40px!important;padding:0!important;
  border:1px solid #e6dbe0!important;border-radius:10px!important;outline:none!important;background:#fff!important;color:#a34a5e!important;
  box-shadow:none!important;font-size:16px!important;cursor:pointer!important
}
.vchat-booking-hours-remove:hover{border-color:#d9bdc4!important;background:#fff7f8!important}

/* Neutralize inherited red styles on normal booking controls */
.vchat-modal .vchat-booking-settings-modal .vchat-modal-actions button,
.vchat-modal .vchat-booking-month-dialog .vchat-modal-actions button{
  border:1px solid #ddd7e8!important;background:#f5f2fb!important;color:#5948a1!important;outline:none!important;box-shadow:none!important
}
.vchat-modal .vchat-booking-settings-modal .vchat-modal-actions button.primary,
.vchat-modal .vchat-booking-month-dialog .vchat-modal-actions button.primary{
  border-color:#6554b8!important;background:#6554b8!important;color:#fff!important
}

@media(max-width:1100px){
  .vchat-frontend-app .vchat-booking-period{grid-column:1/-1!important;justify-self:start!important;margin-left:0!important}
}
@media(max-width:760px){
  .vchat-booking-hours-day{grid-template-columns:1fr!important}
  .vchat-booking-day-identity{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .vchat-booking-hours-add{width:auto!important}
  .vchat-booking-hours-interval{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important}
  .vchat-booking-hours-remove{grid-column:1/-1!important;width:100%!important;height:34px!important;min-height:34px!important}
  .vchat-booking-month-fields{grid-template-columns:1fr!important}
  .vchat-booking-month-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vchat-frontend-app .vchat-booking-period{width:100%!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px auto!important}
  .vchat-frontend-app .vchat-booking-month-button{min-width:0!important;width:100%!important;max-width:none!important}
}