/* Haus Portal Corporate Design Guide v0.1, June 2019. Self-hosted fonts. */
@font-face{font-family:Khand;src:url('assets/brand/Khand-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Khand;src:url('assets/brand/Khand-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Khand;src:url('assets/brand/Khand-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('assets/brand/RobotoCondensed.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--hp-orange:#ce3916;--hp-orange-dark:#a82c10;--hp-grey:#3d4548;--hp-green:#3e767f;--hp-green-dark:#2a555c;--hp-soft:#e9f2f3;--navy:var(--hp-grey);--teal:var(--hp-green);--ink:var(--hp-grey);--muted:#5c666a;--line:#dfe5e6;--wash:#f3f5f5;--hp-header:124px;font-family:'Roboto Condensed',Arial,sans-serif;color:var(--hp-grey);background:var(--wash)}
body{font-family:'Roboto Condensed',Arial,sans-serif;color:var(--hp-grey);background:var(--wash);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.scene-label strong,.price strong,.hp-product-name{font-family:Khand,'Roboto Condensed',sans-serif;font-weight:600;letter-spacing:0}
a{color:var(--hp-green-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--hp-orange);outline-offset:3px}
/* Preserve the original stacked wordmark, including its claim. */
.hp-topbar,.hp-studio .topbar{height:var(--hp-header);min-height:var(--hp-header);padding:8px 28px;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line);max-width:none;margin:0}
a.hp-brand{display:flex;flex:0 0 auto;width:144px;align-items:center;justify-content:center;text-decoration:none;padding:0;margin:0;background:#fff;border:0}
.hp-brand img{display:block;width:144px;height:auto;max-width:100%;object-fit:contain}
.hp-product-name{font-size:24px;color:var(--hp-grey);margin:0;line-height:1.1}
.hp-topbar>:last-child:not(.hp-brand){margin-left:auto}
.hp-topbar .hp-back{font-size:14px;text-decoration:none}
.hp-studio .edition{color:var(--hp-grey);font-family:Khand,sans-serif;font-weight:600;font-size:18px;letter-spacing:1.4px}
.hp-studio .workspace{height:calc(100dvh - var(--hp-header))}
.hp-studio .primary,.hp-studio .step-controls button:last-child{background:var(--hp-orange);border-color:var(--hp-orange)}
.hp-studio .primary:hover,.hp-pricing button:not(.secondary):hover,.hp-pricing .button:not(.secondary):hover{background:var(--hp-orange-dark)}
.hp-studio .prototype,.hp-pricing .badge{background:var(--hp-soft);color:var(--hp-green-dark);border-color:#bed1d4}
.hp-studio .panel-heading{background:var(--hp-grey)}
.hp-studio .panel-heading>span,.hp-studio .panel-heading p{color:#e0e8e9}
.hp-studio .panel h1{font-family:Khand,sans-serif;font-weight:600;font-size:28px;letter-spacing:0}
.hp-studio .rail button.active,.hp-studio .choice.active,.hp-studio .model-card.active .image{background:var(--hp-soft)}
.hp-studio .step-progress span{background:var(--hp-orange)}
.hp-studio .preview{background:#edf0f0}
.hp-studio .preview-footer{background:#f8fafa;border-color:var(--line)}
.hp-studio .scene-label strong{color:var(--hp-grey)}
.hp-studio .scene-label>span,.hp-studio .text-btn{color:#5c666a}
.hp-studio .resume-project,.hp-studio .info-card{background:var(--hp-soft)}
.hp-pricing h1{font-size:clamp(32px,4vw,46px)}
.hp-pricing h2{font-size:28px}.hp-pricing h3{font-size:22px}
.hp-pricing p,.hp-pricing .hint,.hp-pricing .caption,.hp-pricing .note,.hp-pricing .optionDetail{color:#5c666a}
.hp-pricing input,.hp-pricing select{color:var(--hp-grey);border-color:#c5d1d3}
.hp-pricing .product{background:#e9eeef;border-color:var(--line)}
.hp-pricing .product-title,.hp-pricing .product p{color:#5c666a}
.hp-pricing .notice,.hp-pricing .scope,.hp-pricing .reference:not(.pending),.hp-pricing .variant-delta,.hp-pricing .glazing-offer{background:var(--hp-soft);border-color:var(--hp-green)}
.hp-pricing .scope strong,.hp-pricing summary,.hp-pricing .totals .total,.hp-pricing .composition .sum{color:var(--hp-green-dark)}
.hp-pricing button:not(.secondary),.hp-pricing .button:not(.secondary){background:var(--hp-orange);color:#fff}
.hp-pricing button.secondary,.hp-pricing .button.secondary{background:var(--hp-soft);color:var(--hp-green-dark)}
.hp-pricing .eyebrow,.hp-pricing .intro small,.hp-gallery .eyebrow{color:var(--hp-green-dark)}
.hp-pricing header a{letter-spacing:0}.hp-pricing .price strong{color:var(--hp-grey)}
.hp-gallery{font-size:15px;line-height:1.5;margin:0}
.hp-gallery .card h2{font-size:19px}.hp-gallery .card a{color:var(--hp-green-dark);border-color:#bed1d4}
.hp-panel-gallery main{max-width:1440px;margin:auto;padding:28px}
.hp-panel-gallery .grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.hp-panel-gallery .card{min-width:0}.hp-panel-gallery canvas{height:160px;max-width:100%}
@media(max-width:1000px){.hp-studio .edition{display:none}.hp-panel-gallery .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:740px){:root{--hp-header:108px}.hp-topbar,.hp-studio .topbar{padding:6px 16px;gap:16px;flex-wrap:nowrap}a.hp-brand,.hp-brand img{width:128px}.hp-product-name{font-size:20px}.hp-studio .workspace{height:calc(100dvh - var(--hp-header))}.hp-studio .header-right{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.hp-studio .header-right .prototype{display:none}.hp-studio .header-right .text-btn{font-size:12px;min-height:32px}.hp-studio .header-right .primary{font-size:12px;padding:10px}.hp-studio .panel h1{font-size:25px}.hp-pricing .hp-product-name{display:none}.hp-topbar .hp-back{font-size:12px}.hp-panel-gallery main{padding:16px}.hp-panel-gallery .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media print{.hp-topbar{display:none}}

@media print{body{color:var(--hp-grey)}#printSheet header{align-items:center;border-color:var(--hp-green)}#printSheet .hp-print-logo{width:110px;height:auto;object-fit:contain}#printSheet h1{font-family:Khand,sans-serif}}

.panel-check-status{padding:12px;border-left:3px solid #3e767f;background:#edf4f3}.panel-check-status[data-status=partial]{border-color:#ce3916;background:#fff1ed}

.panel-glass-editor select{width:100%;min-width:0;text-overflow:ellipsis}.panel-glass-editor p{line-height:1.55}.panel-glass-editor .panel-glass-total{padding:14px;background:#edf4f4;border-left:3px solid #3e767f;font-weight:600}.panel-glass-editor section{margin-top:24px;padding-top:16px;border-top:1px solid #dde3e3}

/* Local recovery stays outside the scrolling configuration form. */
.hp-studio .draft-recovery{margin:0 18px 10px;padding:12px;border:1px solid #c7c7c7;border-radius:8px;background:#faf9f7;display:grid;gap:9px;font-size:12px;min-width:0}
.hp-studio .draft-recovery[hidden]{display:none}
.hp-studio .draft-recovery select{width:100%;min-width:0;font:inherit;padding:8px;border:1px solid #bbb;border-radius:4px;background:white;color:#3d4548}
.hp-studio .draft-recovery>div{display:flex;gap:8px;flex-wrap:wrap}
.hp-studio .draft-recovery small{line-height:1.5;color:#596165}
.hp-studio .draft-notice{padding:0 18px 10px;color:#596165;font-size:11px;line-height:1.45;flex-shrink:0}
.hp-studio .draft-notice[data-status=error]{color:#97391e}
@media(max-width:740px){.hp-studio .draft-recovery{margin:0 12px 8px}.hp-studio .draft-notice{padding:0 12px 8px}}