/* "Sign in with Google" block in the auth modal / page. sp-* tokens. */
.sp-auth__or { display: flex; align-items: center; gap: 12px; margin: 20px 0 16px; color: var(--sp-faint); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.sp-auth__or::before, .sp-auth__or::after { content: ""; flex: 1; height: 1px; background: var(--sp-hairline); }
/* the GSI button is a fixed-px iframe; centre it and let it sit as a full-width
   peer of the block "Create account" button above (google-auth.js sizes it). */
.google-signin { display: flex; justify-content: center; min-height: 44px; }
.google-signin-error { display: none; margin: 10px 0 0; padding: 9px 12px; border: 1px solid var(--sp-danger-border, rgba(226,24,56,.28)); border-radius: var(--sp-radius); background: var(--sp-brand-wash); color: var(--sp-brand); font-size: 13px; text-align: center; }
/* max-width + balance keeps the two links on one tidy line instead of dropping
   "Privacy Policy." onto its own centred row. */
.sp-auth__consent { max-width: 330px; margin: 18px auto 0; font-size: 12px; line-height: 1.55; color: var(--sp-muted); text-align: center; text-wrap: balance; }
.sp-auth__consent a { color: var(--sp-brand); white-space: nowrap; }
/* Inside a modal, sp-components' `.sp-modal__body p` (0,1,1) sets margin:0 0 sp-4
   and out-ranks the base rule above (0,1,0) - which zeroed the top gap AND the
   `auto` side margins, so the line lost its spacing and its centering. Match the
   modal context to win on specificity (0,2,0), no !important needed. */
.sp-modal__body .sp-auth__consent { margin: 18px auto 0; }

/* account settings: Connect / Disconnect Google (account/index.php) */
.ga-account .ga-status { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14px; color: var(--sp-body); }
.ga-account .ga-status--on { color: var(--sp-ink); }
.ga-account .ga-status--on .material-icons { color: var(--sp-success); font-size: 20px; }
.ga-account .ga-disconnect { margin: 0; }
.ga-account .google-signin { justify-content: flex-start; }