/**
 * ======================================================
 * ARCHIVO: password-policy.css
 * UBICACIÓN: frontend/public/styles/
 * VERSIÓN: 1.0 — Checklist contraseñas en vivo
 * ÚLTIMA ACTUALIZACIÓN: 2026-06-22 14:00
 *
 * 🎯 PROPÓSITO:
 * Estilos del checklist de política de contraseñas (HU-065) en modales auth y panel.
 *
 * ======================================================
 * 📋 REGLAS PARA PRODUCCIÓN:
 * ------------------------------------------------------
 * - Console.log marcados con // @strip se eliminan al generar build para cliente
 * - Esta cabecera se elimina al generar versión para cliente (documentación interna)
 *
 * ======================================================
 * 📋 HISTORIAL DE CAMBIOS:
 * ------------------------------------------------------
 * [1.0] - 2026-06-22 14:00
 *    ✅ Estilos checklist + sugerir contraseña (HU-065)
 * ======================================================
 */

.password-policy {
  margin-top: 8px;
}

.password-policy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.password-policy-item {
  font-size: 0.82rem;
  line-height: 1.35;
  padding-left: 1.1rem;
  position: relative;
}

.password-policy-item::before {
  content: '•';
  position: absolute;
  left: 0;
  font-weight: 700;
}

.password-policy-item--idle {
  color: #64748b;
}

.password-policy-item--fail {
  color: #dc2626;
}

.password-policy-item--ok {
  color: #059669;
}

.password-policy-item--ok::before {
  content: '✓';
}

.password-policy-suggest {
  margin-top: 8px;
  padding: 0;
  font-size: 0.82rem;
  color: var(--hub-accent, #1f4fd8);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.password-policy-suggest:hover {
  color: #1e40af;
}

.login-modal .password-policy-item--idle,
.auth-modal .password-policy-item--idle {
  color: rgba(255, 255, 255, 0.55);
}

.login-modal .password-policy-item--fail,
.auth-modal .password-policy-item--fail {
  color: #fca5a5;
}

.login-modal .password-policy-item--ok,
.auth-modal .password-policy-item--ok {
  color: #6ee7b7;
}

.login-modal .password-policy-suggest,
.auth-modal .password-policy-suggest {
  color: #bfdbfe;
}

.login-modal .password-policy-suggest:hover,
.auth-modal .password-policy-suggest:hover {
  color: #fff;
}