/* ============================================
   STRENGTH INDICATOR - Sin transiciones para cambio instantáneo
   ============================================ */

.strength-indicator {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.strength-segment {
  flex: 1;
  height: 6px;
  background: var(--border-color);
  border-radius: 3px;
}

.strength-segment.weak {
  background: #ef4444;
}

.strength-segment.medium {
  background: #f59e0b;
}

.strength-segment.strong {
  background: #10b981;
}

.strength-label {
  font-size: 0.7rem;
  margin-top: 0.5rem;
  text-align: right;
  color: var(--text-muted);
}
