/* Zones sûres (lot 3 de l'audit V1, 29/10/2026). Les pages de la plateforme (espace élève, espace prof, connexion, contrats…) déclarent `viewport-fit=cover` : en plein écran
   (la coque iPhone, l'appli posée sur l'écran d'accueil, un iPhone couché) elles passent sous l'encoche, l'île dynamique et la barre du bas. Ce fichier leur rend la place.
   Sans plein écran (Safari avec ses barres) et sur Mac, `env(safe-area-inset-*)` vaut 0 : rien ne bouge. Les pages de Mirza (`html[data-da="baze"]` encadrées dans sa fenêtre) ont leur propre
   gestion (mirza-shell.css) : on n'y touche pas, sinon la marge serait comptée deux fois. */

html:not([data-da="baze"]) body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
@media (max-width: 767px) {
  /* La barre fine du haut (logo + Menu) : sous l'île dynamique, pas dedans */
  html:not([data-da="baze"]) .side { padding-top: calc(8px + env(safe-area-inset-top, 0px)); }
  html:not([data-da="baze"]) .side-menu { max-height: calc(100dvh - 60px - env(safe-area-inset-top, 0px)); }
  /* Le bas des pages : la barre de l'iPhone ne mange pas le dernier bouton */
  html:not([data-da="baze"]) .main { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  html:not([data-da="baze"]) .solo { padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)); }
  html:not([data-da="baze"]) .calc-result { bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
}
/* (La barre d'écriture de l'aide, `.af-bar`, et le message « Annuler » lisaient déjà `env(safe-area-inset-bottom)` : avec `viewport-fit=cover` ils prennent maintenant la vraie valeur.) */