/* ===== Fundo moderno invertido (branco → roxo #6f42c1) ===== */

/* Telas públicas: gradiente branco → roxo */
.app-public {
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #b494e3 50%, /* tom intermediário para suavizar */
    #6f42c1 100% /* roxo final */
  );
}

/* Camada de brilho no rodapé */
.app-public::before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: radial-gradient(
    ellipse at bottom center,
    rgba(255, 255, 255, 0.25) 0%,
    transparent 70%
  );
  pointer-events: none;
}

/* Telas autenticadas: gradiente branco → roxo */
.app-authenticated {
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #ffffff 22%,   /* <- mantém branco puro até ~22% da tela */
    #b494e3 60%,   /* transição suave começa depois */
    #6f42c1 100%
  );
}

/* Camada de brilho no rodapé */
.app-authenticated::before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: radial-gradient(
    ellipse at bottom center,
    rgba(255, 255, 255, 0.25) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.main-content {
  padding: 2rem;  /* Ajuste do padding para a área principal */
}