/* M8 Page Password Backend - genau ein Auge (Toggle) + native Browser-Augen ausblenden
   Gilt nur für unser Feld in tl_page. */

.m8-pw-widget {
  position: relative;
}

.m8-pw-widget input#ctrl_m8PagePassword {
  padding-right: 2.2rem;
}

/* Edge / IE: natives Passwort-Auge ausblenden */
.m8-pw-widget input#ctrl_m8PagePassword::-ms-reveal,
.m8-pw-widget input#ctrl_m8PagePassword::-ms-clear {
  display: none;
}

/* Chrome: Credentials Auto-Fill Button ausblenden (wenn vorhanden) */
.m8-pw-widget input#ctrl_m8PagePassword::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
}

.m8-pw-toggle {
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 5px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: .15rem;
  line-height: 1;
  font-size: 1.05rem;
}

/* Falls Contao selbst ein Toggle rendert (z.B. Theme/Browser), hier im Widget ausblenden,
   damit garantiert nur unser Button sichtbar bleibt. */
.m8-pw-widget .toggle-password,
.m8-pw-widget .password-toggle,
.m8-pw-widget button[data-action*="password"],
.m8-pw-widget a[data-action*="password"] {
  display: none !important;
}