/* Demo details belong beside signup, not between its tabs and fields. */
.auth-brand .demo-signup-overview { margin: 30px 0 0; padding: 0; border: 0; border-radius: 0; background: none; color: #fff; }
.auth-brand .demo-signup-overview-header { margin-bottom: 20px; }
.auth-brand .demo-signup-overview h3 { color: #fff; font-size: 24px; line-height: 1.25; }
.auth-brand .demo-signup-overview p { color: #d6e5fc; font-size: 14px; line-height: 1.5; }
.auth-brand .demo-signup-columns { display: block; }
.auth-brand .demo-signup-column { padding: 16px 0; background: none; border: 0; border-top: 1px solid #ffffff36; border-radius: 0; }
.auth-brand .demo-signup-column strong { font-size: 14px; color: #fff; }
.auth-brand .demo-signup-column ul { gap: 7px; }
.auth-brand .demo-signup-column li { font-size: 13px; color: #d6e5fc; }
.auth-brand .demo-signup-column li::before { color: #8fc8ff; }
.auth-brand .demo-signup-after { border-color: #ffffff36; }
.demo-mobile-summary { display: none; }
@media (min-width: 901px) {
  body:not(.native-app-shell) .auth-shell { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  body:not(.native-app-shell) .auth-brand { justify-content: center; min-height: 0; overflow-y: auto; }
  body:not(.native-app-shell) .auth-panel { min-height: 0; overflow-y: auto; align-items: flex-start; }
  body:not(.native-app-shell) .auth-card { margin-block: auto; }
  .auth-brand .standard-auth-brand-content { width: 100%; max-width: 580px; margin: auto; }
}
@media (max-width: 900px) {
  body:not(.native-app-shell) .auth-brand { display: none; }
  .demo-mobile-summary:not(.hidden) { display: block; margin-top: 16px; padding-top: 12px; border-top: 1px solid #dce3ec; color: #526980; font-size: 13px; line-height: 1.5; }
  .demo-mobile-summary summary { cursor: pointer; color: #0866c7; }
  .demo-mobile-summary p { margin: 8px 0; }
}
@media (max-width: 600px) { body:not(.native-app-shell) .auth-brand { display: flex; } }

/* Keep account forms on the page without an enclosing card. */
body .auth-panel .auth-card { border: 0; border-radius: 0; box-shadow: none; background: transparent; }