/* Page de connexion : liste des comptes fictifs de développement, avec les jetons de connexion.css (RELIX). */
.cx-comptes { margin-top: 30px; }
.cx-comptes-titre { margin: 0 0 12px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--cx-pale); }
.cx-comptes ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cx-comptes form { margin: 0; }
.cx-compte { width: 100%; text-align: left; cursor: pointer; font: inherit; color: var(--cx-texte); padding: 11px 16px; border-radius: 10px;
  background: var(--cx-champ); border: 1px solid rgba(255, 255, 255, .12); transition: border-color .15s, box-shadow .15s; }
.cx-compte:hover, .cx-compte:focus-visible { border-color: rgba(150, 125, 255, .85); box-shadow: 0 0 0 3px rgba(124, 92, 255, .22); outline: 0; }
.cx-compte b { display: block; font-size: 14.5px; font-weight: 600; }
.cx-compte small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--cx-pale); }
.cx-securite { margin-top: 34px; }

/* C.0 : bouton-lien de connexion OIDC, message d'erreur en tête de carte, fournisseur simulé */
a.cx-bouton { text-decoration: none; }
.cx-alerte { margin: 0 0 18px; }
.idp-bandeau { margin: 0 0 18px; padding: 8px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; letter-spacing: .02em;
  color: #fbbf24; background: rgba(251, 191, 36, .08); border: 1px dashed rgba(251, 191, 36, .45); text-align: center; }
.cx-grille-seule { grid-template-columns: minmax(0, 480px); justify-content: center; }
.idp-portees { border: 1px solid rgba(255,255,255,.12); border-radius: 10px; margin: 0 0 18px; padding: 10px 14px; display: grid; gap: 8px; color: inherit; font-size: 14px; }
.idp-portees label { display: flex; gap: 10px; align-items: flex-start; }
.idp-refuser { display: block; margin: 14px auto 0; background: none; border: 0; cursor: pointer; font: inherit; }

/* Marque Legalix (1er nov. 2026) : logo + mot, à la place du logo RELIX. */
.cx-logo-legalix { display: flex; align-items: center; gap: 14px; height: 74px; }
.cx-logo-legalix b { font-size: 34px; font-weight: 700; letter-spacing: -0.02em; }
@media (max-width: 860px) { .cx-logo-legalix { justify-content: center; height: 56px; } .cx-logo-legalix img { width: 44px; height: 44px; } }