/* V40.3: desktop booking workspace for administrator and registrar only. */
.vv-staff-booking-root{scrollbar-gutter:stable}
body.viaviva-staff-booking-modern .viaviva-brand-panel{display:none!important}
body.viaviva-staff-booking-modern #patientView{max-width:1320px;margin-left:auto;margin-right:auto}
body.viaviva-staff-booking-modern #patientView #bookMsg{min-height:24px;box-sizing:border-box}
@media(min-width:901px){
  body.viaviva-staff-booking-modern.vv-staff-date-workspace .wrap{max-width:1180px!important;padding-top:10px!important}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #bookingCard{
    margin-top:10px!important;padding:16px 18px!important;min-height:0!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #bookingTitle{display:none!important}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate>h3{
    margin:0 0 10px!important;color:#153a6b!important;font-size:22px!important;line-height:1.2!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-grid{
    grid-template-columns:minmax(550px,2.35fr) minmax(250px,.9fr)!important;
    gap:18px!important;align-items:stretch!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .date-field>label,
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .date-entry,
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .quick-dates{
    display:none!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .patient-calendar-panel{
    display:block!important;margin:0!important;padding:11px 12px 12px!important;height:100%!important;
    border:1.5px solid #c6d4e3!important;border-radius:14px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .patient-calendar-head{
    grid-template-columns:46px minmax(0,1fr) 46px!important;margin-bottom:7px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate #patientCalendarClose{display:none!important}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .patient-calendar-legend{
    display:flex!important;justify-content:center!important;gap:6px 15px!important;flex-wrap:nowrap!important;
    margin:0 0 9px!important;font-size:12px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .patient-calendar-grid{gap:5px!important}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .patient-calday{
    min-height:43px!important;padding:3px 2px!important;font-size:14px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .time-field{
    display:flex!important;flex-direction:column!important;padding:13px!important;
    border:1.5px solid #c6d4e3!important;border-radius:14px!important;background:#f7fafc!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .time-field>label{
    margin-bottom:8px!important;color:#153a6b!important;font-size:17px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .time-field>.wizard-icon-field{display:none!important}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-selected-date{
    display:flex;flex-direction:column;gap:2px;margin-bottom:11px;padding:9px 10px;
    border-radius:10px;background:#e8f2fa;color:#153a6b;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-selected-date span{font-size:12px;color:#5e7087}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-selected-date strong{font-size:18px}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-buttons{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;
    max-height:296px;overflow:auto;padding:1px;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-button{
    min-width:0;min-height:42px;padding:7px 6px;border:1.5px solid #b8c9da;border-radius:10px;
    background:#fff;color:#153a6b;font-size:15px;font-weight:750;cursor:pointer;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-button:hover,
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-button:focus-visible{
    border-color:#0788bd;box-shadow:0 0 0 3px rgba(7,136,189,.18);outline:none;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-button.selected{
    border-color:#153a6b;background:#153a6b;color:#fff;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-empty{
    grid-column:1/-1;margin:0;padding:16px 10px;border:1px dashed #b8c9da;border-radius:10px;
    background:#fff;color:#5e7087;line-height:1.4;text-align:center;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .vv-staff-time-warning{
    border-style:solid;border-color:#df9f3a;background:#fff7e5;color:#744b08;font-weight:700;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-price-row{
    width:calc(28% - 3px);margin:10px 0 0 auto!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-price-row button{width:100%}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-price{width:100%;box-sizing:border-box}
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-actions{
    width:calc(28% - 3px);margin:10px 0 0 auto!important;grid-template-columns:1fr 1.25fr!important;gap:8px!important;
  }
  body.viaviva-staff-booking-modern.vv-staff-date-workspace #patientView #wizardDate .wizard-actions button{
    min-height:44px!important;padding:8px!important;border-radius:10px!important;
  }
}