/* modules/login/login.css — modul-scoped stiler for innloggingsflyten (navnerom .login-mod).
   Reglene utfyller assets/css/login-shell.css (kort/skjema). Holdes minimal. */

.login-mod section { animation: login-fade .18s ease-out; }

@keyframes login-fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.login-mod__code {
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 1.5rem;
  letter-spacing: 0.4em;
  text-align: center;
}

.login-mod__formfeil:empty { display: none; }
.login-mod__formfeil { margin-bottom: 0.5rem; }

/* Knapp i innsendingstilstand */
.login-mod .btn[data-loading="1"] {
  opacity: 0.7;
  pointer-events: none;
}
.login-mod .btn[data-loading="1"]::after {
  content: "";
  display: inline-block;
  width: 0.85em; height: 0.85em;
  margin-left: 0.5em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -0.1em;
  animation: login-spin 0.6s linear infinite;
}
@keyframes login-spin { to { transform: rotate(360deg); } }