.mdp-enveloppe { position: relative; display: inline-flex; align-items: stretch; width: 100%; max-width: 100%; }
.mdp-enveloppe input { flex: 1 1 auto; min-width: 0; padding-right: 5.5rem !important; }
.mdp-oeil {
  position: absolute; right: 3px; top: 50%; transform: translateY(-50%);
  padding: .2rem .55rem; border: 1px solid #c3cbd3; border-radius: 4px; background: #f4f6f8;
  color: #1d2733; font: 600 12px/1.4 system-ui, sans-serif; cursor: pointer;
}
.mdp-oeil:hover { background: #e6ebf0; }
.mdp-oeil:focus-visible { outline: 2px solid #1b5fa8; outline-offset: 1px; }
/* Administration Django : les champs n'occupent pas toute la largeur. */
.aligned .mdp-enveloppe, .login .mdp-enveloppe { width: auto; }
.login .mdp-enveloppe { width: 100%; }