/* La page de connexion de la porte « I-seul » (#1004.2). ⛔ Aucune couleur en dur : les jetons de la charte. */
body.admin-connexion { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg-primary);
  font-family: var(--font-body); color: var(--text-primary); }
.admin-connexion-carte { width: min(380px, 92vw); background: var(--bg-secondary); border: 1px solid var(--border-light);
  border-radius: var(--radius-xl); padding: 28px; display: grid; gap: 14px; }
.admin-connexion-logo { max-width: 200px; max-height: 64px; object-fit: contain; justify-self: start; }   /* (#1020.1) */
.admin-connexion-carte h1 { margin: 0; font-size: var(--text-xl); color: var(--titre); }
.admin-connexion-carte p { margin: 0; color: var(--text-muted); font-size: var(--text-sm); }
.admin-connexion-carte form { display: grid; gap: 12px; }
.admin-connexion-carte label { display: grid; gap: 4px; font-size: var(--text-sm); color: var(--text-secondary); }
.admin-connexion-carte input { font: inherit; padding: 8px 10px; border: 1px solid var(--border-default);
  border-radius: var(--radius-md); background: var(--bg-secondary); color: var(--text-primary); }
.admin-connexion-carte button { font: inherit; padding: 9px 12px; border: 1px solid var(--accent); border-radius: var(--radius-md);
  background: var(--accent); color: var(--accent-text); cursor: pointer; }
/* (0.17.0) Le lien « Se connecter avec Microsoft » : un bouton secondaire, sous le formulaire. */
.admin-connexion-carte a { font: inherit; padding: 9px 12px; border: 1px solid var(--border-default); border-radius: var(--radius-md);
  background: var(--bg-secondary); color: var(--text-primary); text-align: center; text-decoration: none; }
.admin-connexion-refus { color: var(--color-error); font-size: var(--text-sm); }
/* ⛔ (#1012.1) `.admin-connexion-carte form { display: grid }` l'emportait sur l'attribut `hidden` : le bloc « mot de passe
   provisoire » s'affichait à tout visiteur (fdm78, 01/10). Ce qui est caché le reste, quelle que soit la règle. */
[hidden] { display: none !important; }
/* (0.20.0, connecteur Kaordia #59.4) L'inscription : les deux choix sont deux grands boutons, un titre et une phrase ;
   la suite de « Pour mon organisation » s'ouvre dessous. ⛔ Aucune classe de plus : la carte de la connexion. */
.admin-connexion-carte button[data-choix] { display: grid; gap: 4px; text-align: left; padding: 14px 16px;
  background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-default); }
.admin-connexion-carte button[data-choix]:hover, .admin-connexion-carte button[data-choix]:focus-visible { border-color: var(--accent); }
.admin-connexion-carte button[data-choix] strong { font-size: var(--text-base); color: var(--titre); }
.admin-connexion-carte button[data-choix] span { font-size: var(--text-sm); color: var(--text-muted); }
.admin-connexion-carte section { display: grid; gap: 12px; padding-top: 14px; border-top: 1px solid var(--border-light); }