/* Toggle visibility for password fields — pair input + button[data-pw-target="#id"] */
.pw-toggle-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.pw-toggle-wrap .form-control,
.pw-toggle-wrap .user-form-control,
.pw-toggle-wrap .modern-input {
  padding-right: 42px !important;
}

.pw-toggle-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #64748b;
  padding: 6px 10px;
  cursor: pointer;
  line-height: 1;
  z-index: 4;
  border-radius: 8px;
}

.pw-toggle-btn:hover,
.pw-toggle-btn:focus {
  color: #1e293b;
  background: rgba(15, 23, 42, 0.06);
  outline: none;
}

.pw-toggle-btn i {
  font-size: 15px;
  pointer-events: none;
}

/* Login: leave room for glyphicon feedback */
.login-pw-wrap.has-feedback .form-control {
  padding-right: 78px !important;
}

.login-pw-wrap.has-feedback .pw-toggle-btn {
  right: 40px;
}