/* V1.1.5 – Single authority for viewport sizing. Must load LAST. */
html {height:100%;overflow:hidden}
body.hat061-ux.hat111-desktop {
 display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
 width:100%!important;height:100vh!important;height:100dvh!important;
 min-height:0!important;max-height:100dvh!important;overflow:hidden!important;
}
body.hat061-ux.hat111-desktop>header {flex:0 0 auto!important;height:auto!important;min-height:50px!important;max-height:none!important}
body.hat061-ux.hat111-desktop>#hat111Ribbon {flex:0 0 auto!important;height:92px!important;min-height:0!important;max-height:92px!important}
body.hat061-ux.hat111-desktop.hat111-ribbon-min>#hat111Ribbon {height:31px!important;max-height:31px!important}
body.hat061-ux.hat111-desktop>main,
body.hat061-ux.hat111-desktop.hat111-ribbon-min>main,
body.hat061-ux.hat111-desktop.hat111-ribbon-min.hat061-ux>main{
 display:flex!important;flex:1 1 0!important;height:0!important;min-height:0!important;
 max-height:none!important;overflow:hidden!important;margin:0!important;box-sizing:border-box!important;
}
body.hat061-ux.hat111-desktop>main>.stage{
 display:block!important;flex:1 1 0!important;min-width:0!important;min-height:0!important;
 height:100%!important;max-height:100%!important;overflow:hidden!important;
}
body.hat061-ux.hat111-desktop>main>.stage>#board,
body.hat061-ux.hat111-desktop>main>.stage>#hatInkCanvas{
 max-height:100%!important;
}
body.hat061-ux.hat111-desktop>footer.status {
 flex:0 0 34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;
 margin:0!important;box-sizing:border-box!important;
}
@media(max-width:760px){
 body.hat061-ux.hat111-desktop>#hat111Ribbon{height:78px!important;max-height:78px!important}
 body.hat061-ux.hat111-desktop.hat111-ribbon-min>#hat111Ribbon{height:31px!important;max-height:31px!important}
}
@media print{body.hat061-ux.hat111-desktop{display:block!important;height:auto!important;max-height:none!important}body.hat061-ux.hat111-desktop>main{height:auto!important;display:block!important}}
