/* PRATINIUM v285 — Connexion + inscription : œil mot de passe intégré et épuré
   Objectif : supprimer le décalage visuel du bouton œil et l'aligner proprement dans le champ mot de passe. */

body#authentication .input-group,
body#registration .input-group,
body#authentication .input-group.password,
body#registration .input-group.password,
body#authentication .input-group.js-parent-focus,
body#registration .input-group.js-parent-focus{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  border-collapse:separate!important;
}

body#authentication .input-group > .form-control,
body#registration .input-group > .form-control,
body#authentication .input-group input[type="password"],
body#registration .input-group input[type="password"],
body#authentication .input-group input[type="text"],
body#registration .input-group input[type="text"]{
  flex:1 1 auto!important;
  width:1%!important;
  min-width:0!important;
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important;
  margin:0!important;
  box-shadow:none!important;
}

body#authentication .input-group-btn,
body#registration .input-group-btn,
body#authentication .input-group-append,
body#registration .input-group-append{
  display:flex!important;
  align-items:stretch!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
}

body#authentication .input-group-btn > .btn,
body#registration .input-group-btn > .btn,
body#authentication .input-group button[data-action="show-password"],
body#registration .input-group button[data-action="show-password"],
body#authentication button[data-action="show-password"],
body#registration button[data-action="show-password"]{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:auto!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cfd9e8!important;
  border-left:0!important;
  border-radius:0 13px 13px 0!important;
  background:#f4f7fb!important;
  color:#19263d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  transform:none!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
}

body#authentication .input-group:focus-within button[data-action="show-password"],
body#registration .input-group:focus-within button[data-action="show-password"]{
  border-color:#90c8ef!important;
  background:#eef8ff!important;
}

body#authentication button[data-action="show-password"] i,
body#registration button[data-action="show-password"] i,
body#authentication button[data-action="show-password"] .material-icons,
body#registration button[data-action="show-password"] .material-icons{
  font-size:20px!important;
  line-height:1!important;
  width:20px!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  transform:none!important;
}

body#authentication .input-group .form-control:focus,
body#registration .input-group .form-control:focus{
  z-index:2!important;
}

/* Corrige les champs mot de passe affichés dans de grands cadres du formulaire d'inscription. */
body#registration .form-group .input-group{
  max-width:430px!important;
}

body#authentication .form-group .input-group{
  max-width:520px!important;
}

@media (max-width:767.98px){
  body#authentication .input-group-btn > .btn,
  body#registration .input-group-btn > .btn,
  body#authentication .input-group button[data-action="show-password"],
  body#registration .input-group button[data-action="show-password"],
  body#authentication button[data-action="show-password"],
  body#registration button[data-action="show-password"]{
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:40px!important;
  }
}