/* Checkliste */
#pwChecklist .rule {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #6c757d;        /* grau = offen */
  line-height: 1.6;
}
#pwChecklist .rule .icon {
  width: 1.2rem;
  text-align: center;
  font-weight: 700;
}
#pwChecklist .rule.valid {
  color: #198754;        /* grün = erfüllt */
  font-weight: 600;
}
#pwChecklist .rule.subtle { opacity: .85; }

/* Stärke-Balken */
#pwStrength {
  position: relative;
  height: .6rem;
  background: #e9ecef;
  border-radius: .4rem;
}
#pwStrength .bar {
  height: 100%;
  width: 0%;
  background: #dc3545;   /* wird via Klasse überschrieben */
  border-radius: .4rem;
  transition: width .2s ease;
}
#pwStrength + .label,
#pwStrength .label {
  display: inline-block;
  margin-left: .5rem;
  font-size: .875rem;
  color: #6c757d;
}
/* farben je score */
.pwscore-0 #pwStrength .bar { background:#dc3545; width:10%; }
.pwscore-1 #pwStrength .bar { background:#fd7e14; width:30%; }
.pwscore-2 #pwStrength .bar { background:#ffc107; width:60%; }
.pwscore-3 #pwStrength .bar { background:#20c997; width:85%; }
.pwscore-4 #pwStrength .bar { background:#198754; width:100%; }