/* Écran de connexion et bouton de déconnexion ajoutés au carnet. */
[hidden] { display: none !important; }
#cx { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; background: var(--paper, #e9eef4); }
.cx-carte { width: min(420px, 100%); display: grid; gap: 10px; background: var(--sheet, #fbfcfe); color: var(--ink, #14213d);
  border: 1px solid var(--rule, #d3dbe6); border-radius: 16px; padding: 22px; font: 16px/1.45 "IBM Plex Sans", system-ui, sans-serif; }
.cx-carte h1 { margin: 0; font-family: "Bricolage Grotesque", system-ui, sans-serif; }
.cx-carte p { margin: 0; color: var(--muted, #55607a); }
.cx-carte input { font: inherit; padding: 11px 12px; border-radius: 10px; border: 1px solid var(--rule, #d3dbe6); background: var(--paper, #e9eef4); color: inherit; }
.cx-carte button { font: inherit; font-weight: 600; padding: 11px; border: 0; border-radius: 10px; background: var(--ink, #14213d); color: var(--sheet, #fbfcfe); cursor: pointer; }
#cx-sortir { font-size: 13px; }
.cx-voile { position: fixed; inset: 0; z-index: 101; display: grid; place-items: center; padding: 16px; background: rgba(14, 20, 32, .45); }
.cx-carte .cx-lien { background: none; color: var(--blue, #2447c9); font-weight: 500; padding: 4px; text-decoration: underline; }
.cx-carte label { font-size: 13px; color: var(--muted, #55607a); margin-top: 4px; }
#cx-mdp-btn { margin-left: auto; font-size: 13px; }
#cx-mdp-btn + #cx-sortir { margin-left: 12px; }