/* TESS-CSP-DYNAMIC-FINAL TESS-Observatory CSS block 43 */
/* TESS-OBSERVATORY-SIDE-PANELS-NO-OVERLAP-20260827 v1 */
:root{
  --tess-left-rail-width:320px;
  --tess-right-rail-width:318px;
  --tess-side-gap:14px;
  --tess-viewer-left-clearance:340px;
  --tess-viewer-right-clearance:326px;
}
#observatoryViewer.viewer{overflow:hidden!important;}
#tessObservatoryNoVncFrame{
  left:var(--tess-viewer-left-clearance)!important;
  right:var(--tess-viewer-right-clearance)!important;
  width:calc(100% - var(--tess-viewer-left-clearance) - var(--tess-viewer-right-clearance))!important;
  max-width:calc(100% - var(--tess-viewer-left-clearance) - var(--tess-viewer-right-clearance))!important;
  top:58px!important;
  height:calc(100vh - 58px)!important;
  min-height:520px!important;
  box-sizing:border-box!important;
}
.observatory-status-panel{
  left:var(--tess-side-gap)!important;
  width:304px!important;
  max-width:304px!important;
  box-sizing:border-box!important;
}
.observatory-status-panel .observatory-status-grid{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  box-sizing:border-box!important;
}
.observatory-status-panel .observatory-status-item{min-width:0!important;overflow:hidden!important;}
.observatory-status-panel .observatory-status-value{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.observatory-goto-panel{
  right:var(--tess-side-gap)!important;
  left:auto!important;
  width:304px!important;
  max-width:304px!important;
  box-sizing:border-box!important;
}
.roof-camera-panel{
  left:var(--tess-side-gap)!important;
  width:320px!important;
  max-width:320px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.roof-camera-panel .roof-camera-frame{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.roof-camera-panel #roofCameraStream{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
@media(max-width:1180px){
  :root{--tess-viewer-left-clearance:300px;--tess-viewer-right-clearance:292px;}
  .observatory-status-panel{width:280px!important;max-width:280px!important;}
  .observatory-goto-panel{width:280px!important;max-width:280px!important;}
  .roof-camera-panel{width:286px!important;max-width:286px!important;}
}
@media(max-width:980px){
  #tessObservatoryNoVncFrame{left:0!important;right:0!important;width:100%!important;max-width:100%!important;}
  .observatory-status-panel,.observatory-goto-panel,.roof-camera-panel{position:relative!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;margin:10px 14px!important;}
}