/* ===== Sign-in page (owned by the public-pages work). Console account rules are at the bottom. ===== */
.auth-page { min-height: 100svh; display: flex; flex-direction: column; background: var(--color-canvas); color: var(--color-ink); }
.auth-page .guide-header .guide-nav { gap: var(--space-2) var(--space-4); }
.auth-page .guide-footer { margin-top: auto; border-top: var(--rule-width) solid var(--color-night-line); }
.auth-layout { width: min(var(--content-width), calc(100% - 2 * var(--space-8))); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); align-items: center; gap: var(--space-16) var(--space-20); padding: var(--space-16) 0 var(--space-20); }
.auth-intro { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: var(--space-6); min-width: 0; }
.auth-intro-title { font-family: var(--font-display); font-weight: var(--weight-display); letter-spacing: var(--tracking-display); max-width: min(100%, 14ch); overflow-wrap: anywhere; margin: 0; font-size: clamp(2.25rem, 4.4vw, 4.25rem); line-height: .96; }
.auth-lede { max-width: 42ch; margin: 0; color: var(--color-muted); font-size: 1.125rem; line-height: 1.55; }
.auth-benefits { list-style: none; padding: 0; margin: var(--space-4) 0 0; width: 100%; }
.auth-benefits li { display: flex; gap: var(--space-5); padding: var(--space-5) 0; border-top: var(--border-width) solid var(--color-border); }
.auth-step { color: var(--color-action); font: var(--text-small)/1.6 var(--font-code); }
.auth-benefits strong { font-weight: var(--weight-label); }
.auth-benefits p { margin: var(--space-1) 0 0; color: var(--color-muted); font-size: var(--text-body); }
.auth-sheet-eyebrow { margin: 0 0 var(--space-6); color: var(--color-muted); font: var(--text-caption)/1.5 var(--font-code); text-transform: uppercase; letter-spacing: .06em; }
.auth-sheet-description { margin: 0 0 var(--space-6); color: var(--color-muted); font-size: var(--text-body); }
.auth-plan { margin: 0; color: var(--color-muted); font-size: var(--text-small); }
.auth-sheet { min-width: 0; padding: var(--space-10) var(--space-8); background: var(--color-surface); color: var(--color-ink); border: var(--rule-width) solid var(--color-ink); border-radius: var(--radius-sheet); box-shadow: none; }
.auth-sheet-label { margin: 0 0 var(--space-3); font: 900 2rem/1.1 var(--font-display); font-stretch: var(--stretch-display); letter-spacing: -.03em; }
.auth-footnote { margin: var(--space-6) 0 0; color: var(--color-muted); font-size: var(--text-small); line-height: 1.6; }
.auth-footnote a { color: var(--color-action); }
#auth-status { margin: 0; padding: var(--space-6) var(--space-2); text-align: center; }
#sign-in { min-height: 100px; width: 100%; }
.auth-switch { border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-5); margin-top: var(--space-5); font-size: var(--text-small); }
#auth-retry { margin: 0 auto var(--space-5); }
@media (max-width: 960px) {
  .auth-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-10); padding-block: var(--space-10) var(--space-12); }
  .auth-intro-title { max-width: min(100%, 20ch); }
  .auth-benefits { display: none; }
  .auth-intro { gap: var(--space-4); }
  .auth-sheet { width: min(100%, 460px); justify-self: center; box-sizing: border-box; }
}
@media (max-width: 640px) {
  .auth-layout { width: calc(100% - 2 * var(--space-5)); padding-block: var(--space-8) var(--space-10); }
  .auth-intro-title { font-size: var(--text-note); line-height: 1.15; }
  .auth-intro { display: none; }
  .auth-sheet-description { margin-bottom: var(--space-4); }
  .auth-intro > :is(.guide-eyebrow, .auth-lede, .text-button) { display: none; }
  .auth-sheet { padding: var(--space-5) var(--space-3); }
  .auth-page .guide-header { padding: var(--space-4) var(--space-5); gap: var(--space-3); }
  .auth-page .guide-header [data-feedback] { display: none; }
  .auth-lede { font-size: var(--text-body); }
  .auth-sheet-eyebrow { margin-bottom: var(--space-4); }
}

/* ===== Protected report share link: the password page reuses the sign-in sheet in one centred column. ===== */
.share-access-layout { grid-template-columns: minmax(0, 460px); justify-content: center; }
.share-access-layout .auth-sheet { width: 100%; box-sizing: border-box; }
.share-access-layout .auth-sheet-label { overflow-wrap: break-word; }
.share-access-form { display: grid; gap: var(--space-5); justify-items: start; }
.share-access-form .ds-field { width: 100%; }

/* ===== Console account control (signed-in header, restyled for paper in console.css). ===== */
#account-control { min-width: 32px; }
@media (max-width: 800px) {
  .auth-user-name { display: none; }
}