/* Altura do documento no web app instalado.
 *
 * Problema que isto resolve: com `apple-mobile-web-app-status-bar-style:
 * black-translucent` + `viewport-fit=cover`, o web view do iOS começa em y=0
 * (atrás do relógio), mas `height: 100%` resolve contra uma altura que desconta
 * a barra de status. O documento fica mais curto que a tela e sobra uma faixa
 * no rodapé — que aparecia com a cor de fundo do `body`.
 *
 * `100dvh` (dynamic viewport height) mede a tela inteira e corrige a conta.
 * O `100%` acima fica como fallback para navegador sem suporte.
 *
 * Arquivo externo, e não <style> inline, seguindo o mesmo padrão do
 * `sw-register.js`: mantém o HTML sem depender de `unsafe-inline`.
 */
html,
body,
#root {
  height: 100%;
  margin: 0;
}

@supports (height: 100dvh) {
  html,
  body,
  #root {
    height: 100dvh;
  }
}

/* O container do Expo Router precisa esticar junto, senão o #root cresce e o
 * conteúdo continua com a altura antiga. */
#root > div {
  min-height: 100%;
}