.sim-console{background:#14232b;border:1px solid #3d5b64;border-radius:8px;padding:17px 18px;margin-top:14px}.sim-console[hidden]{display:none}.hmi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hmi-top h3{font-size:17px;font-weight:500;margin:8px 0 0;color:#d7f7eb}.hmi-top>div:last-child{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.mode-badge{font-size:8px;letter-spacing:1px;border:1px solid #3e7868;background:#214036;border-radius:4px;color:#a3e5c4;padding:5px 7px;white-space:nowrap}.mode-badge.amr{background:#203a4b;border-color:#4a758d;color:#9fcee9}#simClock{font:10px monospace;color:#829ba9}#hmiMessage{font-size:11px;line-height:1.6;min-height:34px;color:#acc5d1;margin:12px 0}.sequence-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0}.sequence-steps span{font-size:8px;color:#6f8797;display:flex;align-items:center;gap:4px;padding-bottom:8px;border-bottom:2px solid #334651}.sequence-steps i{font-style:normal;font-size:9px;border:1px solid #3b5262;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sequence-steps .now{color:#f2c38f;border-color:#eeb87d}.sequence-steps .now i{border-color:#eeb87d;background:#634d36;color:white}.sequence-steps .done{color:#94d7ba;border-color:#609d86}.hmi-actions{display:flex;gap:7px;flex-wrap:wrap}.hmi-actions button{font-size:11px;min-height:36px}.hmi-actions .primary{min-width:145px;margin-right:auto}.demo-note{font-size:9px;line-height:1.7;color:#6e8a9c;margin:12px 0 0}.address-chip{background:#244039;border:1px solid #426e5f;color:#b2ead1;border-radius:5px;padding:10px;font:11px monospace;margin-bottom:9px}.auto-demo{font-size:11px;line-height:1.6;color:#b7c6ce;display:flex;gap:8px;align-items:flex-start}.auto-demo input{accent-color:#e5ac75;margin:3px 0}.event-log{list-style:none;padding:0;margin:0;font-size:10px;line-height:1.5;color:#9cb0be;max-height:150px;overflow:auto}.event-log li{padding:6px 0;border-bottom:1px solid #2b3742;display:flex;gap:10px}.event-log time{color:#e0b487;font:9px monospace;min-width:34px;padding-top:2px}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.45}.config .section-tabs{flex-wrap:wrap}.config .section-tabs button{padding:9px 6px;font-size:10px}.viewport{min-height:430px;flex:initial;height:clamp(430px,46vh,650px)}.workspace-head .segmented button{padding:7px 8px}.viewport-label{font-size:9px}.camera-help{font-size:9px}.workspace{align-self:start}.insights{align-self:stretch}.config{align-self:stretch}.metrics .v{font-size:20px}@media(min-width:1650px){.viewport{min-height:500px;height:55vh}}@media(max-width:760px){.viewport{height:380px;min-height:380px}.workspace-head{flex-wrap:wrap}.workspace-head>div:first-child{flex:1}.workspace{padding:16px 12px}.sim-console{padding:14px 12px}.sequence-steps{gap:4px}.sequence-steps span{font-size:7px;flex-direction:column;gap:5px}.sequence-steps i{width:17px;height:17px}.hmi-top h3{font-size:15px}.mode-badge{font-size:7px}.hmi-actions button{font-size:10px;padding:8px}.hmi-actions .primary{min-width:125px}.config .section-tabs button{font-size:12px;padding:11px 9px}.viewport-label{bottom:65px}#hmiMessage{min-height:44px}.header-end .primary{max-width:100px}}
