/* V1.1.8 - move floating utility controls into bottom status bar */
body.hat061-ux #hat061Zoom,
body.hat061-ux #hat102Open{display:none !important}

footer.status #hat120PropsFooter,
footer.status #hat120ZoomGroup button,
footer.status #hat120ZoomGroup .hat120-label,
footer.status #hat120ZoomGroup #hat112FitContent,
footer.status #hat120ZoomGroup #resetView{
  min-height:30px;
  border-radius:9px;
}
footer.status #hat120PropsFooter{white-space:nowrap}
footer.status #hat120ZoomGroup{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:8px;
}
footer.status #hat120ZoomGroup .hat120-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  padding:0 8px;
  background:#173047;
  border:1px solid #3f6378;
  color:#ecfbff;
  font-variant-numeric:tabular-nums;
}
footer.status #hat120ZoomGroup #zoomLabel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
}
footer.status #hat120ZoomGroup button{padding-inline:10px}
footer.status #hat120ZoomGroup #hat112FitContent{order:4}
footer.status #hat120ZoomGroup #resetView{order:5}
footer.status #hat120ZoomGroup #hat120ZoomOut{order:1}
footer.status #hat120ZoomGroup #hat120ZoomLabelWrap{order:2}
footer.status #hat120ZoomGroup #hat120ZoomIn{order:3}

@media(max-width:980px){
  footer.status #hat120ZoomGroup{gap:4px;margin-left:5px}
  footer.status #hat120ZoomGroup button{padding-inline:8px}
  footer.status #hat120ZoomGroup .hat120-label{min-width:48px;padding:0 6px}
}
@media(max-width:720px){
  footer.status #hat120PropsFooter small,
  footer.status #hat120ZoomGroup #hat112FitContent,
  footer.status #hat120ZoomGroup #resetView{font-size:0}
  footer.status #hat120ZoomGroup #hat112FitContent::before{content:'⤢';font-size:15px}
  footer.status #hat120ZoomGroup #resetView::before{content:'⌖';font-size:15px}
  footer.status #hat120PropsFooter span:last-child{display:none}
  footer.status #hat120PropsFooter{min-width:36px;padding-inline:9px}
}

/* Explicit removal of old canvas overlays, regardless of conflicting old component rules. */
#hat061Zoom, #hat102Open { display:none !important; visibility:hidden !important; pointer-events:none !important; }