/* Shared "Password must contain:" list — js/password-criteria.js toggles .is-met per rule. */
[data-password] {
  --pc-tick: #7bb662;
}

/* Dashboard change-password forms sit on white; dark mode flips back to the light green. */
.dashslide [data-password] {
  --pc-tick: #548135;
}

body.dark-mode .dashslide [data-password] {
  --pc-tick: #7bb662;
}

[data-password] ul li[data-rule] {
  list-style: none;
  position: relative;
  padding-left: 1.5em;
  transition: opacity 0.2s;
}

[data-password] ul li[data-rule]::before {
  content: "\2022";
  position: absolute;
  left: 0.35em;
  top: 0;
}

[data-password] ul li[data-rule].is-met::before {
  content: "\2714";
  left: 0;
  color: var(--pc-tick);
}

[data-password] ul li[data-rule].is-met {
  opacity: 0.75;
}
