/* Estados de acesso e carregamento. Mantidos separados do CSS editorial do guia. */
.access-loading-card {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: min(100%, 360px);
  padding: 28px;
  text-align: center;
}

.access-loading-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid rgba(29, 49, 37, 0.18);
  border-top-color: #1d3125;
  border-radius: 50%;
  animation: access-spin 0.8s linear infinite;
}

.access-loading-card .auth-status {
  margin: 0;
}

@keyframes access-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .access-loading-spinner { animation: none; }
}