/* Suggestions keep a neutral surface and the same identity colour as the timeline badge. */
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice{
 --suggestion-surface:#f4f4f7;--suggestion-ink:#2c2a34;--suggestion-line:#9a98a3;
 background:var(--suggestion-surface);
 color:var(--suggestion-ink);border:1px solid var(--suggestion-line);
 box-shadow:inset 0 1px #ffffff45,0 2px 4px #16102420;
}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice[data-active=true]{
 outline:2px solid var(--hd-action);outline-offset:2px;
 box-shadow:inset 0 0 0 1px var(--suggestion-ink),0 2px 4px #16102420;
}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice :is(.hd-engineer-slot,.hd-engineer-slot-back){background:transparent;color:var(--suggestion-ink);box-shadow:none}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice .hd-engineer-slot-back{border-right-color:var(--suggestion-line)}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice button:not(:disabled):hover{background:color-mix(in srgb,var(--suggestion-ink) 7%,transparent)}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice button:focus-visible{outline:2px solid var(--suggestion-ink);outline-offset:-3px}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice strong{display:flex;align-items:center;gap:7px;color:var(--suggestion-ink)}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice strong::before{content:'';display:block;flex:none;width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:var(--slot-colour);border:1px solid color-mix(in srgb,var(--suggestion-ink) 33%,transparent);box-shadow:0 0 0 1px #ffffff80}
/* A disabled one-option button must not fade the engineer identity dot. */
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice .hd-engineer-slot:disabled{opacity:1}
html[data-hq-theme] body #horizon-booking-demo[data-horizon-theme] .hd-page .hd-slot-alternatives .hd-engineer-choice .hd-engineer-slot:disabled>span{opacity:.65}
/* Supplied blue-grey reference, across the whole card and both arrow regions. */
html[data-hq-theme] body #horizon-booking-demo:is([data-horizon-theme=horizon],[data-horizon-theme=bubbles]) .hd-page .hd-slot-alternatives .hd-engineer-choice{
 --suggestion-surface:#25303f;--suggestion-ink:#edf1f7;--suggestion-line:#718094;
}
/* The HQ schedule uses the muted lavender from the supplied reference. */
html[data-hq-theme=hq-test] body #horizon-booking-demo[data-horizon-theme=hq-test] #hd-page-schedule .hd-postcode-booking{
 background:#d6d5df;border-color:#96909f;
 box-shadow:inset 0 1px #ffffff60,0 2px 8px #39263f18;
}
html[data-hq-theme=hq-test] body #horizon-booking-demo[data-horizon-theme=hq-test] #hd-page-schedule :is(.hd-planner-sticky,.hd-heading){background:#d6d5df;background-image:none}
html[data-hq-theme=hq-test] body #horizon-booking-demo[data-horizon-theme=hq-test] #hd-page-schedule :is(.hd-sched-head,.hd-times,.hd-eng-label,.hd-engineer){background:#d0d0d9;background-image:none}
/* Search and recents share a white surface inside their complete purple frame. */
html[data-hq-theme=hq-test] body #horizon-booking-demo[data-horizon-theme=hq-test] #hd-page-schedule .hd-postcode-input{background:#fff;background-image:none}
/* Keep the input and recents inside the shared frame. Do not clip autocomplete. */
html[data-hq-theme] body #horizon-booking-demo:is([data-horizon-theme=hq-test],[data-horizon-theme=hq]) .hd-page .hd-postcode-input{box-sizing:border-box;height:38px;min-height:38px;border:1px solid var(--hd-line);border-radius:8px}
html[data-hq-theme] body #horizon-booking-demo:is([data-horizon-theme=hq-test],[data-horizon-theme=hq]) .hd-page .hd-postcode-input .hc-search-host{align-self:stretch;display:flex;align-items:center;min-height:0}
html[data-hq-theme] body #horizon-booking-demo:is([data-horizon-theme=hq-test],[data-horizon-theme=hq]) .hd-page .hd-postcode-input :is(input,#hd-recent-customers){box-sizing:border-box;min-height:0;background:transparent;box-shadow:none}
html[data-hq-theme] body #horizon-booking-demo:is([data-horizon-theme=hq-test],[data-horizon-theme=hq]) .hd-page .hd-postcode-input input{height:100%;border-radius:0}

/* Forest's light finder must not pass dark ink into its woodland result card. */
@media (min-width:761px) and (min-height:601px), (min-width:1101px){
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-rec-result{
  --ha-ink:#fff8e6;--ha-muted:#d7e4cf;--hd-fg:#fff8e6;--hd-secondary:#d7e4cf;--hd-line:#82967c;
  color:#fff8e6;
 }
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-rec-result :is(h3,.hd-travel-heading,.hd-travel-leg strong){color:#fff8e6}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-rec-result :is(.hd-eyebrow,.hd-rec-meta,.hd-travel-route,.hd-travel-credit){color:#d7e4cf}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-rec-result .hd-rec-rank{color:#f0dca6}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-travel-leg{background:#ffffff0a;border-color:#82967c}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-travel-leg-label{color:#e1eacb}
 /* Size the inner controls within the frame; keep autocomplete free to open below. */
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input{box-sizing:border-box;height:38px;min-height:38px;border:1px solid #70856c;border-radius:8px}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input .hc-search-host{align-self:stretch;display:flex;align-items:center;min-height:0}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input :is(input,#hd-recent-customers){box-sizing:border-box;min-height:0;background:transparent;box-shadow:none}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input input{height:100%;padding-block:0;border-radius:0}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input:focus-within{border-color:#28533c;outline:2px solid #28533c;outline-offset:2px;box-shadow:none}
 html[data-hq-theme=hq-classic] body #horizon-booking-demo[data-horizon-theme=hq-classic] #hd-page-schedule .hd-postcode-input :is(input,#hd-recent-customers):focus{outline:none;box-shadow:none}
}