/* Shared strength meter + grade colors. Used by Password Audit. */

.strength-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 200px;
}

.strength-label,
.strength-text {
  font-size: 13px;
  letter-spacing: 0.06em;
  white-space: nowrap;
  color: #f0f0f0;
}

.strength-track {
  flex: 1;
  height: 2px;
  background: #4a4a4a;
  overflow: hidden;
}

.strength-fill {
  height: 100%;
  width: 0;
  background: var(--lime);
  transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-fill.weak { background: #ef4444; }
.strength-fill.medium { background: #f59e0b; }
.strength-fill.strong { background: #22d3ee; }
.strength-fill.very-strong { background: #34d399; }

.strength-text.weak,
.grade-badge.weak { color: #ef4444; }

.strength-text.medium,
.grade-badge.medium { color: #f59e0b; }

.strength-text.strong,
.grade-badge.strong { color: #22d3ee; }

.strength-text.very-strong,
.grade-badge.very-strong { color: #34d399; }