/* HAT Physics SmartBoard V1.1.2 — viewport-first layout repair.
   A real flex-column application shell eliminates legacy 'dead zone' below footer.
   Keep bottom status anchored to bottom; ribbon may expand/collapse normally. */
html,body{height:100%;margin:0}
body.hat111-desktop.hat061-ux{
  display:flex!important;
  flex-direction:column!important;
  width:100%;height:100dvh!important;
  min-height:0!important;overflow:hidden!important;
}
body.hat111-desktop.hat061-ux>header{
  position:relative;flex:0 0 58px!important;
  height:58px!important;min-height:58px!important;
}
body.hat111-desktop.hat061-ux>#hat111Ribbon{
  flex:0 0 113px!important;
  height:113px!important;
  min-height:0!important;
}
body.hat111-desktop.hat111-ribbon-min.hat061-ux>#hat111Ribbon{
  flex-basis:33px!important;height:33px!important;
}
body.hat111-desktop.hat061-ux>main,
body.hat111-desktop.hat111-ribbon-min.hat061-ux>main{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.hat111-desktop.hat061-ux>main>.stage{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body.hat111-desktop.hat061-ux>main>.stage>#board{
  display:block;width:100%!important;height:100%!important;
}
body.hat111-desktop.hat061-ux>footer.status{
  flex:0 0 34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  position:relative;z-index:31;
}
/* Keep the drawable stage free of stacked floating extras when ribbon is expanded. */
body.hat111-desktop.hat061-ux #hat10Dock.hat109-right{max-height:calc(100% - 20px)!important}
@media(max-width:760px){
 body.hat111-desktop.hat061-ux>header{flex-basis:54px!important;height:54px!important;min-height:54px!important}
 body.hat111-desktop.hat061-ux>#hat111Ribbon{flex-basis:82px!important;height:82px!important}
 body.hat111-desktop.hat111-ribbon-min.hat061-ux>#hat111Ribbon{flex-basis:33px!important;height:33px!important}
}
@media print{body.hat111-desktop.hat061-ux{display:block!important;height:auto!important}body.hat111-desktop.hat061-ux>main{height:auto!important}}