/* TESS-CSP-DYNAMIC-FINAL TESS-Observatory CSS block 44 */
/* TESS-OBSERVATORY-LIVE-STATUS-TOP-STRIP-20260827 v1 */
#tessObsReadonlyPanel.tess-obs-readonly-panel,
#tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed,
.roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel,
.roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed{
  position:fixed!important;
  left:var(--tess-viewer-left-clearance,340px)!important;
  right:var(--tess-viewer-right-clearance,326px)!important;
  top:58px!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  margin:0!important;
  padding:8px 10px!important;
  overflow:hidden!important;
  z-index:75!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,35,35,.76)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(18,0,0,.82),rgba(4,0,0,.70))!important;
  box-shadow:0 0 24px rgba(255,0,0,.26),inset 0 0 18px rgba(255,0,0,.12)!important;
  backdrop-filter:blur(4px)!important;
  transform:none!important;
  clear:none!important;
}
#tessObsReadonlyPanel h2{
  position:absolute!important;
  left:12px!important;
  top:6px!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:12px!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  color:#ffd0d0!important;
  text-shadow:0 0 9px rgba(255,0,0,.65)!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-toggle{display:none!important;}
#tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed .tess-obs-readonly-grid,
#tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed .tess-obs-readonly-foot,
.roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed .tess-obs-readonly-grid,
.roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed .tess-obs-readonly-foot{
  display:grid!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(76px,1fr))!important;
  gap:6px!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:24px!important;
  bottom:8px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  overflow:hidden!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-card{
  min-height:0!important;
  height:100%!important;
  padding:5px 6px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,55,55,.38)!important;
  background:rgba(0,0,0,.26)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-label{
  font-size:7px!important;
  line-height:8px!important;
  letter-spacing:.06em!important;
  margin:0 0 2px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-value{
  font-size:8px!important;
  line-height:9.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tessObsReadonlyPanel .tess-obs-readonly-foot,
#tessObsReadonlyPanel .tess-obs-event-panel{display:none!important;}
.roof-camera-panel{height:286px!important;max-height:286px!important;}
.roof-camera-panel #tessObsReadonlyPanel + *,
.roof-camera-panel #tessObsReadonlyPanel{pointer-events:auto!important;}
@media(max-width:1180px){
  #tessObsReadonlyPanel.tess-obs-readonly-panel,
  #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed,
  .roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel,
  .roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed{
    left:var(--tess-viewer-left-clearance,300px)!important;
    right:var(--tess-viewer-right-clearance,292px)!important;
    height:80px!important;min-height:80px!important;max-height:80px!important;
  }
  #tessObsReadonlyPanel .tess-obs-readonly-grid{grid-template-columns:repeat(3,minmax(74px,1fr))!important;top:22px!important;}
  #tessObsReadonlyPanel .tess-obs-readonly-card:nth-child(n+7){display:none!important;}
}
@media(max-width:980px){
  #tessObsReadonlyPanel.tess-obs-readonly-panel,
  #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed,
  .roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel,
  .roof-camera-panel #tessObsReadonlyPanel.tess-obs-readonly-panel.collapsed{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;max-height:none!important;margin:10px 0 0!important;
  }
}