/* The auth pages (site-auth-pages): sign-in, two-factor, password reset, invitation, sign-up. They render inside the
   active concept's authShell and use base.css (forms, buttons, alerts); this file adds only what those pages need,
   from the concept's --pgt-* tokens, so every concept styles them. */
.pgt-auth-page { display: grid; gap: calc(var(--pgt-space-unit) * 2); }
.pgt-auth-page > * { margin-block: 0; }
.pgt-auth__title { font-family: var(--pgt-font-display); font-size: 1.5rem; line-height: 1.25; }
.pgt-auth__label-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--pgt-space-unit); }
.pgt-auth__submit { width: 100%; justify-content: center; }
.pgt-auth__alt { text-align: center; padding-top: calc(var(--pgt-space-unit) * 2); border-top: 1px solid var(--pgt-color-border); }
.pgt-auth__alt a { font-weight: 600; }
.pgt-auth__links { display: flex; flex-wrap: wrap; gap: var(--pgt-space-unit) calc(var(--pgt-space-unit) * 2); justify-content: center; }
.pgt-auth__code { font-family: var(--pgt-font-mono); font-size: 1.375rem; letter-spacing: 0.3em; text-align: center; }
.pgt-auth__more { border: 1px solid var(--pgt-color-border); border-radius: var(--pgt-radius-m); padding: var(--pgt-space-unit) calc(var(--pgt-space-unit) * 1.5); }
.pgt-auth__more > summary { cursor: pointer; font-weight: 600; }
.pgt-auth__more[open] > summary { margin-bottom: calc(var(--pgt-space-unit) * 1.5); }
.pgt-auth__more > summary:focus-visible { outline: 3px solid var(--pgt-color-primary); outline-offset: 2px; }
.pgt-auth__facts { display: grid; grid-template-columns: auto 1fr; gap: calc(var(--pgt-space-unit) * 0.5) calc(var(--pgt-space-unit) * 2); padding: calc(var(--pgt-space-unit) * 1.5); border-radius: var(--pgt-radius-m); background: var(--pgt-color-surface-2); }
.pgt-auth__facts dt { font-weight: 600; color: var(--pgt-color-muted); }
.pgt-auth__facts dd { margin: 0; overflow-wrap: anywhere; }
.pgt-auth__who { display: flex; align-items: center; gap: calc(var(--pgt-space-unit) * 1.5); }
.pgt-link-button { font: inherit; color: var(--pgt-color-primary); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; }
.pgt-link-button:focus-visible { outline: 3px solid var(--pgt-color-primary); outline-offset: 2px; }
[data-pgt-error-summary]:focus { outline: 3px solid var(--pgt-color-danger); outline-offset: 2px; }