/* Champs de mot de passe : bouton « Afficher / Masquer » (static/js/password-toggle.js).
   Feuille à part : elle sert aussi aux pages d'administration, qui n'ont pas site.css. */
.pw-field { position: relative; display: inline-block; max-width: 100%; vertical-align: middle; }
.pw-field input { padding-right: 6em; box-sizing: border-box; }
.pw-toggle {
  position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
  min-height: 36px; padding: 0 10px; border: 0; border-radius: 3px;
  background: transparent; color: inherit; cursor: pointer;
  font: 600 14px/1 var(--sans, system-ui, sans-serif);
  text-decoration: underline; text-underline-offset: 3px;
}
.pw-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
/* Dans les formulaires du site, le champ occupe toute la largeur, comme les autres. */
.form .pw-field { display: block; }
.form .pw-field input { width: 100%; }
/* Page de connexion de l'administration : champs pleine largeur, eux aussi. */
.login .pw-field { display: block; }
.login .pw-field input { width: 100%; }