/* HIDET must affect only the top ribbon. The main/canvas row always remains visible. */
body.pfcHideTop .app,
body.maxWindowMode.pfcHideTop .app{
  grid-template-rows:0 minmax(0,1fr) 29px!important;
}
body.pfcHideTop .app>.ribbon,
body.maxWindowMode.pfcHideTop .app>.ribbon{
  display:none!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.pfcHideTop .app>.main,
body.maxWindowMode.pfcHideTop .app>.main{
  display:grid!important;
  min-height:0!important;
  height:auto!important;
  visibility:visible!important;
}
body.pfcHideTop .canvas-wrap,
body.maxWindowMode.pfcHideTop .canvas-wrap,
body.pfcHideTop canvas.canvas,
body.maxWindowMode.pfcHideTop canvas.canvas{
  display:block!important;
  visibility:visible!important;
  min-width:0!important;
  min-height:0!important;
}