#horizon-booking-demo .hc-search-host{position:relative;min-width:0;flex:1}
#horizon-booking-demo .hc-search-host>.hd-field{width:100%;box-sizing:border-box}
#horizon-booking-demo .hc-search-list{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:290px;overflow:auto;background:#122039;border:1px solid #687f9f;border-radius:10px;box-shadow:0 12px 30px #0006;z-index:30;padding:5px;overscroll-behavior:contain}
#horizon-booking-demo .hc-search-list[hidden]{display:none}
#horizon-booking-demo .hc-search-option{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:4px;text-align:left;white-space:normal;background:transparent;border:1px solid transparent;border-radius:7px;padding:9px 11px;color:#f0f4ff;cursor:pointer}
#horizon-booking-demo .hc-search-option strong{font-size:13px;font-weight:650}
#horizon-booking-demo .hc-search-option span{font-size:11px;line-height:1.45;color:#b4c4df;overflow-wrap:anywhere}
#horizon-booking-demo .hc-search-option:hover,#horizon-booking-demo .hc-search-option[aria-selected=true]{border-color:#dd78b299;background:#6c345750}
#horizon-booking-demo .hc-search-empty{margin:10px;font-size:12px;color:#bac9df}
#horizon-booking-demo .hc-search-count{display:block;font-size:10px;line-height:1.4;color:#9bb0cb;margin-top:3px}
#horizon-booking-demo .hc-search-count:empty{display:none}
#horizon-booking-demo .hc-search-with-toggle>.hd-field{min-height:46px;padding-right:52px}
#horizon-booking-demo .hc-search-host .hc-search-toggle{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0 7px 7px 0;background:transparent;color:inherit;cursor:pointer}
#horizon-booking-demo .hc-search-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#horizon-booking-demo .hc-search-toggle:focus-visible{outline:2px solid var(--hd-action);outline-offset:2px}
/* Search-bar light surfaces must not pass dark text into the forest popup. */
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list{--ha-ink:#f0ead6;--ha-muted:#c9d1ba;background:#203b29;color:#f0ead6;border-color:#78835f}
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list .hc-search-option{background:transparent;color:#f0ead6;border-color:transparent}
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list .hc-search-option strong{color:#f0ead6}
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list :is(.hc-search-option span,.hc-search-empty){color:#c9d1ba}
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list .hc-search-option:is(:hover,[aria-selected=true]){background:#3a533b;border-color:#bda66f;color:#fff5db}
#horizon-booking-demo[data-horizon-theme=hq-classic] .hc-search-list .hc-search-more{background:#2c472f;border-color:#78835f;color:#f0ead6}

#horizon-booking-demo .hd-customer-layout{align-items:start}
#horizon-booking-demo .hd-customer-layout>div{min-width:0}
#horizon-booking-demo .hd-customer-list{max-height:clamp(240px,48vh,420px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#df528d var(--hd-soft);border:1px solid var(--hd-line);border-radius:10px;scroll-padding:8px}
#horizon-booking-demo .hd-customer-list:focus-visible{outline:2px solid #ed176d;outline-offset:3px}
#horizon-booking-demo .hd-customer-list::-webkit-scrollbar{width:8px}
#horizon-booking-demo .hd-customer-list::-webkit-scrollbar-track{background:var(--hd-soft);border-radius:8px}
#horizon-booking-demo .hd-customer-list::-webkit-scrollbar-thumb{background:#df528d;border:2px solid var(--hd-soft);border-radius:8px}
#horizon-booking-demo .hd-customer-list .hd-customer-item{padding:9px 12px;transition:background .15s ease}
#horizon-booking-demo .hd-customer-list .hd-customer-item:hover{background:var(--hd-soft)}
#horizon-booking-demo .hd-customer-item span{display:block;overflow-wrap:anywhere}
#horizon-booking-demo .hc-directory-pages{display:flex;justify-content:space-between;gap:8px;padding:10px 0}
#horizon-booking-demo .hc-directory-pages button{min-width:0;font-size:11px;padding:8px 10px}
@media(max-width:800px){#horizon-booking-demo .hd-customer-list{max-height:300px}}
#horizon-booking-demo .hc-search-more{width:100%;padding:10px;color:#ffadd5;background:#23304a;border:1px solid #687f9f;border-radius:6px;cursor:pointer}