/* Shared sensitive-value visibility controls: no standalone icon background. */
.el-input .el-input__password,
.el-input .el-input__suffix-inner:has(.el-input__password),
.public-key-eye,
.community-auth-card .auth-eye {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--el-text-color-placeholder, #a8abb2);
}
.el-input .el-input__password,
.public-key-eye svg,
.community-auth-card .auth-eye svg {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.public-key-eye,
.community-auth-card .auth-eye { border-radius: 0; }
.el-input .el-input__password:hover,
.public-key-eye:hover,
.community-auth-card .auth-eye:hover {
  background: transparent !important;
  color: var(--el-color-primary, #5d87ff);
}
.public-key-eye:focus-visible,
.community-auth-card .auth-eye:focus-visible {
  outline: 2px solid var(--el-color-primary, #5d87ff);
  outline-offset: 2px;
}

/* Browser autofill paints only the input, leaving an apparent square around its eye. */
.el-input:not(.is-disabled) .el-input__inner:-webkit-autofill,
.el-input:not(.is-disabled) .el-input__inner:autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--el-input-bg-color, var(--el-fill-color-blank, #fff)) inset !important;
  box-shadow: 0 0 0 1000px var(--el-input-bg-color, var(--el-fill-color-blank, #fff)) inset !important;
  -webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular, #606266));
  caret-color: var(--el-input-text-color, var(--el-text-color-regular, #606266));
}
.community-auth-card .auth-field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;
  -webkit-text-fill-color: #1f2937;
}
.community-auth-card .auth-field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

/* Match the Alipay public-key reference: glyph right edge is 15px from the field edge. */
.el-input__wrapper:has(.el-input__password) { padding-right: 15px !important; }
.el-input__wrapper:has(.public-key-eye) { padding-right: 11px !important; }
.public-key-eye { padding-inline: 4px !important; }
.community-auth-card .auth-eye { right: 5px; width: 36px; }