/* Device state displays: large labels, meaningful signals, no invented readings. */
.system-panel{position:absolute;z-index:3;right:11%;top:18%;width:342px;padding:23px 24px;background:#f5f7edea;border:1px solid #ffffffb8;box-shadow:0 12px 55px #26392216;border-radius:10px;backdrop-filter:blur(20px);color:#3b5133}
.panel-heading{display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:17px;border-bottom:1px solid #8d9f782b}.panel-heading>span{font-size:17px;letter-spacing:.7px;font-weight:550}.panel-heading>small{font-size:10px;letter-spacing:1.7px;color:#8b987c}
.door-legend{display:flex;gap:21px;font-size:13px;margin:17px 0 18px;color:#768468}.door-legend>span{display:flex;gap:7px;align-items:center}.green-light,.red-light,.door-grid i{display:inline-block;height:8px;width:8px;border-radius:50%;background:#72a365;box-shadow:0 0 0 4px #72a36513}.red-light{background:#bd6252;box-shadow:0 0 0 4px #bd625213}
.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:19px}.door-grid>div{display:grid;place-items:center;gap:10px;border:1px solid #a5b98e6b;background:#e8efdb90;border-radius:5px;padding:14px 0}.door-grid>div>span{font-size:12px;letter-spacing:1px;color:#89937d}.door-grid b{font-size:13px;font-weight:450;color:#688558}.door-grid .occupied{border-color:#c7917d50;background:#efe2d933}.door-grid .occupied i{background:#c66754;box-shadow:0 0 0 4px #c6675413}.door-grid .occupied b{color:#a26855}
#door-main-status{display:block;font-size:16px;font-weight:550;letter-spacing:.5px}.door-panel>p{font-size:12px;line-height:1.8;color:#879377;margin:10px 0 0}.door-panel[data-occupied="true"] #door-main-status{color:#a56551}
.monitor-panel{top:17%;padding:21px 23px;width:350px}.monitor-status{display:flex;align-items:center;gap:8px;margin:16px 0 11px}.monitor-status>i{width:7px;height:7px;border-radius:50%;background:#759766}.monitor-status>strong{font-size:14px;font-weight:500}.monitor-status>span{margin-left:auto;font-size:11px;color:#9aa58c}.monitor-panel.is-alert .monitor-status>strong{color:#a86b47}.monitor-panel.is-alert .monitor-status>i{background:#bb8b58;animation:warning-pulse 1.4s ease-in-out infinite}
.monitor-metric{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px 0 7px}.monitor-metric>span{font-size:14px;color:#6f7e61}.monitor-metric small{font-size:10px;margin-left:6px;color:#a0ab92}.monitor-metric>b{font-size:12px;color:#759360;font-weight:500}.metric-bar{grid-column:1/-1;height:5px;border-radius:3px;background:#9cad8626;position:relative;overflow:hidden}.metric-fill{height:100%;display:block;width:21%;border-radius:3px;background:#a4b68c;transition:width 1s,background .5s}.metric-bar em{position:absolute;top:0;left:75%;height:5px;width:1px;background:#9d825f}.monitor-metric.alert>b{color:#ba7d48}.monitor-metric.alert .metric-fill{background:#c59d62}
.system-outputs{display:grid;grid-template-columns:1fr 1fr;gap:11px;border-top:1px solid #8d9f782b;margin-top:11px;padding-top:15px}.system-outputs>span{font-size:12px;display:flex;flex-direction:column;gap:7px;color:#859175}.system-outputs b{font-size:13px;font-weight:500;color:#9ca68e}.system-outputs b.working{color:#5c8546}.system-outputs b.working:before{content:'●';font-size:7px;margin-right:5px;vertical-align:2px}
.metric-triggers{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.metric-triggers>span{width:100%;font-size:11px;color:#8a967b;margin-bottom:3px}.metric-triggers button{border:1px solid #a5b68f66;padding:9px 11px;border-radius:4px;font-size:12px;color:#7a886d;min-height:37px}.metric-triggers button[aria-pressed="true"]{background:#dce7ca;border-color:#a4b68b;color:#4f6b3b}.monitor-panel>p{font-size:12px;line-height:1.8;color:#698258;min-height:21px;margin:13px 0 7px}.monitor-note{font-size:10px;color:#a0aa94;line-height:1.7}
.theater[data-chapter="0"] .scene-hotspot{top:56%}.theater[data-chapter="5"] .scene-hotspot{top:67%}.theater[data-chapter="0"] .arrival-hint,.theater[data-chapter="5"] .arrival-hint{display:none}.theater[data-chapter="5"].demo-playing .monitor-panel{border-color:#e8efdb}.hero-meta{flex-wrap:wrap}
@keyframes warning-pulse{50%{opacity:.35}}
@media(min-width:761px) and (max-width:1100px){.system-panel{right:10%;width:300px;padding:19px}.panel-heading>span{font-size:15px}.monitor-panel{width:300px;top:17%;padding:17px 19px}.monitor-metric{padding-top:8px;padding-bottom:6px}.metric-triggers{margin-top:12px}.system-outputs{margin-top:7px;padding-top:10px}}
@media(max-width:760px){.system-panel{right:auto;left:6%;top:124px;width:88%;padding:15px 17px;border-radius:7px}.panel-heading{padding-bottom:11px;gap:5px;flex-direction:row;align-items:center;justify-content:space-between}.panel-heading>span{font-size:14px}.panel-heading>small{font-size:7px;letter-spacing:1px}.door-legend{font-size:11px;margin:12px 0;gap:20px}.door-grid{gap:7px;margin-bottom:12px}.door-grid>div{grid-template-columns:1fr auto;gap:7px;padding:11px 8px}.door-grid>div>span{font-size:10px}.door-grid b{grid-column:1/-1;font-size:11px}.door-grid i{width:7px;height:7px}#door-main-status{font-size:14px}.door-panel>p{font-size:11px;margin-top:6px}.theater[data-chapter="0"] .scene-hotspot{top:45%;left:61%!important}.theater[data-chapter="0"] .scene-hotspot b{display:none}.theater[data-chapter="0"] .scene-side{top:43%;right:7%}.theater[data-chapter="5"] .scene-side{top:44%;right:7%}.theater[data-chapter="5"] .scene-hotspot{display:none}.monitor-panel{top:118px;padding:14px 16px}.monitor-status{margin:11px 0 4px}.monitor-status>strong{font-size:12px}.monitor-status>span{font-size:9px}.monitor-metric{padding:6px 0 4px;gap:5px}.monitor-metric>span{font-size:12px}.monitor-metric>b{font-size:10px}.monitor-metric small{font-size:9px}.metric-bar{height:4px}.system-outputs{gap:8px;margin-top:8px;padding-top:10px}.system-outputs>span{font-size:10px;flex-direction:row;align-items:center;justify-content:space-between;gap:4px}.system-outputs b{font-size:11px}.metric-triggers{margin-top:11px;gap:6px;align-items:center}.metric-triggers>span{font-size:10px;width:auto;margin-right:6px}.metric-triggers button{font-size:10px;min-height:34px;padding:8px}.monitor-panel>p{font-size:10px;line-height:1.6;margin:9px 0 3px;min-height:16px}.monitor-note{font-size:9px}.theater[data-chapter="5"] .chapter-caption h2{font-size:29px}.theater[data-chapter="5"] .chapter-caption p{font-size:13px;line-height:1.7}.theater[data-chapter="5"] .caption-eyebrow{font-size:10px}.theater[data-chapter="5"] .caption-actions{margin-top:10px}.scene-side-word{display:none}.caption-actions .primary-button{white-space:nowrap}.hero-meta i{display:none}.hero-meta{max-width:320px;column-gap:12px;row-gap:5px}}
@media(max-height:760px) and (max-width:760px){.system-panel{top:108px}.door-panel .panel-heading>small{display:none}.door-panel{padding:12px 15px}.door-grid{margin-bottom:9px}.door-legend{margin:10px 0}.door-panel>p{display:none}.monitor-panel{top:108px;padding:11px 14px}.monitor-panel .panel-heading{padding-bottom:8px}.monitor-panel .panel-heading>small{display:none}.monitor-status{margin-top:8px}.monitor-metric{padding-top:4px;gap:4px}.monitor-panel .system-outputs{padding-top:7px}.monitor-panel .metric-triggers{margin-top:8px}.monitor-panel .metric-triggers>span{display:none}.monitor-panel>p{display:none}.monitor-note{display:block;margin-top:6px}.theater[data-chapter="5"] .chapter-caption h2{font-size:26px}.theater[data-chapter="5"] .caption-eyebrow{display:none}.theater[data-chapter="5"] .chapter-caption p{font-size:12px}.theater[data-chapter="5"] .scene-side{display:none}}
/* The live state panel replaces the duplicate floating status on these chapters. */
.theater[data-chapter="0"] .demo-status,.theater[data-chapter="5"] .demo-status{display:none!important}
@media(max-width:760px){
 .theater[data-chapter="5"] .scene-side{display:none}
 .theater[data-chapter="0"].demo-playing .door-panel .door-grid,.theater[data-chapter="0"].demo-playing .door-panel .door-legend{display:none}
 .theater[data-chapter="0"].demo-playing .door-panel .panel-heading{padding-bottom:10px;margin-bottom:10px}
 .theater[data-chapter="0"].demo-playing .door-panel{background:#f4f7eae8}
}