.pwd-wrap {
  position: relative;
  display: block;
  flex: 1;
  min-width: 0;
  width: 100%;
}

.pwd-wrap input {
  width: 100%;
  box-sizing: border-box;
  padding-right: 45px !important;
}

.admin-login-fields label:has(.pwd-wrap) {
  display: block;
}

.admin-login-fields .pwd-wrap,
.mca-field .pwd-wrap,
.mca-input.pwd-wrap {
  position: relative;
  width: 100%;
}

.mca-input.pwd-wrap {
  display: block;
}

.pwd-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(245, 241, 234, 0.55);
  cursor: pointer;
  line-height: 0;
  border-radius: 8px;
  z-index: 10;
  box-sizing: border-box;
}

.pwd-toggle:hover,
.pwd-toggle:focus-visible {
  color: var(--accent-2, #f2c57b);
  outline: none;
}

.pwd-toggle--on {
  color: var(--accent-2, #f2c57b);
}

.pwd-toggle__icon {
  display: block;
  flex-shrink: 0;
}

/* Client account modal — lock icon left, eye centered in field */
.mca-field .mca-input {
  display: block;
}

.mca-field .mca-input > svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}

.mca-field .pwd-wrap {
  display: block;
  width: 100%;
}

.mca-field .pwd-toggle {
  right: 8px;
  width: 34px;
  height: 34px;
}

.mca-field .pwd-wrap input {
  padding-right: 44px !important;
}