/* public-mobile.css — pages publiques (connexion, mot de passe oublié...) sur TÉLÉPHONE. Chargé par le seul menu des visiteurs non connectés (_SidebarAnonyme) : aucun écran connecté n'est
   concerné, et tout est dans un @media : au-dessus de 768 px rien ne change. Le menu latéral vide du visiteur devient une bande en haut, le formulaire prend toute la largeur. */
@media (max-width: 767.98px) {
  .app-shell { flex-direction: column; height: auto; min-height: 100vh; overflow: visible; }
  .app-sidebar { width: 100%; height: auto; flex-direction: row; align-items: center; }
  .app-main { height: auto; overflow: visible; }
  .app-topbar { padding: .5rem 1rem; }
  .app-content { padding: 1rem; overflow: visible; }
  .app-content h1 { font-size: 1.5rem; }
  .app-content form { max-width: 28rem; }
  .app-content .form-control { min-height: 48px; font-size: 1rem; }
  .app-content .btn { min-height: 48px; font-size: 1rem; width: 100%; }
  .app-content .form-check { display: flex; align-items: center; gap: .6rem; min-height: 48px; padding-left: 0; }
  .app-content .form-check .form-check-input { float: none; margin: 0; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; }
  .app-content a { display: inline-block; padding: .6rem 0; }
}