/* All operation happens on the wall switch; the apartment stays free of labels. */
#labels,#device-markers,#service-status-labels,.scene-palette,.device-filters,#wall-browser,#room-card,.segmented{display:none!important}
.switch-browser{position:absolute;left:24px;top:160px;bottom:26px;width:254px;z-index:5;display:flex;flex-direction:column;gap:14px}.switch-browser>.eyebrow{font-size:8px;letter-spacing:1.6px;margin-left:2px}
#controller-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#c7c0af transparent;padding-right:7px}.controller-room-group{margin-bottom:18px}.controller-room-title{font-size:10px;color:#8a806d;margin:0 0 8px 2px}.controller-choice{display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-height:56px;border:1px solid #ddd7c9;border-radius:6px;background:#fffdf5;margin-top:6px;padding:9px 10px;color:#625c4f}.controller-choice:hover{background:#f1eee3}.controller-choice[aria-pressed=true]{border-color:#6e7a5e;background:#eef0e4}.controller-choice strong{font:12px Arial;display:block}.controller-choice small{display:block;font:9px Arial;color:#9b907f;margin-top:4px}.controller-mini{font-size:25px;display:grid;place-items:center;color:#8a8777;width:30px;height:30px;border:1px solid #d9d5c8;background:#f5f3e9;flex:none;border-radius:2px}.controller-go{margin-left:auto;color:#a1967f;font-size:12px}
#device-panel{padding:23px 21px 18px}#device-panel h2{font:25px Georgia;margin:10px 23px 5px 0;line-height:1.15}#device-panel .switch-room{font-size:10px;color:#8c826f;line-height:1.5;margin:4px 0 12px}
#switch-other{width:100%;min-height:36px;background:#f4f1e7;border:1px solid #ddd5c6;border-radius:4px;color:#7c725f;font:10px Arial;padding:8px;margin:0 0 8px}
.switch-product{position:relative;width:278px;max-width:100%;aspect-ratio:1;margin:14px auto 17px;filter:drop-shadow(0 9px 10px #352e211b);touch-action:none;user-select:none}.switch-product>img,.switch-product>svg{display:block;width:100%;height:100%}.switch-product.switch-touch{width:250px}.switch-product.switch-pushbutton{width:220px;margin:35px auto 30px}
.switch-zone{position:absolute;display:block;margin:0;padding:0;border:1px solid transparent;border-radius:3px;background:none;transform:none;touch-action:none;cursor:pointer}.switch-zone:hover{background:#bcc3ae1c}.switch-zone:active{background:#a6b28b2b}.switch-zone:focus-visible{outline:1px solid #b09b69;outline-offset:-2px;background:#e1e6d41c}.switch-display .switch-zone:hover{background:#fff3}.switch-display .switch-zone:active{background:#fff6}
.switch-range{position:absolute;opacity:.015;margin:0!important;cursor:pointer;touch-action:none}.switch-range:focus-visible{opacity:.3}
#device-panel .switch-status{font:10px/1.7 Arial;color:#8b806c;border-top:1px solid #e5dece;padding-top:13px;margin:7px 0 10px;min-height:36px}
#device-panel .switch-hint{font:10px/1.7 Arial;color:#9a8d75;margin:10px 0}.switch-help{font-size:10px;line-height:1.7;color:#928772}.switch-help summary{font-size:10px;margin:8px 0;color:#8d8067}.switch-help dl{display:grid;grid-template-columns:1fr 1.7fr;gap:7px 12px;font-size:10px}.switch-help dd{margin:0}.switch-help dt{color:#5f5f50}.switch-overview{display:block;width:100%;min-height:40px;border:1px solid #d9d2c0;border-radius:5px;font-size:11px;margin-top:16px;background:#f7f3e9;color:#817358}
body main:has(#device-panel:not([hidden])) .switch-browser{display:none}
@media(min-width:761px) and (max-width:1000px){.switch-browser{left:16px;width:224px}.controller-choice strong{font-size:11px}}
@media(max-width:760px){.switch-browser{display:none}#stage{top:152px;bottom:112px}.room-nav{bottom:58px}.scene-tools{bottom:12px}#device-panel{padding:19px 23px 16px;max-height:65dvh}#device-panel h2{font-size:24px}.switch-product{width:270px;margin:12px auto 15px}.switch-product.switch-touch{width:235px}.switch-product.switch-pushbutton{width:205px;margin:25px auto}.switch-overview{min-height:40px}#device-panel .switch-status{font-size:10px}.switch-help dl{font-size:10px}main:has(#device-panel:not([hidden])) #stage{top:53px;bottom:63dvh}}
body.presentation-mode main .switch-browser{display:none!important}body.presentation-mode main #stage{inset:10px!important}
.controller-mini{padding:0;border:0;background:none;width:32px;height:32px}.controller-mini>img,.controller-mini>svg{display:block;width:100%;height:100%}
.switch-touch .switch-zone[data-zone="2"]{left:16%!important;top:16%!important;width:68%!important;height:68%!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.switch-pushbutton:has(.switch-zone:active) .classic-rocker{fill:#e6e7e1;stroke:#b7bcb1;transform:translateY(.6px)}
.controller-room-title{display:none}.controller-room-group{margin-bottom:7px}.controller-choice{min-height:60px;margin-top:0}.controller-choice strong{font-size:12px}.controller-choice small{font-size:10px}.controller-mini{width:34px;height:34px}

#device-panel[data-kind="display"] .switch-product{margin-top:10px;margin-bottom:12px}#device-panel[data-kind="display"] .switch-hint{font-size:9px;line-height:1.5;margin:6px 0}#device-panel[data-kind="display"] .switch-status{min-height:24px;margin-bottom:5px}#device-panel[data-kind="display"] .switch-overview{margin-top:9px}
/* The sleeping glass stays dark when the wake surface is hovered or pressed. */
.switch-display .switch-zone[data-display="wake"]{background:transparent!important}

.cabinet-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#wardrobe-toggle{font-size:10px;white-space:nowrap}#wardrobe-toggle[hidden]{display:none}@media(max-width:760px){.scene-tools{max-width:calc(100vw - 16px);overflow-x:auto;justify-content:flex-start;white-space:nowrap}.scene-tools button{flex-shrink:0}}

/* Scene mixing is the small control above its scene tile. */
.switch-display .switch-zone[data-display^="mix-"]{z-index:2}

/* Readable switch selection and feedback during a live presentation. */
#switch-other{font-size:11px;line-height:1.4;color:#635d4f;min-height:39px}
#device-panel .switch-status{color:#6c6455;font-size:11px}