/* Auth pages: one access-panel module on the console. */
.bezel--auth .lamp-link { color: var(--ink-2); }
.auth { display: grid; place-items: start center; padding: var(--s-6) var(--gutter) var(--s-8); min-height: calc(100vh - 64px - 88px); }
.auth__mod { width: 100%; max-width: 480px; }
.auth__body { padding: var(--s-5) var(--s-4) var(--s-4); }
.auth__title { font-size: var(--text-xl); font-weight: 700; letter-spacing: -0.01em; margin-bottom: var(--s-2); }
.auth__lead { color: var(--ink-2); margin-bottom: var(--s-5); }
.auth__form { display: block; }
.auth__row { display: grid; gap: 0 var(--s-3); grid-template-columns: 1fr; align-items: start; }
.auth__row .field { align-content: start; }
.auth__row .field__label { white-space: nowrap; }
.auth__stack { display: grid; }
.auth__actions { display: grid; gap: var(--s-3); margin-top: var(--s-4); }
.auth__meta { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); flex-wrap: wrap; margin: calc(-1 * var(--s-2)) 0 var(--s-3); }
.auth__alt { margin-top: var(--s-5); padding-top: var(--s-4); border-top: var(--line); font-size: var(--text-sm); color: var(--ink-2); display: flex; gap: var(--s-2); flex-wrap: wrap; align-items: center; }
.auth__social { margin-top: var(--s-4); }
.auth__social .social-login .btn-google { display: flex; align-items: center; justify-content: center; }
.auth__done { display: grid; gap: var(--s-4); }
.auth__done .lamp { width: 14px; height: 14px; }
.auth__done-row { display: flex; align-items: center; gap: var(--s-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.12em; color: var(--green); }
/* Lite footer (auth pages do not load landing.css): centred under the access panel. */
.sb-auth .foot { border-top: var(--line); padding-block: var(--s-5); }
.sb-auth .foot__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--s-2) var(--s-4); text-align: center; font-size: var(--text-sm); }
.sb-auth .foot__copy { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-3); }
@media (min-width: 720px) {
  .auth { padding-top: var(--s-8); }
  .auth__body { padding: var(--s-6) var(--s-6) var(--s-5); }
  .auth__row { grid-template-columns: 1fr 1fr; }
}