/* PRATINIUM v264 — Authentication : icône œil du mot de passe téléphone,
   correctif basé sur le HTML réel inspecté.
   Le formulaire téléphone n'utilise PAS la structure .input-group /
   .input-group-btn / data-action="show-password" du formulaire e-mail : il
   vient d'un module distinct avec ses propres classes :
     div.pl-password-field
       input#pl-phone-login-password
       button.pl-password-toggle
         span.pl-password-toggle_show (icône "afficher", cachée en JS)
         span.pl-password-toggle_hide (icône "masquer", visible par défaut)
   Toutes les tentatives précédentes (v252 à v263) ciblaient des classes qui
   n'existent pas dans ce DOM, d'où l'absence d'effet. On ne touche pas au
   display inline des spans show/hide (géré par le JS du module pour le
   basculement œil ouvert/fermé) : on ne fait que dimensionner/styler. */

body#authentication .pl-password-field{
  position:relative!important;
  display:block!important;
  width:100%!important;
}

body#authentication .pl-password-field input.form-control,
body#authentication .pl-password-field input[type="password"]{
  width:100%!important;
  max-width:100%!important;
  padding-right:54px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}

body#authentication .pl-password-field button.pl-password-toggle,
body#authentication button.pl-password-toggle{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(9,23,51,.06)!important;
  border-left:0!important;
  border-radius:0 8px 8px 0!important;
  background:#f7f9fc!important;
  color:#333!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:4!important;
}

body#authentication .pl-password-toggle svg{
  width:17px!important;
  height:17px!important;
  margin:0!important;
}
