/* Keep booking rules, customer messages and display preferences visibly distinct. */
html body #horizon-booking-demo #hd-page-settings.hs-grouped{--hs-panel:color-mix(in srgb,var(--hd-soft,#263043) 85%,var(--hd-fg,#edf0f7) 15%)}
html body #horizon-booking-demo #hd-page-settings .hs-card{--hs-panel:color-mix(in srgb,var(--hd-soft,#263043) 85%,var(--hd-fg,#edf0f7) 15%)}
html body #horizon-booking-demo #hd-page-settings.hs-grouped .hs-group-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
html body #horizon-booking-demo #hd-page-settings.hs-grouped .hs-group-tabs>button{padding:14px 12px}
html body #horizon-booking-demo #hd-page-settings.hs-grouped .hs-group-tabs>button[aria-selected=true]{border-width:2px;background:var(--hs-panel)}
html body #horizon-booking-demo #hd-page-settings .hs-card:is([data-settings-group=booking],[data-settings-group=messages],[data-settings-group=appearance]){background:var(--hd-soft);border:1px solid var(--hd-line);color:var(--hd-fg)}
html body #horizon-booking-demo #hd-page-settings .hs-card.hs-booking-summary{background:var(--hs-panel)}
html body #horizon-booking-demo #hd-page-settings .hs-card:is([data-settings-group=booking],[data-settings-group=messages],[data-settings-group=appearance]) :is(h3,h4,label){color:var(--hd-fg)}
html body #horizon-booking-demo #hd-page-settings .hs-card:is([data-settings-group=booking],[data-settings-group=messages],[data-settings-group=appearance]) :is(p,small){color:var(--hd-secondary,var(--hd-fg))}
#horizon-booking-demo #hs-booking-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 0}
#horizon-booking-demo #hs-booking-summary>div{padding:16px;border:1px solid var(--hd-line);border-radius:10px;background:var(--hd-bg)}
#horizon-booking-demo #hs-booking-summary dt{font-size:12px;margin-bottom:8px}
#horizon-booking-demo #hs-booking-summary dd{margin:0;font-size:20px;font-weight:700;color:var(--hd-fg)}
#horizon-booking-demo .hs-booking-rules fieldset{border:1px solid var(--hd-line);border-radius:10px;min-width:0;padding:16px;background:var(--hd-bg);margin:14px 0}
#horizon-booking-demo .hs-booking-rules legend{padding:0 7px;font-size:13px;font-weight:650}
#horizon-booking-demo .hs-hours-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#horizon-booking-demo .hs-booking-rules small{font-size:12px;line-height:1.5}
#horizon-booking-demo .hs-advanced-booking{padding:12px 16px;border:1px solid var(--hd-line);border-radius:10px;background:var(--hd-bg)}
#horizon-booking-demo .hs-advanced-booking>summary,#horizon-booking-demo .hs-template-fields>summary{cursor:pointer;font-size:13px;font-weight:650;padding:5px 0}
#horizon-booking-demo .hs-message-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:16px}
#horizon-booking-demo .hs-message-compose{padding:16px;border:1px solid var(--hd-line);border-radius:10px;background:var(--hd-bg);min-width:0}
#horizon-booking-demo .hs-message-preview{padding:18px;border:1px solid var(--hd-line);border-radius:10px;background:var(--hs-panel);min-width:0}
#horizon-booking-demo .hs-message-preview h4{font-size:15px;margin:0 0 12px}
#horizon-booking-demo .hs-message-preview pre{font:14px/1.7 'Segoe UI',system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--hd-bg);border:1px solid var(--hd-line);border-radius:8px;padding:16px;color:var(--hd-fg);margin:12px 0 0}
#horizon-booking-demo .hs-message-preview>strong{display:block;font-size:14px;overflow-wrap:anywhere}
#horizon-booking-demo .hs-preview-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#horizon-booking-demo .hs-template-fields{margin-top:14px;padding:12px;border:1px solid var(--hd-line);border-radius:8px;background:var(--hd-soft)}
#horizon-booking-demo .hs-template-fields p{overflow-wrap:anywhere;margin-top:10px}
#horizon-booking-demo .hs-reset-area{padding:14px 18px;margin:18px 0;border:1px dashed var(--hd-line);border-radius:10px;background:var(--hd-bg);color:var(--hd-fg)}
#horizon-booking-demo .hs-reset-area>summary{cursor:pointer;font-size:13px;font-weight:650}
#horizon-booking-demo .hs-reset-area p{font-size:12px;line-height:1.6;max-width:80ch}
#horizon-booking-demo .hs-save-copy{flex:1 1 260px}
#horizon-booking-demo .hs-save-copy p{margin:0;line-height:1.5}
#horizon-booking-demo #hs-draft-scope{font-size:12px;color:var(--hd-fg);margin-top:4px}
html body #horizon-booking-demo #hd-page-settings .hs-save-copy :is(#hs-status,#hs-draft-scope){color:inherit}
@media(max-width:1250px){html body #horizon-booking-demo #hd-page-settings.hs-grouped .hs-group-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#horizon-booking-demo .hs-message-layout{grid-template-columns:1fr}#horizon-booking-demo #hs-booking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#horizon-booking-demo .hs-hours-fields{grid-template-columns:1fr}}
@media(max-width:650px){html body #horizon-booking-demo #hd-page-settings.hs-grouped .hs-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#horizon-booking-demo .hs-preview-controls{grid-template-columns:1fr}#horizon-booking-demo .hs-message-tabs>button{flex:1 1 150px}}
@media(max-width:450px){#horizon-booking-demo #hs-booking-summary{grid-template-columns:minmax(0,1fr)}#horizon-booking-demo .hs-message-compose,#horizon-booking-demo .hs-message-preview{padding:12px}}

#horizon-booking-demo .hs-move-explainer{padding:16px 18px;margin:14px 0 18px;border:1px solid var(--hd-line);border-left:4px solid var(--hd-action);border-radius:10px;background:var(--hs-panel);color:var(--hd-fg)}
#horizon-booking-demo .hs-move-explainer strong{display:block;font-size:14px;margin-bottom:8px}
#horizon-booking-demo .hs-move-explainer p{font-size:13px;line-height:1.65;margin:8px 0 0;max-width:110ch}