/* Keep the existing OpenEyes dashboard inside the HP browser viewport. */
.raspbot-asset .app{width:100%;grid-template-columns:minmax(0,1fr)}.raspbot-asset .topbar{min-width:0;overflow:hidden}.raspbot-asset .nav{min-width:0;overflow-x:auto}.raspbot-asset .eyes-workspace{width:100%;max-width:100vw}.raspbot-asset .operator-rail{min-width:0}.raspbot-asset .openeyes-voice-r2{display:none}
@media(max-width:760px){.raspbot-asset .app{height:auto;overflow:visible}.raspbot-asset .eyes-workspace{width:100%}.raspbot-asset .raspbot-observation{inset:55px 14px 82px;gap:5px}.raspbot-asset .raspbot-observation h2{font-size:18px}.raspbot-asset .raspbot-observation canvas{max-height:80px}.raspbot-asset .sbr-note{font-size:10px}.raspbot-asset .hud-right{display:none}.raspbot-asset .hud-bottom{flex-wrap:wrap;gap:5px}.raspbot-asset .stage-actions{margin-left:0}.raspbot-asset .telemetry-chip:nth-child(4){display:block}.raspbot-asset .video-stage{height:400px}.raspbot-asset .operator-panel{padding-bottom:25px}}
@media(max-width:760px){html:has(body.raspbot-asset){height:auto}.raspbot-asset{height:auto;overflow:visible}.raspbot-asset .operator-rail,.raspbot-asset .operator-panel.active{overflow:visible}}

.raspbot-observation.hidden{display:none}.raspbot-asset #live-video{image-rendering:auto}

/* Match the SBR sensor's fixed 320x240 frame on desktop and mobile. */
.raspbot-asset .sensor-column{container-type:size;grid-template-rows:minmax(0,1fr) 214px}
.raspbot-asset .video-stage{min-height:0;width:min(100cqw,calc((100cqh - 214px)*4/3));height:auto;aspect-ratio:4/3;align-self:center;justify-self:center}
.raspbot-asset #live-video{object-fit:contain}
@media(max-width:760px){.raspbot-asset .sensor-column{container-type:normal;display:flex;flex-direction:column}.raspbot-asset .video-stage{width:100%;height:auto;aspect-ratio:4/3;flex:none}.raspbot-asset .product-dock{min-height:180px}}
.raspbot-asset .video-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}

#raspbot-navigation[hidden],#raspbot-power[hidden]{display:none}
.raspbot-asset .hud-bottom{flex-wrap:wrap;gap:5px;bottom:8px}
.raspbot-asset .hud-bottom .telemetry-chip{min-width:52px;padding:6px}
.raspbot-asset .hud-bottom .telemetry-chip b{white-space:nowrap}
.raspbot-asset .hud-actions{flex-wrap:wrap}
.raspbot-asset .hud-side,.raspbot-asset .reticle{display:none}
.raspbot-asset .control-block.hidden{display:none}
#raspbot-nav-summary{font-size:12px;color:#b8d6dd;margin-top:10px}
#raspbot-media-detail{font-size:11px;color:#789da7;margin-top:8px;line-height:1.5}
#raspbot-casnav-btn[aria-pressed=true]{border-color:#51dbb5;background:#104a3d;color:#d6fff1}
.raspbot-asset:not(.raspbot-casnav) .casnav-hit-layer{display:none!important}