/* v4.3.159 — de heatmap gebruikt de volledige resterende schermhoogte. */
.dpc.show-heatmap{
  height:100dvh!important;
  min-height:100dvh!important;
  grid-template-rows:64px minmax(0,1fr) 28px!important;
  overflow:hidden!important;
}
.dpc-heat-page{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
  overflow:hidden!important;
  padding:12px 16px 10px!important;
}
.dpc-heat-page[hidden]{display:none!important}
.dpc-heat-page>header{margin:0!important}
.dpc-heat-stage{
  width:100%;
  height:auto!important;
  min-height:0!important;
  align-self:stretch;
}
.dpc-heat-stage #dispatchHeatMap{
  width:100%;
  height:100%!important;
  min-height:0!important;
}
.dpc-heat-page>footer{margin:0!important;min-height:0}

@media(max-width:760px){
  .dpc.show-heatmap{
    display:grid!important;
    height:var(--dpc-visual-height,100dvh)!important;
    min-height:var(--dpc-visual-height,100dvh)!important;
    grid-template-rows:auto minmax(0,1fr) 28px!important;
  }
  .dpc.show-heatmap .dpc-topbar{position:relative!important;top:auto!important}
  .dpc-heat-page{padding:8px!important;gap:7px}
  .dpc-heat-page>header{gap:7px!important}
  .dpc-heat-page>header p{display:none}
  .dpc-heat-page>header strong{font-size:1.08rem!important}
  .dpc-heat-tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%;
    justify-content:flex-start!important;
    overflow-x:auto;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
  .dpc-heat-tools>*{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:36px!important}
  .dpc-heat-stage{height:auto!important;min-height:0!important}
  .dpc-heat-stage #dispatchHeatMap{height:100%!important;min-height:0!important}
  .dpc-heat-page>footer{display:none!important}
}