/* Shared control surfaces: B&Ms navy, blue and red; readable compact interaction. */
.ui-refined{--ui-ink:#17314f;--ui-blue:#1657a6;--ui-muted:#61758c;--ui-line:#dce5ef;--ui-soft:#edf3fa;--ui-panel:#fbfdff;--ui-radius:20px}
.ui-icon-sprite{position:absolute;overflow:hidden;pointer-events:none}
.ui-icon{display:block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;font-size:16px!important;line-height:1.35;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}
.ui-button-label{min-width:0}.ui-icon-only{width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;display:inline-grid;place-items:center;flex:none;text-decoration:none}
.ui-refined :is(button,input,select):focus-visible{outline:3px solid #2276e8;outline-offset:3px}
/* Auf dem blauen Band wäre der blaue Ring kaum sichtbar (1,78:1); dort ist er weiß (7,75:1). */
.ui-refined .check-banner button:focus-visible{outline-color:#fff}
.ui-refined :is(.sim-panel,.aa-options,.bath-planner-controls){background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid var(--ui-line);border-radius:24px;padding:20px;box-shadow:0 17px 50px -30px #18385e38,inset 0 1px 0 #fff}
.ui-refined :is(.sim-panel-heading,.bath-control-heading){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #e7edf4;min-height:44px}
.ui-refined .sim-panel-heading>span{font-size:21px;line-height:1.2;color:var(--ui-ink);font-weight:650;letter-spacing:-.035em}
.ui-panel-kicker{display:block;font-size:13px!important;font-weight:550;letter-spacing:.07em;line-height:1.4;color:#64809f}
#ui-bath-panel-title{display:block;font-size:22px;line-height:1.25;letter-spacing:-.03em;color:var(--ui-ink);margin-top:3px}
.ui-refined :is(#reset-simulation,#aa-reset,#bath-reset){width:44px;height:44px;min-height:44px;border:1px solid #e1e8f1;border-radius:50%;background:#f4f8fc;color:#536176;box-shadow:inset 0 1px #fff}
.ui-refined :is(#reset-simulation,#aa-reset,#bath-reset):hover{color:var(--ui-blue);background:#eaf2fc;border-color:#c6d8ef}
.ui-refined .aa-options>.aa-panel-label{display:block;background:none;border:0;margin:0 0 19px;padding:0;font-size:20px;letter-spacing:0;color:var(--ui-ink)}
.ui-refined .aa-options>.aa-panel-label>strong{display:block;font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.035em;margin-top:4px}
/* Each number has a strong value, a fine track, and a nearby optional explanation. */
.ui-refined .ui-field{position:relative;background:#f2f6fb;border:1px solid #e5ecf4;border-radius:16px;padding:12px 13px 4px;margin:11px 0;min-width:0}
.ui-refined .ui-field>.ui-field-label{display:block;font-size:16px!important;font-weight:550;line-height:1.45;min-height:27px;padding-right:32px;margin:0 0 5px;color:#3a536e}
.ui-refined .ui-field:not(:has(.ui-info-button))>.ui-field-label{padding-right:0}
.ui-refined .ui-number-value{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;line-height:1.3}
.ui-refined .ui-number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:7px;align-items:center;background:#fff;border:1px solid #e3eaf3;border-radius:12px;padding:3px}
.ui-refined .ui-number-stepper:not(:has(.ui-unit)){grid-template-columns:44px minmax(0,1fr) 44px}
.ui-refined .ui-number-stepper>input{width:100%;min-width:0;max-width:none;min-height:44px;line-height:1.2;box-shadow:none;background:transparent;border:0;border-radius:7px;color:#173e68;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.025em;padding:6px 0;appearance:textfield}
.ui-refined .sim-control .ui-number-stepper>input{font-size:24px!important;font-weight:600}
.ui-refined .bath-field .ui-number-stepper>input{font-size:21px!important}
.ui-refined .ui-unit{font-size:14px!important;line-height:1.3;color:#607184;white-space:nowrap;padding-right:2px}
.ui-refined .ui-unit:empty{display:none}
.ui-refined .ui-step-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;background:#f1f6fc;border:0;border-radius:9px;color:#30669e;transition:background-color .15s,color .15s,transform .15s}
.ui-step-button>.ui-icon{width:19px;height:19px}.ui-refined .ui-step-button:disabled{color:#aab7c6;background:#f5f7fa;cursor:default;opacity:.6}
.ui-refined .ui-step-button:not(:disabled):hover{background:#e0edfc;color:#1250a4}.ui-refined .ui-step-button:not(:disabled):active{transform:scale(.94);background:#cddff6}
.ui-refined .ui-info-button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;min-height:32px;min-width:32px;border:0;border-radius:50%;padding:6px;background:none;color:#7890aa}
.ui-info-button[hidden]{display:none!important}.ui-refined .ui-info-button[aria-expanded=true]{color:var(--ui-blue);background:#e1edfc}.ui-info-button>.ui-icon{width:18px;height:18px}
.ui-refined .ui-field>.ui-input-note{font-size:16px!important;line-height:1.6!important;margin:5px 1px 10px;color:#566c84;padding-top:9px;border-top:1px solid #dde6f1}
.ui-refined input.ui-range{display:block;width:100%;min-width:0;height:32px;min-height:32px;padding:0;margin:2px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;border:0;border-radius:0;accent-color:#1657a6}
.ui-range::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#195aa8 0%,#4c87cb var(--ui-progress,0%),#dce5f0 var(--ui-progress,0%),#dce5f0 100%)}
.ui-range::-moz-range-track{height:4px;border-radius:8px;background:#dce5f0}.ui-range::-moz-range-progress{height:4px;background:#2967af;border-radius:8px}
.ui-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:#245fa6;box-shadow:0 0 0 1px #bdcfe4,0 3px 7px #1e4c7e26;transition:box-shadow .15s,transform .15s}
.ui-range::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#245fa6;box-shadow:0 0 0 1px #bdcfe4,0 3px 7px #1e4c7e26}
.ui-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff,0 0 0 5px #2276e8}.ui-range:active::-webkit-slider-thumb{transform:scale(1.13)}
.ui-refined :is(.sim-assumptions,.bath-calculation-details){border:1px solid #dde6f1;background:#f9fbfe;border-radius:15px;padding:0 13px;margin-top:13px}
.ui-refined :is(.sim-assumptions,.bath-calculation-details)>summary{font-size:16px!important;min-height:50px;line-height:1.45;align-content:center;padding:12px 1px;color:#375c85;font-weight:500}
.ui-refined :is(.sim-assumptions,.bath-calculation-details)>summary .icon{width:17px;height:17px;opacity:.6}
.ui-refined :is(.sim-summary,.aa-annual-summary){font-size:16px!important;line-height:1.65!important;color:#4e657f;border:0;background:#edf4fc;padding:13px 14px;border-radius:13px;margin-top:14px}
.ui-refined :is(.sim-panel,.aa-options,.bath-planner-controls) select,.ui-refined :is(#bath-active-fixture,#aa-fan){appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:46px;border:1px solid #d6e1ed;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236c819a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") right 11px center/18px no-repeat;color:#2b4f75;padding:10px 36px 10px 12px;font-size:16px!important;line-height:1.4;box-shadow:inset 0 1px #fff}
/* Soft switches and icon-led option rows. */
.ui-refined .ui-toggle-row{display:grid;grid-template-columns:36px minmax(0,1fr) 48px;gap:10px;align-items:center;padding:13px 0;margin:0;border-top:1px solid #e5ecf4;border-bottom:0;min-height:64px}
.ui-toggle-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #dce7f5;border-radius:12px;background:#edf4fe;color:#4678ae}.ui-toggle-icon>.ui-icon{width:20px;height:20px}
.ui-refined .ui-toggle-row>div{min-width:0}.ui-refined .ui-toggle-row strong{font-size:16px!important;font-weight:550;line-height:1.4!important;letter-spacing:-.01em;color:#2e4e6f}
.ui-refined .ui-toggle-row :is(div>span,div>p){font-size:14px!important;line-height:1.5!important;max-width:none;color:#71849b;margin-top:3px}
.ui-refined .solar-switch{position:relative;width:48px;height:28px;min-width:48px;min-height:28px;flex:none;padding:3px;border:0;border-radius:18px;background:#ced8e5;box-shadow:inset 0 1px 2px #35506c12;transition:background-color .2s,box-shadow .2s;overflow:visible}
.ui-refined .solar-switch:after{content:'';position:absolute;inset:-8px -2px}.ui-refined .solar-switch>span{display:block;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #33486126;transition:transform .2s}
.ui-refined .solar-switch[aria-checked=true]{background:#1d5ca8;box-shadow:0 3px 10px -5px #1454aa99}.ui-refined .solar-switch[aria-checked=true]>span{transform:translateX(20px)}
.ui-refined .solar-switch:disabled{opacity:.45}
.ui-refined .aa-option-group{margin:0 0 16px}.ui-refined .aa-setting-label{font-size:16px;line-height:1.5;color:#48627d;font-weight:500;margin-bottom:8px}
.ui-refined :is(.aa-segmented,.heating-filters,.bath-style-filters){display:flex;align-items:stretch;gap:4px;border:1px solid #dce6f1;padding:4px;border-radius:14px;background:#edf3fa}
.ui-refined :is(.aa-segmented,.heating-filters,.bath-style-filters)>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:9px 13px;line-height:1.35;font-size:16px!important;border:0;border-radius:10px;background:transparent;color:#5c6c81;letter-spacing:-.01em;box-shadow:none}
.ui-refined :is(.aa-segmented,.heating-filters,.bath-style-filters)>button[aria-pressed=true]{background:#fff;color:#1b58a3;box-shadow:0 2px 7px #1a385014}.ui-refined .aa-segmented>button{flex:1}
.ui-refined .aa-option-group>p{font-size:14px!important;line-height:1.6!important;color:#71859c;margin-top:9px}
/* The graphics retain their space; their actions become a small, clear control rail. */
.ui-refined :is(.motion-button,.aa-motion){width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #aac5e12e;border-radius:50%;padding:0;display:grid;place-items:center;background:#ffffff09;color:#d3e5f5}
.ui-refined :is(.motion-button,.aa-motion) .ui-icon{width:20px;height:20px}.ui-refined :is(.motion-button,.aa-motion):hover{background:#ffffff15}
.ui-refined .component-chips,.ui-refined .aa-component-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ui-refined .component-chip,.ui-refined .aa-component-chips>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:9px 11px;border:1px solid #a8c5e430;border-radius:12px;background:#ffffff05;color:#abc4dd;font-size:16px!important;line-height:1.35;box-shadow:inset 0 1px #ffffff04}
.ui-refined :is(.component-chip,.aa-component-chips>button)[aria-pressed=true]{border-color:#9bbce17d;background:#5c91c326;color:#eff7ff;box-shadow:0 4px 12px #071c2b15}
.ui-refined :is(.component-chip,.aa-component-chips>button) .ui-icon{width:20px;height:20px}.ui-refined .cutaway-navigation>p{font-size:14px;line-height:1.5;margin-bottom:12px;color:#91adc9}
.ui-refined .cutaway-stage .diagram-info,.ui-refined .aa-explanation{border:1px solid #98b9dc25;border-radius:16px;background:#071a2d30;padding:17px 18px;box-shadow:inset 0 1px #ffffff03}
.ui-refined :is(.cutaway-top,.aa-stage-top){align-items:center}
/* A lighter bathroom studio with floating camera controls. */
.ui-refined .bath-room-stage{border-radius:24px;border:1px solid #dfe7f0;background:radial-gradient(ellipse at 43% 35%,#fff 24%,#eff4fa 90%);padding:12px;box-shadow:0 19px 50px -35px #1d3d652e}
.ui-refined .bath-stage-heading{padding-left:7px}.ui-refined .bath-stage-heading>.eyebrow{color:#5c7898;font-size:12px!important}
.ui-refined .bath-motion-button{width:44px;height:44px;min-height:44px;color:#6c86a0;border:0;background:none;border-radius:50%}.ui-refined .bath-motion-button:hover{background:#e8f1fb}
.ui-refined .bath-view-controls{grid-template-columns:1fr 1fr 44px;background:#ffffffbd;border:1px solid #e1e9f2;padding:4px;border-radius:14px;gap:4px;box-shadow:0 3px 12px #173b5d05}
.ui-refined .bath-view-controls>button{min-height:44px;border-radius:10px;background:none;color:#5c6c81;padding:7px 9px;border:0;gap:7px}
.ui-refined .bath-view-controls>button[aria-pressed=true]{color:#1555a5;background:#eaf2fd;box-shadow:none}
.ui-refined #bath-enlarge{color:#4e739b;background:#f3f7fc;padding:0;border-radius:10px}
.ui-refined .bath-interaction-modes{background:#eaf0f7;border:1px solid #dfe7f0;padding:3px;border-radius:13px;gap:3px;margin-top:7px}
.ui-refined .bath-interaction-modes>button{background:none;border:0;min-height:44px;gap:7px;padding:8px 5px;border-radius:10px;color:#536176;font-size:16px!important}
.ui-refined .bath-interaction-modes>button[aria-pressed=true]{color:#fff;background:#1b4f88;box-shadow:0 3px 9px #173c6a21}
.ui-refined .bath-room-measure{border-radius:30px;border-color:#fff;background:#ffffffd6;color:#57708a;font-variant-numeric:tabular-nums;font-size:14px;box-shadow:0 2px 9px #173b5d07;padding:7px 10px;backdrop-filter:blur(16px)}
.ui-refined .bath-camera-controls{left:50%;right:auto;bottom:6px;width:max-content;max-width:calc(100% - 12px);transform:translateX(-50%);gap:2px;padding:5px;pointer-events:auto;background:#ffffffd9;border:1px solid #e0e8f1;border-radius:30px;box-shadow:0 7px 25px #163c6414;backdrop-filter:blur(16px)}
.ui-refined .bath-camera-controls>span{display:none}
.ui-refined .bath-camera-controls>button{width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:0;background:none;box-shadow:none;color:#55789f;border-radius:50%;flex:none}
.ui-refined .bath-camera-controls>button:not(:disabled):hover{background:#e9f2fd;color:#1250a4}.ui-refined .bath-camera-controls>button:not(:disabled):active{background:#d9e8fb;transform:scale(.94)}
.ui-refined .bath-camera-controls .ui-icon{width:21px;height:21px}
.ui-refined .bath-scene-toggles{grid-template-columns:1fr 1fr 1fr;gap:6px;padding-top:8px;border-top:1px solid #dfe7ef}
.ui-refined .bath-scene-toggles>button{display:grid;place-items:center;width:100%;min-width:44px;height:44px;min-height:44px;border:1px solid #dfe7f1;background:#ffffffb8;border-radius:13px;color:#6f8aa5;padding:0}
.ui-refined .bath-scene-toggles>button[aria-pressed=true]{background:#e3efff;border-color:#a7c4e8;color:#175ba7}
.ui-refined #bath-heat-view[aria-pressed=true]{background:#fff0df;border-color:#e9c69d;color:#a36028}
.ui-refined .bath-room-stage .bath-scene-instruction{font-size:14px!important;color:#6e839b;margin:1px 0 8px;line-height:1.4!important}
.ui-refined .bath-view-notes>summary{font-size:14px!important;color:#536176;text-align:center;min-height:32px;padding:6px 0}
.ui-refined .bath-setting-tabs{grid-template-columns:repeat(4,minmax(0,1fr));background:#edf3fa;border:1px solid #e0e8f2;gap:4px;padding:4px;border-radius:14px}
.ui-refined .bath-setting-tabs>button{display:grid;place-items:center;width:100%;min-width:0;min-height:44px;height:44px;padding:0;border:0;border-radius:10px;color:#5c6c81;background:none;box-shadow:none}
.ui-refined .bath-setting-tabs>button[aria-selected=true]{color:#1555a5;background:#fff;box-shadow:0 2px 8px #24466114}
.ui-refined .bath-setting-tabs .ui-icon{width:23px;height:23px}
.ui-refined .bath-setting-panel{padding-top:14px}
.ui-refined .bath-select-label{font-size:16px!important;font-weight:500;color:#55708b}
.ui-refined .bath-field-grid{gap:9px;margin-top:12px}
.ui-refined .bath-field-grid .ui-field{padding:9px 10px 0;border:1px solid #e2eaf4;border-radius:13px;background:#f2f6fc;margin:0}
.ui-refined .bath-field-grid .ui-field>.ui-field-label{font-size:16px!important;line-height:1.4;min-height:0;margin:0 0 3px;padding:0;color:#536176;font-weight:450}
.ui-refined .bath-field-grid .bath-number-row{border:0;background:none;border-radius:0;gap:4px;padding:0;min-height:40px;margin:0}
.ui-refined .bath-field-grid .bath-number-row>input{font-size:19px!important;line-height:1.2;min-height:40px;background:none;border:0;border-radius:0;max-width:none;letter-spacing:-.02em;font-weight:600;color:#254e7b;padding:5px 0}
.ui-refined .bath-field-grid .ui-range{height:28px;min-height:28px;margin:0}
.ui-refined .bath-material-options{gap:7px;margin-bottom:15px}
.ui-refined .bath-material-options>button{padding:10px 4px;gap:7px;border-radius:14px;background:#fff;border:1px solid #e2e9f1;color:#63778e;box-shadow:none;font-size:16px!important}
.ui-refined .bath-material-options>button>i{width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:linear-gradient(90deg,var(--bath-wall) 50%,transparent 50%),url('/assets/bath-3d/oak_veneer_01-color.jpg') center/cover;box-shadow:0 0 0 1px #dce5ee}
.ui-refined .bath-material-options>button[aria-pressed=true]{color:#1757a1;background:#f0f6ff;border-color:#a8c7ed;box-shadow:0 0 0 1px #b7d0ef33}
.ui-refined .bath-material-options>button[aria-pressed=true]>i{box-shadow:0 0 0 2px #76a4dc}
.ui-refined .bath-placement-panel{background:#ffffffde;border:1px solid #dce6f1;border-radius:15px;padding:9px;box-shadow:0 4px 17px #1e446804}
.ui-refined .bath-placement-row>button{width:44px;height:44px;min-height:44px;background:#edf4fd;color:#4370a0;border:1px solid #dce7f5;border-radius:11px}
.ui-refined .bath-placement-row>.ui-icon-only .ui-icon{width:22px;height:22px}
.ui-refined .bath-placement-details>summary{font-size:14px!important;color:#72879e}
.ui-refined .bath-position-inputs input{border-color:#d9e4f0;border-radius:11px;background:#f4f8fd;color:#2d5887}
.ui-refined .bath-position-actions{display:flex;gap:7px;align-items:center}.ui-refined .bath-position-actions>button{width:44px;height:44px;min-height:44px;border:1px solid #e2e9f2;border-radius:11px;text-decoration:none;color:#547395;background:#f5f8fc}
.ui-refined .bath-live-strip{margin-top:13px;border-top:1px solid #e5ecf5;padding-top:12px;color:#6b829c;font-size:14px}
.ui-refined .bath-studio-dialog{background:#f1f5fa;border-color:#e0e8f1;box-shadow:0 30px 90px #0f2c5066}
.ui-refined .bath-studio-top{background:#ffffffeb;border-color:#e1e8f2}.ui-refined .bath-studio-top>button{border-radius:50%;background:#edf3fa;color:#5f7b9b}
.ui-refined .bath-studio-settings{align-items:center;gap:10px;background:#ffffffed;color:#315b87;border-top:1px solid #dce6f0}
.ui-refined .bath-studio-settings>.ui-button-label{transform:none!important;font-size:16px!important}.ui-refined .bath-studio-settings>.ui-icon:last-child{margin-left:auto;transition:transform .18s}.ui-refined .bath-studio-settings>.ui-icon:first-child{margin-left:auto}
.ui-refined .bath-studio-settings[aria-expanded=true]>.ui-icon:last-child{transform:rotate(180deg)}
.ui-refined :is(#inquire-simulation,#aa-inquire,#bath-inquire){border-radius:14px;min-height:48px;font-size:16px!important;line-height:1.4;box-shadow:0 6px 17px #b70f1814;padding:13px 17px;gap:12px}
.ui-refined :is(.sim-kpis>div,.aa-kpis>div,.bath-result-card){border-radius:19px;border-color:#dfe7f0;box-shadow:0 8px 24px #173b5d04}
@media(max-width:820px){
 .ui-refined :is(.sim-panel,.aa-options,.bath-planner-controls){padding:16px;border-radius:20px}
 .ui-refined .ui-field{padding:11px 11px 3px;margin:10px 0;border-radius:14px}.ui-refined .ui-number-stepper{gap:5px}
 .ui-refined .ui-toggle-row{gap:9px;padding-block:12px;grid-template-columns:34px minmax(0,1fr) 48px}.ui-toggle-icon{width:34px;height:34px;border-radius:11px}
 .ui-refined .component-chip,.ui-refined .aa-component-chips>button{font-size:16px!important;min-height:44px;padding:9px 10px;gap:6px}
 .ui-refined .heating-filters{display:flex;width:100%;flex-wrap:wrap}.ui-refined .heating-filters>button{flex:1 1 calc(50% - 4px);white-space:normal}
 .ui-refined .bath-style-filters{gap:4px;flex-wrap:wrap}.ui-refined .bath-style-filters>button{flex:1 1 calc(50% - 4px);padding:9px;font-size:16px!important}
 .ui-refined :is(.sim-panel-heading,.bath-control-heading){margin-bottom:13px}
}
@media(max-width:620px){
 .ui-refined .bath-room-stage{padding:9px;border-radius:20px}.ui-refined .bath-stage-heading{height:31px}
 .ui-refined .bath-view-controls{grid-template-columns:1fr 1fr 44px;gap:4px;margin-top:4px}
 .ui-refined .bath-interaction-modes{margin-top:6px}.ui-refined .bath-interaction-modes>button{padding-inline:3px;gap:6px}
 .ui-refined .bath-interaction-modes .ui-icon{width:20px;height:20px}.ui-refined .bath-view-controls .ui-icon{width:21px;height:21px}
 .ui-refined .bath-camera-controls{padding:4px;gap:1px}.ui-refined .bath-camera-controls>button{width:44px;min-width:44px}
 .ui-refined .bath-material-options>button>i{width:36px;height:36px}.ui-refined .bath-material-options>button{padding-block:9px}
 .ui-refined .bath-planner-controls{padding:14px}.ui-refined .bath-setting-tabs{padding:4px;gap:3px}
 .ui-refined .bath-field-grid{gap:9px}.ui-refined .bath-field-grid .ui-field{padding:9px 8px 0}
 .ui-refined .bath-scene-toggles{gap:5px}.ui-refined .bath-scene-toggles>button{height:44px;min-height:44px;border-radius:12px}
 .ui-refined .bath-studio-layout>.bath-room-stage{padding:7px;border-radius:15px}.ui-refined .bath-studio-layout>.bath-planner-controls{padding:12px}
}
@media(prefers-reduced-motion:reduce){.ui-refined :is(button,input,select,.solar-switch>span){transition:none!important;animation:none!important}}
.ui-refined .ui-number-stepper.ui-unitless{grid-template-columns:44px minmax(0,1fr) 44px}.ui-refined .ui-info-button:after{content:'';position:absolute;inset:-6px}
.ui-refined .dialog-close.ui-icon-only{border:1px solid #dce6f1;border-radius:50%;background:#ffffffed;color:#547799;box-shadow:0 4px 15px #2143660a}
.ui-refined .check-dialog{border-radius:25px;background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dbe6f2;box-shadow:0 30px 90px #112e5366}.ui-refined .check-dialog-inner{padding:34px}.ui-refined .check-progress{gap:6px}.ui-refined .check-progress>span{height:4px;border-radius:5px;background:#dbe6f2}.ui-refined .check-progress>.active{background:#2364ae}.ui-refined .check-controls{border-top:1px solid #e1e9f2;padding-top:14px;gap:12px}.ui-refined #check-back{border-radius:11px;background:#edf4fc;color:#416b98;padding:9px 12px}
@media(max-width:620px){.ui-refined .check-dialog-inner{padding:27px 20px}.ui-refined .check-dialog{border-radius:19px}}
.ui-refined .check-progress>span.is-complete{background:#2364ae}.ui-refined .check-options{gap:9px}.ui-refined .check-options>button{min-height:56px;padding:14px 16px;border:1px solid #dce6f1;border-radius:14px;background:#fff;color:#31516f;font-size:16px!important;line-height:1.45;box-shadow:0 3px 13px #244c7605}.ui-refined .check-options>button:hover{border-color:#96b9e3;background:#edf4fe;color:#1657a6}.ui-refined .check-options>button>.icon{color:#7295bd;width:18px;height:18px}
.ui-refined .ui-field-label>.ui-caption-unit{display:inline-block;margin-left:6px;font-size:14px!important;font-weight:450;letter-spacing:0;color:#5c718a;vertical-align:baseline}
/* Labels are labels; only the original number spans receive number styling. */
.ui-refined :is(.component-chips,.aa-component-chips){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}
.ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button){display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #7899b63b;border-radius:13px;background:#ffffff04;color:#b5cbe0;font-size:16px!important;line-height:1.35;box-shadow:none;text-align:center}
.ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button)>.ui-button-label{display:block;flex:0 1 auto;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit!important;font-weight:500;line-height:inherit;letter-spacing:0;opacity:1}
.ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button)>.ui-icon{width:21px;height:21px;flex:none;color:inherit;opacity:.86}
.ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button)[aria-pressed=true]{color:#fff;background:#729fc02a;border-color:#9ebeda8a;box-shadow:none}
.ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button):hover{border-color:#a8c7e180;background:#8bb7d519}
.ui-refined .cutaway-navigation>p{font-size:14px;line-height:1.5;margin-bottom:12px;color:#a6bfd5}
/* The two recovery actions stay with the room in both normal and large view. */
.ui-refined .bath-edit-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:7px 0 0;flex:none}
.ui-refined .bath-edit-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d6e1ed;border-radius:12px;background:#fff;color:#275e97;font-size:16px!important;line-height:1.35;box-shadow:none}
.ui-refined .bath-edit-actions .ui-icon{width:20px;height:20px}
.ui-refined .bath-edit-actions .ui-button-label{font-size:16px!important;line-height:1.35}
.ui-refined .bath-edit-actions>button:disabled{opacity:.45;color:#72869c;background:#f3f6fa;cursor:default}
.ui-refined .bath-edit-actions>button:not(:disabled):hover{border-color:#8bafd7;background:#eaf3ff}
.ui-refined .bath-edit-actions>button:not(:disabled):active{background:#dcecff}
.ui-refined .bath-placement-row>#bath-item-rotate{display:flex;width:auto;min-width:76px;gap:7px;padding:9px 11px;font-size:16px!important}
.ui-refined .bath-placement-row>#bath-item-rotate .ui-button-label{font-size:16px!important}
.ui-refined .bath-position-actions{align-items:stretch;flex-wrap:wrap;gap:8px;margin-top:8px}
.ui-refined .bath-position-actions>button{display:flex;gap:7px;width:auto;height:auto;min-height:44px;min-width:0;padding:9px 11px;font-size:14px!important;line-height:1.45}
.ui-refined .bath-position-actions .ui-button-label{font-size:14px!important}.ui-refined .bath-position-actions .ui-icon{width:18px;height:18px}
.ui-refined .bath-position-actions>button:disabled{opacity:.4;cursor:default}
.ui-refined .bath-room-stage[data-interaction=move] :is(#bath-rotate-left,#bath-rotate-right){display:none}
.ui-refined .bath-placement-panel>p{font-size:14px!important;line-height:1.6!important}
.bath-concept-photo>.bath-photo-expand{display:grid;place-items:center;top:12px;right:12px;bottom:auto;left:auto;width:36px;height:36px;padding:0;border-radius:50%;font-size:23px;line-height:1;background:#fffffff0}
@media(max-width:620px){
 .ui-refined :is(.component-chips,.aa-component-chips){grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button){flex-direction:column;gap:6px;min-height:68px;padding:10px 5px;border-radius:13px;font-size:16px!important;line-height:1.25}
 .ui-refined :is(.component-chip,.planner-component,.aa-component-chips>button)>.ui-button-label{white-space:nowrap;overflow-wrap:normal;hyphens:none}
 .ui-refined .bath-edit-actions{gap:6px;padding-top:6px}.ui-refined .bath-edit-actions>button{padding:9px 8px;gap:7px}
 .ui-refined .bath-edit-actions .ui-icon{width:18px;height:18px}.ui-refined .bath-edit-actions .ui-button-label{white-space:normal}
 .ui-refined .bath-stage-heading>.eyebrow{font-size:12px!important;letter-spacing:.07em}
 .ui-refined .bath-room-stage .bath-scene-instruction{margin:3px 0 8px;line-height:1.6!important;font-size:14px!important}
 .ui-refined .bath-placement-panel{padding:9px;border-radius:13px;background:#ffffffbd;box-shadow:none}
 .ui-refined .bath-placement-details>summary{font-size:14px!important;min-height:38px}
}

/* Badplaner: eine knappe Leiste ueber der Buehne statt drei voller Zeilen */
.ui-refined .bath-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.ui-refined .bath-toolbar>:is(.bath-view-controls,.bath-interaction-modes){display:flex;margin:0;padding:3px;gap:2px;border:1px solid #dde5ee;border-radius:11px;background:#eef2f7;box-shadow:none}
.ui-refined .bath-toolbar>.bath-view-controls{flex:0 0 auto}.ui-refined .bath-toolbar>.bath-interaction-modes{flex:0 1 auto}
.ui-refined .bath-toolbar :is(.bath-view-controls,.bath-interaction-modes)>button{flex:1 1 auto;width:auto;min-height:40px;padding:6px 14px;border:0;border-radius:8px;gap:7px;background:none;color:#536176;font-size:15px!important;font-weight:550;box-shadow:none;white-space:nowrap}
.ui-refined .bath-toolbar :is(.bath-view-controls,.bath-interaction-modes)>button[aria-pressed=true]{background:#fff;color:#123a66;font-weight:650;box-shadow:0 1px 2px #0f2a4a1f,0 0 0 1px #c3d0e0}
.ui-refined .bath-toolbar #bath-enlarge{flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important}
.ui-refined .bath-toolbar>.bath-edit-actions{display:flex;gap:6px;padding:0;margin-left:auto}
.ui-refined .bath-toolbar>.bath-edit-actions>button{flex:0 0 auto;min-height:40px;padding:6px 12px;border-radius:10px;font-size:15px!important;gap:6px;white-space:nowrap}
.ui-refined .bath-toolbar .ui-button-label{font-size:15px!important;line-height:1.3;white-space:nowrap}
.ui-refined .bath-toolbar .ui-icon{width:18px;height:18px}
.ui-refined .bath-scene-toggles>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;border-radius:10px;color:#536176}
.ui-refined .bath-scene-toggles>button::after{font-size:14px;font-weight:550;line-height:1}
.ui-refined #bath-demo-water::after{content:"Wasser"}.ui-refined #bath-heat-view::after{content:"Wärme"}.ui-refined #bath-door-open::after{content:"Duschtür"}
.ui-refined .bath-plan-legend{display:none;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:4px 0 8px;font-size:14px;line-height:1.4;color:#44566b}
.ui-refined .bath-room-stage:has(.bath-scene[data-view=plan]) .bath-plan-legend{display:flex}
.ui-refined .bath-plan-legend>span{display:none;align-items:center;gap:6px}
.ui-refined .bath-plan-legend b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1b4f88;color:#fff;font-size:12px;font-weight:650}
.ui-refined .bath-room-stage:has([data-bath-fixture=shower]) [data-legend=shower],.ui-refined .bath-room-stage:has([data-bath-fixture=vanity]) [data-legend=vanity],.ui-refined .bath-room-stage:has([data-bath-fixture=toilet]) [data-legend=toilet],.ui-refined .bath-room-stage:has([data-bath-fixture=tub]) [data-legend=tub],.ui-refined .bath-room-stage:has([data-bath-fixture=cabinet]) [data-legend=cabinet],.ui-refined .bath-room-stage:has([data-bath-fixture=rail]) [data-legend=rail]{display:inline-flex}
@media(max-width:680px){
 .ui-refined .bath-toolbar{gap:6px}
 .ui-refined .bath-toolbar>.bath-view-controls{flex:1 1 100%}
 .ui-refined .bath-toolbar>.bath-interaction-modes{flex:1 1 0;min-width:0}
 .ui-refined .bath-toolbar :is(.bath-view-controls,.bath-interaction-modes)>button{min-height:44px;padding:6px 8px}
 .ui-refined .bath-toolbar #bath-enlarge{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}
 .ui-refined .bath-toolbar>.bath-edit-actions{margin-left:0}
 .ui-refined .bath-toolbar>.bath-edit-actions>button{width:44px;min-width:44px;min-height:44px;padding:0}
 .ui-refined .bath-toolbar>.bath-edit-actions .ui-button-label{display:none}
 .ui-refined .bath-scene-toggles>button{height:44px;min-height:44px}
}
@media(max-width:680px){.ui-refined .bath-scene[data-view=plan]+.bath-room-measure{display:none}}
@media(max-width:400px){
 .ui-refined .bath-toolbar>.bath-interaction-modes .ui-icon{display:none}
 .ui-refined .bath-toolbar>.bath-interaction-modes>button{padding-inline:6px}
 .ui-refined .bath-scene-toggles>button{gap:5px}
 .ui-refined .bath-scene-toggles>button .ui-icon{width:18px;height:18px}
 .ui-refined .bath-scene-toggles>button::after{font-size:13px}
}