/* Bouton « œil » des champs mot de passe (16/10/2026) : même jeu de variables que portail.css et admin.css (mode sombre inclus). */
.oeil-champ { position: relative; display: block; }
.oeil-champ > input { padding-right: 48px !important; }
.oeil-bouton {
  position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
  width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
  padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--ink-3); cursor: pointer;
}
.oeil-bouton:hover { background: var(--surface-2); color: var(--ink); }
.oeil-bouton:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand, #5B4DEE) 35%, transparent); outline-offset: 1px; }
.oeil-bouton[aria-pressed="true"] { color: var(--brand, #5B4DEE); }