/* ---------------------------------------------------------------- App iOS (html.nativo)
   O app fornece barra de abas, menu e botão de voltar nativos (Liquid Glass): a web esconde os seus. */

html.nativo { --topbar-h: 0px; --barra-nativa: 58px; }
html.nativo.barra-sistema { --barra-nativa: 0px; }  /* env(safe-area-inset-top) já inclui a barra do sistema */
/* Sob a barra do sistema, a saudação fica a ~16px dos botões: o mesmo respiro entre os cartões
   (a área segura já termina um pouco abaixo deles; o app só desfoca a borda depois de rolar). */
html.nativo.barra-sistema .page { padding-top: 0; }
html.nativo.barra-sistema .hero { margin-top: 0; }
html.nativo .topbar, html.nativo .skip, html.nativo .theme-toggle { display: none !important; }
html.nativo body { padding-top: calc(env(safe-area-inset-top) + var(--barra-nativa)); }
html.nativo .page { padding-bottom: calc(env(safe-area-inset-bottom) + 32px); }
html.nativo .chat { height: calc(100dvh - env(safe-area-inset-top) - var(--barra-nativa)); }
html.nativo #toast-root { top: calc(env(safe-area-inset-top) + var(--barra-nativa) + 8px); }
html.nativo .trilha { display: none; }  /* o botão voltar nativo cumpre esse papel */
html.nativo .entrar { min-height: calc(100dvh - env(safe-area-inset-top) - var(--barra-nativa) - env(safe-area-inset-bottom) - 40px); }