/* Application installée (fenêtre autonome, sans barre du navigateur) : zones de sécurité des écrans tactiles (encoche en haut, barre d'accueil en bas).
   Chargée EN DERNIER : app.css impose la barre du haut en !important. La version mobile gère déjà ses zones (mobile.css : barre du haut, barre d'onglets et feuilles
   avec env(safe-area-inset-*)) ; ces règles couvrent ce qui ne l'est pas : écran de connexion et espace des comptes externes. Sur ordinateur les marges valent 0
   et rien ne change. */
@media (display-mode: standalone) {
  #login { padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); }
}
@media (display-mode: standalone) and (pointer: coarse) {
  :root:not([data-mobile]) .topbar { box-sizing: content-box; padding-top: env(safe-area-inset-top) !important; }      /* la barre garde sa hauteur, la marge de l'encoche s'ajoute au-dessus */
}