/* Shared sign-in and recovery layout for canonical and custom domains. */
.auth-console { display: grid; grid-template-rows: 1fr auto; gap: 48px; min-height: calc(100vh - 210px); }
.auth-console__access { width: min(420px, 100%); margin: 24px auto 0; min-width: 0; }
.auth-console__heading { margin-bottom: 24px; }
.auth-console__heading img { display: block; margin-bottom: 16px; opacity: .7; }
.auth-console__heading p { margin: 0 0 8px; color: #68727d; font-size: 11px; font-weight: 600; }
.auth-console__heading h1 { margin: 0; font-family: inherit; font-size: 30px; font-weight: 650; line-height: 1.3; color: #242a30; overflow-wrap: anywhere; }
.auth-console__tabs { display: flex; justify-content: flex-start; gap: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--spot-line); }
.auth-console__tabs a { padding: 8px 0 12px; border-bottom: 2px solid transparent; color: #68727d; font-size: 14px; text-decoration: none; }
.auth-console__tabs a[aria-current="page"] { color: #165a44; border-color: #176b50; font-weight: 600; }
.auth-console .stack { gap: 20px; }
.auth-console form { margin: 0; }
.auth-console label { margin: 0; color: #414e59; font-size: 13px; }
.auth-console input:not([type="hidden"]) { height: 44px; margin: 8px 0 0; padding: 10px 12px; background-color: #fff; border: 1px solid #cbd3d9; border-radius: 5px; color: #242a30; font-size: 14px; box-shadow: none; }
.auth-console input:focus { border-color: #176b50; box-shadow: 0 0 0 2px #176b5020; }
.auth-console input:disabled { background-color: #f0f3f5; }
.auth-console button, .auth-console [role="button"] { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 4px 0 0; padding: 10px 14px; border-radius: 5px; font-size: 14px; font-weight: 600; line-height: 1.5; box-shadow: none; }
.auth-console .auth-google-button { margin: 0; background: #fff; border: 1px solid #cbd3d9; color: #35434e; }
.auth-console .auth-google-button:hover { background: #edf1f4; border-color: #aab7c0; }
.auth-console button:disabled { opacity: .5; cursor: not-allowed; }
.auth-console :is(button, a, summary):focus-visible { outline: 2px solid #176b50; outline-offset: 3px; }
.auth-console .auth-login-divider { margin: 0; font-size: 12px; }
.auth-console__recovery { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 20px; margin-top: 24px; }
.auth-console__recovery a { font-size: 12px; text-decoration: none; }
.auth-console__recovery a[aria-current="page"] { font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.auth-console .state-card { padding: 20px 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.auth-console .state-card h3 { font-family: inherit; font-size: 16px; }
.auth-console .meta { font-size: 12px; color: #68727d; }
.auth-console__data-use { width: min(600px, 100%); margin: 0 auto; padding-top: 20px; border-top: 1px solid var(--spot-line); color: #68727d; font-size: 12px; }
.auth-console__data-use > summary { font-size: 12px; color: #68727d; }
.auth-console__data-use > div { margin-top: 20px; line-height: 1.6; }
.auth-console__data-use p { margin-bottom: 12px; }
.auth-console__data-use nav { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
.shell--auth-console > .banner { width: min(600px, 100%); margin-inline: auto; }
.shell--auth-console .app-footer { margin-top: 28px; }
@media (max-width: 600px) {
  .auth-console { min-height: calc(100vh - 240px); gap: 40px; }
  .auth-console__access { margin-top: 8px; }
  .auth-console__heading h1 { font-size: 26px; }
}