/* HQ: plum plaster, lamplight and warm paper, inspired by the shared entrance.
   Presentation only. The existing architectural system supplies layout and controls. */
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]){
 --ha-frame:#38223f;--ha-deep:#181321;--ha-mid:#76516f;--ha-accent:#57365f;
 --ha-paper:#f2ebe3;--ha-white:#fffdf8;--ha-soft:#e8dedf;--ha-wash:#eee2e9;
 --ha-ink:#302536;--ha-muted:#6c596c;--ha-line:#d4c5d0;--ha-edge:#b9a0b6;
 --ha-gold:#d9bd91;--ha-shadow:#29132f20;--ha-serif:Georgia,'Times New Roman',serif;
 background:#181321;color-scheme:light;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) body{
 background:radial-gradient(ellipse at 7% 0%,#78516b85,transparent 47%),radial-gradient(ellipse at 95% 35%,#3c314c,transparent 60%),linear-gradient(145deg,#302037,#171421 70%);
 background-attachment:fixed;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]){
 border:1px solid #c9a9c456;border-radius:18px;
 background:radial-gradient(ellipse at 0 0,#f7dfbc55,transparent 45%),linear-gradient(115deg,#f5eee5,#eae1e7 58%,#f4eee7);
 box-shadow:0 30px 80px #09060f70,0 5px 15px #0c071c38,inset 0 1px #fff8df30;
}
/* Only the plum wall portion of the material is visible; the gold seam stays outside the crop. */
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top{
 background:linear-gradient(100deg,#3b204c8c,#281c398c 45%,#1b1629c4),url('/hq-plum-material.png') left center/180% auto no-repeat,#38223f;
 border-bottom:1px solid #ac82aa70;border-radius:17px 17px 0 0;
 box-shadow:inset 0 1px #efd8ec52,inset 0 -1px #211025,0 9px 25px #331a3b33;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top::before{
 background:linear-gradient(180deg,#ffe7c20a,transparent 45%,#0c091d40);box-shadow:inset 0 1px #fff5e91f;opacity:1;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .ha-brand-logo{filter:none;max-width:160px;transform:translateZ(0)}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-nav-stack{min-width:0;align-self:center;gap:16px}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-nav-tools{justify-content:center}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav{gap:5px;justify-content:center;flex-wrap:wrap}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav button{
 color:#f9eee9;text-shadow:0 1px 2px #180c21;min-height:36px;padding:9px 11px;
 border:1px solid transparent;border-radius:8px;background:transparent;transition:background .18s,box-shadow .18s;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav button:hover{background:#fff0dc17;border-color:#ebcda72e}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav button[aria-selected=true]{
 background:linear-gradient(140deg,#fff2d8,#e5c99f);color:#3a2640;text-shadow:none;border-color:#ffe4b6;
 box-shadow:inset 0 1px #fffdf5,0 4px 12px #130b234d;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav button[aria-selected=true]::after{background:#805870}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top :is(.hq-account-card,.hb-profile-controls){
 background:linear-gradient(130deg,#493448c2,#201c32d9);border:1px solid #d9bbba45;
 box-shadow:inset 0 1px #ffe9d01c,0 5px 20px #130c233b;backdrop-filter:blur(10px);border-radius:12px;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hb-profile-controls{padding:6px 9px;border-radius:8px}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hb-profile-controls select{color:#fff4e9;background:transparent;border:0;box-shadow:none}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top select option{background:#fffaf3;color:#302536}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-account-card{padding:14px;color:#fff4e9}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hq-account-avatar{background:linear-gradient(135deg,#af849c,#604563);color:#fff8ee;border-color:#e3c5b162}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-header-utilities button{background:#251b3380;border-color:#dfbf9f66;color:#fff2de;box-shadow:inset 0 1px #fff1d41a,0 3px 9px #130b232c}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-header-utilities button:hover{background:#654563bb}
/* A warm desk surface with a clearly raised, lighter layer for each working panel. */
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hd-postcode-booking,.hs-card,.hd-overview-panel,.hd-map-column,.hd-details,.hd-customer-profile,.hi-editor,.hd-invoice-editor,.hd-report-stat,.hr-charts,.hd-metric,.hd-service-card){
 background:linear-gradient(145deg,#fffefa,#faf5f0 62%,#f3eaf1);
 border-color:#d8c8d3;border-radius:12px;
 box-shadow:inset 0 1px #fff,0 2px 3px #3d244b09,0 9px 24px #39233d16;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-postcode-booking{border-top:2px solid #dbc298}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-heading{background:radial-gradient(ellipse at 8% 0%,#f2d8af4d,transparent 68%)}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-location{background:linear-gradient(115deg,#eee5e6,#f5eee5);border-top-color:#d8c3ce}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hd-primary,.hd-find-slot,.hd-book){
 background:linear-gradient(135deg,#795371,#58365f 55%,#3c284b);color:#fff9ee;border:1px solid #6b496d;border-radius:8px;
 box-shadow:inset 0 1px #f6d8ee47,0 4px 10px #48274729;
}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hd-primary,.hd-find-slot,.hd-book):hover{background:linear-gradient(135deg,#8b627e,#62406b 65%,#493354);box-shadow:inset 0 1px #ffe7f34d,0 6px 14px #48274738}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border-color:#cdb9ca;background-color:#fffdf9;color:#302536;box-shadow:inset 0 2px 3px #35213e08,0 1px #fff}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(input,select,textarea):focus-visible{outline-color:#8c627f;box-shadow:0 0 0 3px #80507016}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) select option{background:#fffdf9;color:#302536}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-schedule{border-color:#bda8bb;border-radius:10px;box-shadow:0 7px 18px #37243d1c}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hd-sched-head,.hd-times,.hd-eng-label){background:linear-gradient(180deg,#ede2e7,#e3d5df);color:#5b415d}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-engineer{background:linear-gradient(125deg,#f1e5eb,#e8dce5);color:#462d4e}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-engineer .hd-avatar{background:linear-gradient(135deg,#88637c,#4e315b);color:#fff5e9;box-shadow:inset 0 1px #fce5d94a,0 2px 5px #39213c26}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-track{--hd-line:#d8ced6;background-color:#fffaf4}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-lane:nth-child(odd) .hd-track{background-color:#f7f0f3}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-draft-preview{background:#eadbe8d9;color:#513458;border-color:#825674}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hc-card-avatar{background:linear-gradient(135deg,#906680,#513759);box-shadow:inset 0 1px #ffe6ce59,0 3px 8px #38213a29}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hc-contact-row,.hd-profile-section,.hd-notes,.hd-customer-job-card,.hd-customer-invoice-card){background:linear-gradient(120deg,#f7f0ec,#eee3ed);border-color:#d6c7d3}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) #hd-page-settings.hs-grouped .hs-group-tabs>button{background:linear-gradient(135deg,#fffcf5,#ece1eb);border-color:#d7c6d2;box-shadow:inset 0 1px #fff,0 4px 10px #38213a0d}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) #hd-page-settings.hs-grouped .hs-group-tabs>button[aria-selected=true]{background:linear-gradient(125deg,#ead9e4,#f8eddb);border-color:#805870;box-shadow:inset 0 2px #c8a677,0 4px 12px #38213a20}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) :is(.hr-chart-bar,.hr-source-track i){fill:#795374;background:#795374}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hr-chart-bar.is-negative{fill:#b58749}
html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) dialog::backdrop{background:#20102791}
/* Respect the header's current nav-stack wrapper at each desktop width. */
@media(min-width:1301px){
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top{grid-template-columns:170px minmax(0,1fr) auto 238px;gap:22px;padding:24px 28px}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hq-nav-stack{grid-column:2;grid-row:1}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hq-header-utilities{grid-column:3;grid-row:1}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-account-card{grid-column:4;grid-row:1;width:238px}
}
@media(min-width:761px) and (max-width:1300px){
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top{grid-template-columns:150px minmax(0,1fr) 238px;grid-template-rows:auto auto;gap:12px 22px;padding:20px 24px}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-brand{grid-column:1;grid-row:1}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hq-nav-stack{grid-column:2;grid-row:1/3}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hq-header-utilities{grid-column:1;grid-row:2;justify-content:center}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-account-card{grid-column:3;grid-row:1/3;width:238px}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav{display:flex;border:0;padding:0;gap:5px}
}
@media(min-width:761px) and (max-width:950px){
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top{grid-template-columns:130px minmax(0,1fr) 205px;gap:12px;padding:18px}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hq-account-card{width:205px;padding:10px}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hd-top .hd-nav button{padding:8px;font-size:11px}
}
@media(max-width:760px){
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) body{padding:0}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-header{background:linear-gradient(110deg,#321c4a35,#15132366),url('/hq-plum-material.png') left center/180% auto;color:#fff6e8;border-bottom:1px solid #ac82aa70;box-shadow:0 4px 12px #21132f40}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-header>div:first-child::before{content:'HQ';display:block;font:400 35px/.95 Georgia,serif;letter-spacing:-3px;color:#fff4df;text-shadow:0 2px 4px #170e27}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-brand-mark{display:none!important}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-header small{color:#f1d9bf}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-header>button{background:#2a1c35bb;border-color:#c6a08c70;color:#fff8ed}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-nav{background:linear-gradient(180deg,#fffaf1,#f0e5eb);border-top-color:#ceb392}
 html:is([data-hq-theme=hq],[data-hq-theme=hq-soft]) #horizon-booking-demo:is([data-horizon-theme=hq],[data-horizon-theme=hq-soft]) .hm-phone-nav button[aria-current=page]{background:linear-gradient(135deg,#ead6e3,#f6e5c9);color:#513052}
}