/**
 * auth-crimind.css — só o que o template Metronic não cobre nas telas de autenticação:
 * fundo animado noir e cores do medidor de força. Formulários usam as classes padrão do template.
 */

body.auth-bg { min-height: 100vh; }

/* ── Fundo ─────────────────────────────────────────────────────── */
.auth-cm-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(60rem 40rem at 12% 8%, rgba(230, 57, 70, 0.16), transparent 60%),
    radial-gradient(48rem 36rem at 92% 96%, rgba(164, 22, 26, 0.18), transparent 60%),
    #0b0b0d;
}
.auth-cm-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 30% 40%, #000 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at 30% 40%, #000 20%, transparent 75%);
}
.auth-cm-scene::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(230, 57, 70, 0.7), transparent);
  animation: authCmScan 9s ease-in-out infinite;
}
@keyframes authCmScan {
  0%   { transform: translateY(8vh);  opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { transform: translateY(96vh); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-cm-scene::after { animation: none; opacity: 0; }
}

/* Conteúdo acima do fundo */
.auth-cm-root { position: relative; z-index: 1; }

/* Medidor de força (data-nivel 0-4 definido por auth-pages.js) */
[data-nivel="1"] > div:nth-child(-n+1) { background-color: var(--bs-danger) !important; }
[data-nivel="2"] > div:nth-child(-n+2) { background-color: var(--bs-warning) !important; }
[data-nivel="3"] > div:nth-child(-n+3) { background-color: var(--bs-warning) !important; }
[data-nivel="4"] > div:nth-child(-n+4) { background-color: var(--bs-success) !important; }
