/* V73 — navegação inferior idêntica em todas as telas.
   O Mapa é a referência visual aprovada; neutraliza apenas reduções específicas
   aplicadas às telas Família, Fantasias, Diversão e Perfil. */

.bottom-nav button b{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.08 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.bottom-nav .nav-icon{
  flex:0 0 auto !important;
  margin:0 !important;
}

@media (max-width:720px){
  .app:not(.map-screen-active) .bottom-nav{
    height:calc(76px + env(safe-area-inset-bottom)) !important;
    min-height:calc(76px + env(safe-area-inset-bottom)) !important;
    padding:0 0 env(safe-area-inset-bottom) !important;
  }
  .app:not(.map-screen-active) .bottom-nav button{
    min-height:76px !important;
    gap:4px !important;
    padding:8px 4px 5px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .app:not(.map-screen-active) .nav-icon{
    width:29px !important;
    height:29px !important;
  }
  .app:not(.map-screen-active) .nav-icon svg{
    width:29px !important;
    height:29px !important;
  }
  .app:not(.map-screen-active) .bottom-nav button b{
    font-size:.68rem !important;
  }
}

@media (display-mode:standalone) and (max-width:720px){
  .app:not(.map-screen-active){
    grid-template-rows:86px minmax(0,1fr) calc(92px + env(safe-area-inset-bottom)) !important;
  }
  .app:not(.map-screen-active) .bottom-nav{
    height:calc(92px + env(safe-area-inset-bottom)) !important;
    min-height:calc(92px + env(safe-area-inset-bottom)) !important;
  }
  .app:not(.map-screen-active) .bottom-nav button{
    min-height:92px !important;
    gap:6px !important;
  }
  .app:not(.map-screen-active) .nav-icon{
    width:36px !important;
    height:36px !important;
  }
  .app:not(.map-screen-active) .nav-icon svg{
    width:35px !important;
    height:35px !important;
  }
  .app:not(.map-screen-active) .bottom-nav button b{
    font-size:.76rem !important;
  }
}

@media (display-mode:standalone) and (max-width:390px){
  .app:not(.map-screen-active){
    grid-template-rows:108px minmax(0,1fr) calc(88px + env(safe-area-inset-bottom)) !important;
  }
  .app:not(.map-screen-active) .bottom-nav{
    height:calc(88px + env(safe-area-inset-bottom)) !important;
    min-height:calc(88px + env(safe-area-inset-bottom)) !important;
  }
  .app:not(.map-screen-active) .bottom-nav button{
    min-height:88px !important;
    gap:4px !important;
  }
  .app:not(.map-screen-active) .nav-icon{
    width:33px !important;
    height:33px !important;
  }
  .app:not(.map-screen-active) .nav-icon svg{
    width:32px !important;
    height:32px !important;
  }
  .app:not(.map-screen-active) .bottom-nav button b{
    font-size:.72rem !important;
  }
}