/**
 * Phase 11.10: presentation-only treatment for the existing MihanPanel
 * registration password reveal control. Visibility and behavior stay owned by
 * the plugin; these rules only refine its touch surface and visual feedback.
 */

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action] {
  box-sizing: border-box;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  flex: 0 0 44px;
  margin: 0 4px 0 0;
  padding: 10px;
  background: #eefaff;
  border: 1px solid #c7eaf6;
  border-radius: 13px;
  box-shadow: 0 6px 16px rgba(7, 78, 105, 0.08);
  cursor: pointer;
  transform: translateY(0);
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action]:hover {
  background: #e2f7ff;
  border-color: #7fd7ec;
  box-shadow: 0 8px 20px rgba(0, 139, 184, 0.13);
  transform: translateY(-1px);
}

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action]:active {
  background: #d8f2fb;
  border-color: #46bddc;
  box-shadow: 0 3px 9px rgba(0, 109, 145, 0.12);
  transform: translateY(0);
}

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action] > img[mwpl-action="show-pass"][alt="show-pass-icon"],
html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action] > img[mwpl-action="hide-pass"][alt="hide-pass-icon"] {
  width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
  object-fit: contain;
}

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-field > input[name="password"][id="mwpl_register_password"].mwpl-has-value + .mwpl-label-value {
  color: #58707c;
  font-size: 12px;
  line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action] {
    transition: none;
  }

  html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action]:hover,
  html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-register-form-wrapper > .mwpl-form-fields > .mwpl-input-item.mwpl-password-field-wrapper > label[for="mwpl_register_password"] > .mwpl-action-icon[mwpl-action]:active {
    transform: none;
  }
}