/* Equal outer columns keep the complete date group centred on the visible timeline. */
html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 16px}
html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>div:first-child{grid-column:1;grid-row:1;min-width:0}
html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>#hd-calendar-host{grid-column:2;grid-row:1;justify-self:center;margin:0;min-width:0}
html body #horizon-booking-demo[data-horizon-theme] .hd-page #hd-calendar-host>.hd-date{margin:0;flex:none}
html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>.hd-schedule-utilities{grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
html body #horizon-booking-demo[data-horizon-theme] .hd-schedule-utilities :is(.hd-time-navigation,.ht-context,#hd-draft-location){flex:none;margin:0;order:0}
html body #horizon-booking-demo[data-horizon-theme] .hd-date .hd-calendar-popover{left:50%;right:auto;transform:translateX(-50%);width:min(350px,calc(100vw - 40px));box-sizing:border-box}
@media(max-width:1200px){
 html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>.hd-schedule-utilities{grid-column:2;grid-row:1}
 html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>#hd-calendar-host{grid-column:1/-1;grid-row:2;width:max-content;max-width:100%}
}
@media(max-width:540px){
 html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading{gap:8px}
 html body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-heading>#hd-calendar-host{width:100%}
 html body #horizon-booking-demo[data-horizon-theme] .hd-page #hd-calendar-host>.hd-date{width:100%;grid-template-columns:30px minmax(0,1fr) 30px max-content}
 html body #horizon-booking-demo[data-horizon-theme] .hd-page #hd-date-picker{min-width:0;padding-inline:4px;font-size:11px}
}
/* Pink stands out from the lighter theme surfaces; booked jobs keep their colours. */
html body #horizon-booking-demo:not([data-horizon-theme=bubbles]):not([data-horizon-theme=horizon]) :is(.hd-slot-preview,.hd-draft-range,.hd-drag-preview){border:3px dashed #d41470;box-sizing:border-box;box-shadow:0 0 0 1px #ffffffbf;background:#f127851c;color:var(--hd-fg)}
html body #horizon-booking-demo:not([data-horizon-theme=bubbles]):not([data-horizon-theme=horizon]):is([data-draft-colour=auto],:not([data-draft-colour])){--hd-draft-edge:#d41470;--hd-draft-grip:#d41470;--hd-draft-fill:#f127851c;--hd-draft-ink:var(--hd-fg)}
html body #horizon-booking-demo:not([data-horizon-theme=bubbles]):not([data-horizon-theme=horizon]) .hd-draft-preview{border-width:3px;box-shadow:0 0 0 1px #ffffffbf}