/* TESS-CSP-DYNAMIC-FINAL TESS-Observatory CSS block 31 */
/* TESS-OBSERVATORY-NO-OVERLAP-FIX-20260826 v1 */
.topbar{
  display:grid!important;
  grid-template-columns:max-content max-content max-content max-content minmax(116px,132px) minmax(160px,220px) minmax(116px,132px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
.topbar-title{
  position:static!important;
  left:auto!important;top:auto!important;transform:none!important;
  width:100%!important;max-width:220px!important;
  min-width:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:clamp(.66rem,.86vw,.86rem)!important;
  letter-spacing:.075em!important;
}
#mountModeAsiairButton,#mountModeTessButton{
  position:static!important;
  transform:none!important;
  width:100%!important;min-width:0!important;
  height:34px!important;min-height:34px!important;
  padding:6px 8px!important;
  font-size:.62rem!important;line-height:1.05!important;letter-spacing:.065em!important;
  justify-self:stretch!important;
}
.topbar .status{
  margin-left:0!important;
  min-width:0!important;
  justify-self:end!important;
  overflow:hidden!important;
  gap:6px!important;
}
.topbar .status a{
  font-size:.56rem!important;
  padding:6px 8px!important;
  letter-spacing:.055em!important;
  max-width:160px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.topbar .status button:not([hidden]){position:fixed!important;left:50%!important;top:216px!important;transform:translateX(-50%)!important;width:auto!important;min-width:240px!important;}
.observatory-status-panel{left:14px!important;right:auto!important;top:14px!important;width:304px!important;max-width:calc(100vw - 28px)!important;}
.observatory-goto-panel{right:14px!important;left:auto!important;top:14px!important;width:304px!important;max-width:calc(100vw - 28px)!important;}
.roof-camera-panel{left:14px!important;top:470px!important;width:320px!important;max-width:calc(100vw - 28px)!important;}
#tessObsReadonlyPanel.tess-obs-readonly-panel{max-width:100%!important;overflow:hidden!important;}
#tessObsReadonlyPanel .tess-obs-readonly-value,#tessObsReadonlyPanel .tess-obs-event-item{overflow-wrap:anywhere!important;word-break:break-word!important;}
@media(max-width:1320px){
 .topbar{grid-template-columns:max-content max-content max-content max-content minmax(104px,118px) minmax(120px,170px) minmax(104px,118px) minmax(0,1fr)!important;gap:6px!important;}
 .topbar-title{max-width:170px!important;font-size:.62rem!important;}
 .topbar .status a{max-width:118px!important;font-size:.50rem!important;padding:5px 6px!important;}
 #mountModeAsiairButton,#mountModeTessButton{font-size:.54rem!important;padding:5px 6px!important;}
}
@media(max-width:1080px){
 .topbar{grid-template-columns:max-content max-content max-content max-content 1fr!important;}
 #mountModeAsiairButton,#mountModeTessButton,.topbar-title{display:none!important;}
 .topbar .status{display:none!important;}
 .observatory-status-panel,.observatory-goto-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:12px auto!important;width:min(94vw,340px)!important;}
}