/* V100 — elimina o espaço residual entre indicadores e filtros no PWA.
   A linha do cabeçalho do Mapa deixa de ter altura fixa e passa a medir o conteúdo real. */

.app.map-screen-active{
  grid-template-rows:auto minmax(0,1fr) calc(66px + env(safe-area-inset-bottom))!important;
}

.app.map-screen-active > .topbar.halloween-topbar{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  grid-template-rows:50px 38px!important;
  row-gap:0!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
  margin:0!important;
  align-self:start!important;
  align-content:start!important;
  box-sizing:border-box!important;
}

.app.map-screen-active > .topbar.halloween-topbar .headline-zone{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.app.map-screen-active > .topbar.halloween-topbar .map-header-metrics{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
}

.app.map-screen-active > #screen-map.active{
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}

.app.map-screen-active > #screen-map.active > .map-toolbar{
  margin-top:0!important;
}

@media(max-width:700px) and (max-height:680px){
  .app.map-screen-active{
    grid-template-rows:auto minmax(0,1fr) calc(58px + env(safe-area-inset-bottom))!important;
  }
  .app.map-screen-active > .topbar.halloween-topbar{
    grid-template-rows:44px 34px!important;
  }
  .app.map-screen-active > .topbar.halloween-topbar .headline-zone,
  .app.map-screen-active > .topbar.halloween-topbar .map-header-metrics{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}