/* Universo de Ideias PRO 5.8 — Portal do Escritor */
body:has(#login:not(.hidden)),
body:has(#register:not(.hidden)),
body:has(#recovery:not(.hidden)) {
  background: linear-gradient(145deg, #10243e, #1c3859);
  min-height: 100vh;
}

body:has(#login:not(.hidden)) main,
body:has(#register:not(.hidden)) main,
body:has(#recovery:not(.hidden)) main {
  max-width: 480px;
  margin: 7vh auto;
  padding: 20px;
}

#login:not(.hidden),
#register:not(.hidden),
#recovery:not(.hidden) {
  background: #ffffff;
  border-radius: 18px;
  border-top: 5px solid #c49a4b;
  padding: 32px;
  box-shadow: 0 18px 50px #0003;
}

#login h3, #register h3, #recovery h3 {
  color: #172b47;
  text-align: center;
  font-size: 23px;
}

#login button, #register button, #recovery button {
  width: 100%;
  background: #b88b3b;
  font-weight: 700;
}

.writer-auth-links {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  font-size: 14px;
}

.writer-auth-links a,
.writer-back a {
  color: #173b66;
  text-decoration: none;
  font-weight: 600;
}

.writer-back {
  text-align: center;
  margin-top: 20px;
}

#login.hidden, #register.hidden, #recovery.hidden {
  display: none !important;
}

@media (max-width: 520px) {
  .writer-auth-links {
    flex-direction: column;
    align-items: center;
  }

  #login:not(.hidden),
  #register:not(.hidden),
  #recovery:not(.hidden) {
    padding: 24px;
  }
}

/* PRO 5.8 — Contraste dos textos sobre o fundo azul */
body:has(#login:not(.hidden)) main > h1,
body:has(#login:not(.hidden)) main > h2,
body:has(#register:not(.hidden)) main > h1,
body:has(#register:not(.hidden)) main > h2,
body:has(#recovery:not(.hidden)) main > h1,
body:has(#recovery:not(.hidden)) main > h2 {
  color: #ffffff !important;
}

body:has(#login:not(.hidden)) main > .muted,
body:has(#register:not(.hidden)) main > .muted,
body:has(#recovery:not(.hidden)) main > .muted {
  color: #d5dfeb;
}

body:has(#login:not(.hidden)) main > p:last-of-type a,
body:has(#register:not(.hidden)) main > p:last-of-type a,
body:has(#recovery:not(.hidden)) main > p:last-of-type a {
  color: #ffffff;
}

/* PRO 5.8 — Correcao do fundo da autenticacao */
body:has(#login:not(.hidden)),
body:has(#register:not(.hidden)),
body:has(#recovery:not(.hidden)) {
  background: linear-gradient(145deg, #10243e, #1c3859) !important;
  background-color: #10243e !important;
}