/* Aplicativo instalável: página sem conexão, convite para instalar e ajustes quando aberto como app. */
.sem-conexao { min-height: 100dvh; display: grid; place-items: center; padding: var(--e-6) var(--e-4); background: var(--moldura); color: var(--moldura-texto); }
.sem-conexao-corpo { max-width: 420px; text-align: center; display: grid; gap: var(--e-4); justify-items: center; }
.sem-conexao-logo { height: 44px; width: auto; }
.sem-conexao h1 { margin: 0; color: #fff; font-size: var(--titulo-md); line-height: 1.2; }
.sem-conexao p { margin: 0; font-size: var(--texto-md); }

/* Aberto como aplicativo: respeita o recorte da tela (iPhone) e esconde o que só faz sentido no navegador. */
@media (display-mode: standalone) {
  body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  [data-so-navegador] { display: none !important; }
}
.app-instalar[hidden] { display: none !important; }
.app-instalar-ios { display: grid; gap: var(--e-2); font-size: var(--texto-sm); color: var(--texto-2); }