/* Use the desktop window without shrinking booking fields to fit its height. */
@media (min-width:761px) and (min-height:601px), (min-width:1101px) {
 html body #horizon-booking-demo{box-sizing:border-box;width:100%;max-width:none;margin-inline:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-editor-workspace{margin:16px 20px 24px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-dialog[open]{padding:22px;min-width:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-heading{align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:20px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-heading h2{font-size:22px;line-height:1.3;white-space:normal}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-heading .hd-draft-status{flex:0 1 auto;font-size:12px;line-height:1.5}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-editor-grid{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:24px;align-items:start;padding:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-editor-main{gap:12px 16px;min-width:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-form .hd-label{font-size:14px;line-height:1.4;margin:0;gap:7px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-form .hd-field{box-sizing:border-box;min-width:0;min-height:42px;height:42px;padding:9px 11px;font-size:14px;line-height:1.4}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-customer{gap:10px 16px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-new-customer{min-height:36px;padding:7px 0;font-size:13px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-customer-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px;padding:16px;margin:0;font-size:13px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-booking-details{grid-template-columns:90px minmax(0,1fr);gap:7px 10px;line-height:1.5;font-size:13px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-booking-address-details{grid-template-columns:minmax(0,1fr)}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-booking-details-actions{grid-column:1/-1;justify-content:flex-start;justify-self:start}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-booking-details-actions button{max-width:none;min-height:38px;padding:8px 12px;font-size:13px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-time-fields{grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) minmax(135px,1fr) minmax(135px,1fr);gap:12px;margin:4px 0;padding:12px 0;border-block:1px solid var(--hd-line)}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-quarter-time{gap:6px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing fieldset.hd-arrival-fields{padding:12px;margin:0;min-width:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-arrival-fields legend{font-size:13px;line-height:1.4;white-space:normal}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-arrival-custom{gap:12px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-job-type-field{margin:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-form #hd-booking-title{height:120px;min-height:120px;max-height:none;line-height:1.6;resize:vertical}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-confirmation{padding:18px;border:1px solid var(--hd-line);border-radius:12px;background:var(--hd-soft);min-width:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-booking-email-choice{grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0 18px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-confirm-controls{gap:12px;margin-bottom:12px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hc-confirm-controls label{font-size:13px;gap:7px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing :is(.hd-booking-email-status,.hd-booking-confirmation .hs-note,.hc-no-email){font-size:13px;line-height:1.5;margin:0}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing #hd-booking-form #hd-booking-confirmation{height:clamp(240px,32vh,420px);min-height:240px;max-height:none;line-height:1.65;resize:vertical}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-confirmation>.hd-dialog-actions{gap:12px;margin-top:18px;flex-wrap:wrap}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-dialog-actions button{min-height:42px;padding:10px 18px;font-size:14px}
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-error{font-size:13px;line-height:1.5}
}
@media (min-width:761px) and (max-width:1199px) and (min-height:601px), (min-width:1101px) and (max-width:1199px) {
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-editor-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:761px) and (max-width:1400px) and (min-height:601px), (min-width:1101px) and (max-width:1400px) {
 html body #horizon-booking-demo.hd-booking-layout.hd-editing .hd-booking-time-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* One frame for Schedule and every management tab. Scroll the timeline itself. */
@media (min-width:761px) and (min-height:601px), (min-width:1101px) {
 html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme]{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin-inline:0}
 html body #horizon-booking-demo>.hd-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
 html body #horizon-booking-demo .hd-scheduler-scroll{min-width:0;max-width:100%}
}