/* ==========================================================================
   ACCOUNT STATE — 19 Sep 2026.

   The Account Hub summary used to assert membership from hard-coded demo
   values ("Habitually U Member", "Member since July 2026") whether or not
   anyone was signed in. Those lines are replaced with the real state, read
   from the Supabase session and from nowhere else.

   Additive only. No existing rule is altered. Class names stay clear of the
   -card / -tile / -tag / -pill / -badge / hero suffixes that are repainted
   globally elsewhere in this file, and every colour is stated with
   -webkit-text-fill-color as well, because a global span rule wins over
   colour alone at render time.
   ========================================================================== */
.acs-line{
  display:block; font-size:.88rem; line-height:1.5; font-weight:600;
  color:#31465F !important; -webkit-text-fill-color:#31465F;
  /* an email address is one long unbreakable token; on a 360px phone it has to
     be allowed to wrap or it pushes the whole page sideways */
  min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:break-word;
}
.acs-line.acs-quiet{
  font-weight:500; color:#5A6B7D !important; -webkit-text-fill-color:#5A6B7D;
}
/* .ah-who b is display:block in the Account Hub's own stylesheet, which drops
   "signed in" onto its own oversized line. Stated here so it reads as one
   sentence. */
.acs-line b{
  display:inline; font:inherit; font-weight:800; font-size:inherit;
  color:#243447 !important; -webkit-text-fill-color:#243447;
}
.acs-go{
  display:inline; max-width:100%; overflow-wrap:anywhere; padding:0; margin:0; border:0; background:transparent !important;
  font:inherit; font-weight:800; cursor:pointer; text-decoration:underline;
  text-underline-offset:2px;
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350;
}
.acs-go:hover{ color:#4E6142 !important; -webkit-text-fill-color:#4E6142; }

/* the summary status chip, told the truth rather than a fixed plan name */
.ah-plan[data-acs-state="in"]{
  background:#EDF2EA !important; color:#3F5436 !important;
  -webkit-text-fill-color:#3F5436 !important; border-color:#D5E1CE !important;
}
.ah-plan[data-acs-state="in"] svg{ stroke:#3F5436; }
.ah-plan[data-acs-state="out"]{
  background:#EFECE5 !important; color:#5A6B7D !important;
  -webkit-text-fill-color:#5A6B7D !important; border-color:#E7E1D6 !important;
}
.ah-plan[data-acs-state="out"] svg{ display:none; }

@media (max-width:700px){
  .acs-line{ font-size:.86rem; }
}