/* O acesso é deliberadamente neutro e não herda o tema da conta. */
html[data-auth-theme],
html[data-theme] {
  color-scheme: light!important;
}

.auth-shell {
  background:
    radial-gradient(circle at 8% 0, rgba(111, 139, 151, .14), transparent 31rem),
    radial-gradient(circle at 94% 92%, rgba(180, 168, 147, .1), transparent 29rem),
    linear-gradient(180deg, #faf9f6 0%, #f1f3f2 100%)!important;
}

.auth-shell .auth-intro {
  background:
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.2), transparent 13rem),
    linear-gradient(145deg, #4f6d7a 0%, #6f8994 58%, #91a4ac 100%)!important;
}

.auth-shell .auth-form-card,
.auth-shell main.container > .auth-layout {
  border-color: rgba(63,83,94,.13)!important;
}

.auth-shell .btn-primary {
  background: linear-gradient(135deg, #506f7c, #718b96)!important;
  box-shadow: 0 12px 28px rgba(65, 94, 106, .18)!important;
}

.auth-shell .auth-intro-mark,
.auth-shell .auth-intro-points {
  display: none!important;
}

.auth-shell .auth-intro-copy {
  margin: 0!important;
}

.auth-shell .auth-intro-copy p {
  max-width: 360px!important;
}

@media (max-width: 820px) {
  .auth-shell main.container {
    padding-top: 24px!important;
  }

  .auth-shell main.container > .auth-layout {
    width: min(560px, 100%)!important;
    grid-template-columns: 1fr!important;
  }

  .auth-shell .auth-intro {
    display: none!important;
  }

  .auth-shell .auth-form-card {
    min-height: 0!important;
  }
}

@media (max-width: 560px) {
  .auth-shell main.container {
    padding: 14px 12px 24px!important;
  }

  .auth-shell main.container > .auth-layout {
    border-radius: 20px!important;
  }
}