/* app.css — les seules regles nees de la SPA.
   Tout le reste vient de /chassis.css, partage avec l'ecran historique : une
   regle qui existe la-bas ne se recopie pas ici, sinon les deux divergent. */

/* La coquille du lot 0, devenue au lot 1 la place de l'editeur : elle porte le
   nom du site ouvert. Le parcours et l'editeur arrivent aux lots 2 et 3 et se
   logeront dans #app comme dans l'ecran historique. */
.socle {
  margin: auto;
  max-width: 34rem;
  padding: 2rem;
  text-align: center;
}
.socle h1 { font-size: 1.15rem; font-weight: 600; margin-bottom: 0.6rem; }
.socle p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; }
.socle .btn { margin-top: 1.2rem; }

/* 🔴 « Vos sites » est un ecran PLEIN (`#mes-sites`, z-index 9050) et les
   modales du chassis vivent a 1000 : sans cette ligne, la modale de
   suppression se peint DERRIERE l'ecran. Elle est parfaitement lisible — le
   fond de l'ecran est opaque, on la voit — mais aucun de ses boutons ne
   recoit le clic : les cartes les interceptent. Trouve par la recette, jamais
   par la lecture. Toute modale ouverte depuis un ecran plein passe ici. */
#modal-suppr-site { z-index: 9100; }