/*
  VM Manager - confidentialite.css
  Le texte « Confidentialite et mentions legales », a ses DEUX endroits : la page PUBLIQUE /confidentialite
  (lisible avant toute connexion) et la rubrique Parametres > Confidentialite (index.html charge aussi cette
  feuille). La page publique ne charge QUE des fichiers de la chaine publique (app/main.py) : ni
  settings.css ni aucun autre fichier du site connecte — d'ou la carte redessinee ici.
*/

.page-legale{margin:0;padding:32px 16px 48px;background:var(--bg);color:var(--text);font-family:var(--police)}
.page-legale .page{max-width:760px;margin:0 auto}
.page-legale h1{font-family:var(--police-titre);font-size:26px;font-weight:700;color:var(--text);margin:0 0 6px}
.page-legale .sous{color:var(--text3);margin:0 0 8px}
.page-legale .retour{display:inline-flex;align-items:center;min-height:var(--cible);margin-top:20px;font-weight:600}
@media (max-width:768px){.page-legale{padding:16px 10px 32px}}

/* Le texte lui-meme, partage par la page publique et par la rubrique des parametres. */
.legal{line-height:1.6;color:var(--text2);font-size:14.5px}
.legal h2{font-family:var(--police-titre);font-size:15.5px;font-weight:700;color:var(--text);margin:22px 0 6px}
.legal p,.legal ul{margin:0 0 10px}
.legal ul{padding-left:20px}
.legal a{color:var(--accent-text)}
.legal strong{color:var(--text)}

/* La carte de la page publique : la meme que .settings-card, sans charger settings.css. */
.page-legale .page{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rayon);padding:24px 26px}
@media (max-width:768px){.page-legale .page{padding:16px 14px}}