/* styles/layout/view.css — extrait de styles.css L114-L130. .view + @keyframes fade-in. */

/* ----------------------------- Layout ------------------------------ */
.view{
  display:none;
  /* 100dvh = hauteur RÉELLEMENT visible sur mobile (100vh inclut la
     zone derrière la barre du navigateur iOS/Android → débordement +
     scroll parasite). Le 100vh reste en fallback vieux navigateurs. */
  min-height:100vh;
  min-height:100dvh;
  padding:32px 28px;
  position:relative;
  z-index:1;
}
.view.active{
  display:flex;flex-direction:column;align-items:stretch;
  animation:fade-in .35s ease both;
}
@keyframes fade-in{
  from { opacity:0; transform:translateY(6px); }
  to   { opacity:1; transform:translateY(0); }
}