/* SNS_PHASE_8_4_3_SEPARATE_ACCOUNT_AND_ATTENDANCE */
.sns-account-access-section{
  padding-top:22px;
  padding-bottom:12px;
  background:linear-gradient(180deg,rgba(224,174,62,.035),transparent 80%);
}
.sns-account-access-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.sns-account-access-heading h2{margin:.2rem 0 .35rem;}
.sns-account-access-heading p{margin:0;color:#9aa3af;max-width:760px;line-height:1.5;}
.sns-account-portal-card{
  padding:20px;
  border:1px solid rgba(224,174,62,.30)!important;
  border-left:3px solid #e0ae3e!important;
  border-radius:14px;
  background:#151a21!important;
}
.sns-account-portal-card #registration-auth-signed-in{
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
/* Keep the real registration sign-out control available to JavaScript while
   presenting the single high-contrast My SNS Sign Out control above. */
.sns-account-portal-card #registration-sign-out{display:none!important;}
.sns-account-after-signin{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.sns-account-after-signin article{
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#11161c;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.sns-account-after-signin strong{color:#f4f5f7;font-size:1.02rem;}
.sns-account-after-signin small{color:#9099a6;line-height:1.45;}
.sns-account-after-signin .text-link{margin-top:5px;}

.sns-raceweek-account-gate{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 0 16px;
  padding:18px 20px;
  border:1px solid rgba(224,174,62,.28);
  border-radius:13px;
  background:#151a21;
}
.sns-raceweek-account-gate[hidden]{display:none!important;}
.sns-raceweek-account-gate h2{margin:.15rem 0 .35rem;}
.sns-raceweek-account-gate p{margin:0;color:#9aa3af;max-width:720px;}

/* Race Weekend no longer contains a second visible account-creation form.
   Keep the compatibility auth DOM renderable off-screen (rather than display:none)
   so the existing Supabase/Turnstile security.js can initialize safely. */
.sns-attendance-register-page #registration-auth-signed-out{
  position:fixed!important;
  left:-12000px!important;
  top:0!important;
  width:420px!important;
  max-width:420px!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.sns-attendance-register-page .sns-account-first-auth,
.sns-attendance-register-page .sns-account-flow-steps,
.sns-attendance-register-page .sns-account-security-note{
  position:fixed!important;
  left:-12000px!important;
  top:0!important;
  width:420px!important;
  z-index:-1!important;
  pointer-events:none!important;
}

@media (max-width:760px){
  .sns-account-after-signin{grid-template-columns:1fr;}
  .sns-raceweek-account-gate,
  .sns-account-access-heading{align-items:flex-start;flex-direction:column;}
  .sns-raceweek-account-gate .button{width:100%;text-align:center;}
}
