/* The existing engineering viewer remains available beside the new experience. */
.simulation-panel,.simulation-framing{display:none}
.model-card[data-view=simulation] .simulation-panel{display:flex;flex-direction:column;gap:9px}
.model-card[data-view=simulation] .model-settings>:is(.system-tabs,.model-mounting-options,.model-room-options,.model-controls){display:none}
.model-card[data-view=simulation] .model-settings .model-config{display:none}
.model-card[data-view=simulation] .model-format{display:none}
.model-card[data-view=simulation] .model-viewport .model-stage{margin-top:14px}
.future-home .model-settings .model-view-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-card[data-view=simulation] .model-settings .model-toolbar{order:-1;padding-bottom:12px;border-bottom:1px solid #ffffff24}
.model-card[data-view=simulation] .simulation-framing{display:flex;gap:6px;justify-content:center;margin:4px 0}
.simulation-framing button{background:#ffffff08;color:#d5e5ef;border:1px solid #87a6bd55;border-radius:5px;font-size:.85rem;min-height:44px;padding:6px 11px}
.simulation-framing button[aria-pressed=true]{background:#b8d9ed;color:#10283d;border-color:#b8d9ed}
.sim-intro>span{font-size:.7rem;letter-spacing:.14em;color:#9ebbd0}
.sim-intro p{display:none}
.sim-config-block{display:flex;flex-direction:column;gap:8px}
.sim-zones{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sim-zones button{background:#ffffff06;border:1px solid #7fa1b65c;color:#dcebf4;border-radius:6px;padding:8px 10px;text-align:left;min-height:53px}
.sim-zones strong{display:block;font-size:.9rem;font-weight:600}
.sim-zones span{display:block;font-size:.8rem;color:#a9c1d4;margin-top:3px}
.sim-zones button[aria-pressed=true]{border-color:#87c2df;background:#8bbfdc18}
.sim-system-picker,.sim-popover-systems{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px}
.sim-system-picker button,.sim-popover-systems button{border:1px solid #7fa1b650;border-radius:4px;background:#ffffff08;color:#dcebf4;font-size:.82rem;line-height:1.4;min-height:44px;padding:7px 5px;overflow-wrap:anywhere}
.sim-system-picker button[aria-pressed=true],.sim-popover-systems button[aria-pressed=true]{background:#b8d9ed;color:#10283d;border-color:#b8d9ed}
.sim-material{font-size:.84rem;line-height:1.5;color:#afc7da;margin:0;min-height:21px}
.sim-primary{border:1px solid #b8d9ed;border-radius:5px;background:#b8d9ed;color:#10283d;min-height:44px;padding:9px 14px;font-size:.9rem;font-weight:600;line-height:1.35}
.sim-primary:hover{background:#d5eaf5}
.simulation-panel button:disabled,.sim-popover button:disabled{opacity:.42;cursor:default}
.sim-options{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between;font-size:.85rem;color:#c0d5e4}
.sim-options>div{display:flex;gap:4px}
.sim-options button{border:1px solid #839eb24d;border-radius:4px;min-height:44px;padding:5px 9px;color:#c8dce9;background:#ffffff08;font-size:.85rem}
.sim-options button[aria-pressed=true]{background:#b8d9ed;color:#10283d}
.sim-options select{font:inherit;font-size:.85rem;color:#e7f0f6;background:#163149;border:1px solid #7fa1b66b;border-radius:4px;min-height:44px;padding:5px 8px}
.sim-options label{display:flex;align-items:center;gap:8px;min-height:44px}
.sim-options input,.sim-heat-toggle input{width:16px;height:16px;accent-color:#8dbbd5;flex:none}
.sim-progress-wrap>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:#dcebf4;margin:2px 0 5px}
.sim-progress-wrap output{font-size:.8rem;color:#9abbd3;white-space:nowrap}
.sim-progress-wrap progress{display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#ffffff16;accent-color:#91c8e2}
.sim-progress-wrap progress::-webkit-progress-bar{background:#ffffff16}
.sim-progress-wrap progress::-webkit-progress-value{background:#91c8e2}
.sim-progress-wrap progress::-moz-progress-bar{background:#91c8e2}
.sim-steps{display:grid;grid-template-columns:1fr 1fr;gap:5px;list-style:none;padding:0;margin:2px 0}
.sim-steps li{display:flex;align-items:center;gap:7px;padding:7px 6px;background:#ffffff04;border:1px solid #ffffff0b;border-radius:4px;color:#9ab5c9;min-height:39px;font-size:.64rem;line-height:1.4}
.sim-steps b{font-size:.61rem;color:#7499b4;font-weight:500;flex:none}
.sim-steps .is-active{background:#8bbfdc19;border-color:#80aec65c;color:#e2f1f9}
.sim-steps .is-active b,.sim-steps .is-done b{color:#a9d6eb}
.sim-steps .is-done{color:#c5dce9}
.sim-notes-heading,.model-notes .sim-steps{display:none}
.model-card[data-view=simulation] .sim-notes-heading{display:block;font-size:.75rem;font-weight:600;color:#cbdfea;margin:0 0 8px}
.model-card[data-view=simulation] .model-notes .sim-steps{display:grid;max-width:650px;padding-bottom:16px}
.sim-running-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.sim-running-actions button,.sim-result-tools button{border:1px solid #829db450;border-radius:4px;background:#ffffff06;color:#c7dcea;min-height:44px;font-size:.84rem;padding:6px 8px}
.sim-result-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:2px;padding-top:10px;border-top:1px solid #ffffff1f}
.sim-result-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.sim-result-tools button[aria-pressed=true]{background:#b8d9ed;color:#10283d;border-color:#b8d9ed}
.sim-heat-toggle{display:flex;align-items:center;gap:8px;color:#c4d9e8;font-size:.85rem;min-height:44px;cursor:pointer}
.sim-qualifier{font-size:.8rem;line-height:1.45;color:#8ba8bd;margin:-6px 0 2px}
.sim-inquiry{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #8eb5ce7a;border-radius:5px;background:#ffffff07;color:#d7eaf6;min-height:44px;padding:8px 11px;font-size:.85rem;font-weight:600}
.sim-inquiry:hover{background:#ffffff12}
.sim-reset{padding:4px 0;border:0;background:none;color:#b6cddd;font-size:.8rem;min-height:44px;text-align:center}
.sim-popover{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:6;width:min(250px,calc(100% - 24px));padding:12px;border:1px solid #adcbdcc4;border-radius:9px;background:#f5f9fcf5;box-shadow:0 8px 35px #0b243835;color:#163149;cursor:default}
.sim-popover-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sim-popover-heading strong{font-size:.88rem}
.sim-popover-heading button{border:0;background:transparent;color:#476477;min-width:44px;min-height:44px;font-size:1.35rem;line-height:1;padding:0}
.sim-popover>p{font-size:.8rem;color:#577283;margin:2px 0 10px;line-height:1.4}
.sim-popover-systems button{background:#e5eef4;color:#24465d;border-color:#bbccd8;font-size:.8rem;min-height:44px}
.sim-popover-systems button[aria-pressed=true]{background:#183f5c;color:#fff;border-color:#183f5c}
.sim-popover .sim-primary{width:100%;margin-top:8px;min-height:44px;font-size:.85rem;background:#183f5c;color:#fff;border-color:#183f5c}
.sim-heat-legend{position:absolute;left:12px;top:12px;z-index:3;display:flex;gap:10px;border:1px solid #bdcdda;border-radius:4px;padding:6px 8px;background:#f8fbf1ed;color:#294c60;font-size:.62rem;pointer-events:none}
.sim-heat-legend span{display:flex;align-items:center;gap:5px}
.sim-heat-legend i{width:8px;height:8px;border-radius:2px;display:block}
.sim-warm{background:#ea8c50}.sim-cool{background:#568fab}
@media(max-width:760px){
  .model-card[data-view=simulation] .model-viewport .model-stage{height:clamp(300px,46dvh,430px);min-height:300px}
  .sim-zones button,.sim-system-picker button,.sim-primary,.sim-result-tools button,.sim-running-actions button,.sim-options button,.sim-inquiry,.sim-popover-systems button,.sim-popover .sim-primary{min-height:44px}
  .simulation-panel{gap:11px}
  .sim-intro p{font-size:.9rem}.sim-material{font-size:.84rem}.sim-steps li{font-size:.72rem;min-height:42px}
  .sim-heat-toggle{font-size:.85rem;min-height:44px}.sim-qualifier{font-size:.8rem}
  .sim-reset{font-size:.8rem;min-height:44px}
  .sim-popover{padding:10px;width:min(250px,calc(100% - 20px))}
  .sim-popover-heading button{min-width:44px;min-height:44px}
  .simulation-framing button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.simulation-panel *,.sim-popover *{transition:none!important}}

/* The essential path stays visible; secondary tools open on demand. */
.sim-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 3px;padding:0;list-style:none}
.sim-guide li{display:flex;align-items:center;gap:6px;min-width:0;min-height:38px;padding:5px 6px;border:1px solid #7899b14a;border-radius:5px;font-size:.8rem;line-height:1.35;color:#afc7da}
.sim-guide b{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:#ffffff0d;font-size:.75rem;font-weight:600}
.sim-guide li[aria-current=step]{background:#b8d9ed;color:#10283d;border-color:#b8d9ed}
.sim-guide li[aria-current=step] b{background:#ffffff80}
.sim-guide .is-done{color:#e1edf5;border-color:#92bbd07a}
.sim-disclosure{min-width:0;border-top:1px solid #8ba7bf40;border-bottom:1px solid #8ba7bf40}
.sim-disclosure summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;list-style:none;font-size:.85rem;line-height:1.4;color:#d0e3ef;cursor:pointer}
.sim-disclosure summary::-webkit-details-marker{display:none}
.sim-disclosure summary::before{content:'+';font-size:1rem;line-height:1;width:14px;text-align:center;flex:none}
.sim-disclosure[open] summary::before{content:'−'}
.sim-disclosure-content{display:flex;flex-direction:column;gap:10px;padding:0 0 12px;min-width:0}
.sim-disclosure-content>.sim-qualifier{margin:0}
.sim-disclosure .sim-result-tools{border-top:0;padding-top:0;margin-top:0}
.sim-options select{min-width:0;max-width:100%;flex:1 1 150px}
.sim-options>div{flex-wrap:wrap;min-width:0}
.sim-options label{line-height:1.5}
.sim-popover-systems{grid-template-columns:1fr}
.sim-popover-systems button{overflow-wrap:normal}
.sim-popover{max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain}
.sim-heat-legend{font-size:.73rem}
.simulation-panel :is(button,a,select){max-width:100%;overflow-wrap:anywhere}
.simulation-panel,.sim-config-block,.sim-progress-wrap,.sim-zones button{min-width:0}
@media(max-width:760px){
  .sim-guide li{padding:5px;font-size:.78rem;gap:4px}
  .sim-system-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-system-picker button:last-child:not([hidden]){grid-column:1/-1}
  .sim-zones strong{font-size:.86rem}
  .sim-result-tools{grid-template-columns:1fr}
}
/* Colour choice stays next to the selected product, before assembly starts. */
.sim-wood-finish{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:.82rem;color:#c4d9e8}
.sim-wood-finish>div{display:flex;gap:6px}
.sim-wood-finish button{min-height:44px;min-width:64px;border:1px solid #a6c0d455;border-radius:8px;background:#ffffff06;color:#dcebf4;font:inherit;padding:6px 12px}
.sim-wood-finish button[aria-pressed=true]{background:#e8f0f5;color:#10283d;border-color:#e8f0f5}
.sim-plinth-note{display:flex;flex-direction:column;gap:3px;border-left:2px solid #a3bbc9;padding:7px 10px;margin:10px 0;font-size:.76rem;line-height:1.6;color:#b4ccd9}
.sim-plinth-note strong{color:#e8f1f6;font-weight:600}
.immersive-page .swatch-holzwolle{background:repeating-linear-gradient(31deg,transparent 0 3px,#a4b0ac80 3px 4px,transparent 4px 7px),repeating-linear-gradient(142deg,#d7ddd9 0 2px,#f1f3ed 2px 4px,#e3e8e3 4px 7px)}
.immersive-page [data-selected-wood-finish=natural] .swatch-holzwolle{background:repeating-linear-gradient(31deg,transparent 0 3px,#d1c5a794 3px 4px,transparent 4px 7px),repeating-linear-gradient(142deg,#9e977e 0 2px,#c9bea0 2px 4px,#b7ad8f 4px 7px)}