/* Penca password visibility toggle */
.penca-password-field,
.fp-password-field{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.penca-password-field .penca-input,
.fp-password-field .fp-admin-input{
  width:100%;
  padding-right:96px !important;
}
.penca-password-toggle,
.fp-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:1px solid rgba(0,214,232,.28);
  background:rgba(0,214,232,.11);
  color:#12d7ff;
  border-radius:999px;
  padding:8px 11px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  user-select:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.penca-password-toggle:hover,
.fp-password-toggle:hover,
.penca-password-toggle[aria-pressed="true"],
.fp-password-toggle[aria-pressed="true"]{
  background:#12d7ff;
  color:#041018;
  border-color:#12d7ff;
}
.penca-password-toggle:focus-visible,
.fp-password-toggle:focus-visible{
  outline:2px solid #12d7ff;
  outline-offset:2px;
}
.penca-password-hint{
  margin-top:7px;
  color:rgba(184,197,220,.78);
  font-size:12px;
  line-height:1.35;
}
.penca-password-meter{
  display:flex;
  gap:5px;
  margin-top:9px;
}
.penca-password-meter span{
  height:4px;
  flex:1;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.penca-password-meter[data-score="1"] span:nth-child(-n+1),
.penca-password-meter[data-score="2"] span:nth-child(-n+2){background:#f59e0b;}
.penca-password-meter[data-score="3"] span:nth-child(-n+3){background:#12d7ff;}
.penca-password-meter[data-score="4"] span:nth-child(-n+4),
.penca-password-meter[data-score="5"] span:nth-child(-n+5){background:#22c55e;}
@media (max-width:520px){
  .penca-password-field .penca-input,
  .fp-password-field .fp-admin-input{padding-right:88px !important;}
  .penca-password-toggle,
  .fp-password-toggle{padding:7px 9px;font-size:10px;}
}