/* =========================================================
   MY LEAN EDGE — PAGE-SPECIFIC STYLES
   Breadcrumb, alignment and intro spacing only.
   Shared title typography lives in leanedgesports_styles.css.
   ========================================================= */

.profile-page .profile-breadcrumb {
  font-family: 'Barlow', sans-serif;
}

.profile-page .profile-page-heading-v11 {
  text-align: center !important;
}

.profile-page .profile-page-heading-v11 > span,
.profile-page .profile-page-heading-v11 h1,
.profile-page .profile-page-heading-v11 p {
  text-align: center !important;
}

/* Keep the Profile intro compact beneath the shared site header. */
body.profile-page .profile-main.profile-main-v11 {
  padding-top: 8px !important;
}

body.profile-page .profile-breadcrumb {
  margin-bottom: 12px !important;
}

/* Page-specific eyebrow spacing/weight. Typeface is shared globally. */
body.profile-page .profile-page-heading-v11 > span {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
}

@media (max-width: 768px) {
  body.profile-page .profile-page-heading-v11 > span {
    font-size: 13px !important;
  }
}

body.profile-page .profile-page-heading-v11 p {
  font-family: 'Barlow', sans-serif !important;
}

/* STEP 9 — PRO ACCOUNT TITLE FONT PARITY
   Keep the account panel layout intact; only replace the old
   Barlow Condensed heading face with the site's standard Barlow. */
body.profile-page .profile-account-foundation h2 {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

/* STEP 10 — PRO ACCOUNT PANEL COLOUR PASS
   Keep account/auth behaviour and layout unchanged. Pro uses the
   Lean Edge navy + gold language instead of the previous brown/red mix. */
body.profile-page .profile-account-foundation {
  background: linear-gradient(135deg, rgba(7, 24, 48, .98), rgba(10, 22, 44, .98)) !important;
  border-color: rgba(240, 200, 91, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

body.profile-page .profile-account-icon {
  background: rgba(240, 200, 91, .12);
  color: #f0c85b;
}

body.profile-page .profile-account-foundation > a {
  background: #f0c85b !important;
  color: #07162c !important;
}

body.profile-page .profile-account-foundation > a:hover {
  background: #f7d675 !important;
  color: #07162c !important;
}

/* Preserve the existing authenticated-account green state. */
body.profile-page .profile-account-foundation.is-signed-in {
  border-color: #3c7157 !important;
}

/* STEP 11 — COMPACT PRO STRIP + PROFILE HEADING FONT PARITY
   Keep structure, colours and behaviour unchanged. */
body.profile-page .profile-account-foundation {
  gap: 18px;
  margin-bottom: 24px;
  padding: 16px 22px;
}

body.profile-page .profile-account-icon {
  width: 48px;
  height: 48px;
  font-size: 24px;
  border-radius: 12px;
}

body.profile-page .profile-account-foundation h2 {
  margin: 2px 0;
  font-size: 25px;
  line-height: 1.08;
}

body.profile-page .profile-account-foundation p {
  font-size: 14px;
  line-height: 1.35;
}

body.profile-page .profile-account-foundation > a {
  padding: 12px 16px;
}

/* Use the same standard Barlow family as the corrected page title. */
body.profile-page .profile-section-title-v11 h2,
body.profile-page .profile-card-v11 h3 {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  body.profile-page .profile-account-foundation {
    gap: 14px;
    margin-bottom: 20px;
    padding: 15px 16px;
  }

  body.profile-page .profile-account-icon {
    width: 44px;
    height: 44px;
    font-size: 22px;
  }

  body.profile-page .profile-account-foundation h2 {
    font-size: 22px;
  }

  body.profile-page .profile-account-foundation p {
    font-size: 13px;
  }
}



/* =========================================================
   SAVED CONTENT — MY LEAN EDGE IS THE DESTINATION
   Favourites and saved comparisons now live directly on this page.
   Keep the layout deliberately flat: dividers and rows, not a wall of cards.
   ========================================================= */
body.profile-page .profile-saved-section,
body.profile-page .profile-utility-section,
body.profile-page .profile-support-section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(118, 149, 191, .18);
}

body.profile-page .profile-account-foundation + .profile-saved-section {
  margin-top: 10px;
}

body.profile-page .profile-content-heading > span {
  display: block;
  margin-bottom: 6px;
  color: #ef344c;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

body.profile-page .profile-content-title-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

body.profile-page .profile-content-heading h2 {
  margin: 0;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.profile-page .profile-content-heading p {
  margin: 6px 0 0;
  color: #aebbd0;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

body.profile-page .profile-count {
  color: #6ba7ff;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 800;
}

body.profile-page .profile-saved-content {
  margin-top: 18px;
}

body.profile-page .profile-saved-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  border-top: 1px solid rgba(118, 149, 191, .22);
  border-bottom: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-saved-group {
  min-width: 0;
  padding: 17px 24px 13px 0;
}

body.profile-page .profile-saved-group + .profile-saved-group {
  padding-left: 24px;
  border-left: 1px solid rgba(118, 149, 191, .18);
}

body.profile-page .profile-saved-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  color: #dbe6f5;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

body.profile-page .profile-saved-group-title i {
  color: #6ba7ff;
  font-size: 17px;
}

body.profile-page .profile-saved-list,
body.profile-page .profile-comparison-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.profile-page .profile-saved-item,
body.profile-page .profile-comparison-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  border-top: 1px solid rgba(118, 149, 191, .12);
}

body.profile-page .profile-saved-item:first-child {
  border-top: 0;
}

body.profile-page .profile-saved-item > a,
body.profile-page .profile-comparison-item > a {
  min-width: 0;
  padding: 10px 0;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

body.profile-page .profile-saved-item > a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

body.profile-page .profile-saved-copy {
  min-width: 0;
}

body.profile-page .profile-saved-copy > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-saved-visual {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  overflow: hidden;
  border: 1px solid rgba(107, 167, 255, .28);
  border-radius: 50%;
  background: #0a1d36;
  box-sizing: border-box;
}

body.profile-page .profile-player-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform-origin: center;
}

body.profile-page .profile-player-placeholder,
body.profile-page .profile-draft-badge {
  color: #6ba7ff;
  font-size: 19px;
}

body.profile-page .profile-team-badge {
  border-color: var(--profile-team-b, #e64255);
  background: linear-gradient(145deg, var(--profile-team-a, #174c86) 0 68%, #061426 100%);
  color: #fff;
}

body.profile-page .profile-team-badge::after {
  content: '';
  position: absolute;
  width: 34px;
  height: 6px;
  border-radius: 999px;
  background: var(--profile-team-b, #e64255);
  transform: rotate(-34deg);
  opacity: .8;
}

body.profile-page .profile-team-badge b {
  position: relative;
  z-index: 1;
  font-family: 'Barlow Condensed', 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-shadow: 0 1px 2px rgba(0,0,0,.7);
}

body.profile-page .profile-saved-item > a:hover,
body.profile-page .profile-comparison-item > a:hover {
  color: #6ba7ff;
}

body.profile-page .profile-saved-item small,
body.profile-page .profile-comparison-item small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #8fa0b9;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-remove-saved {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #7f91aa;
  cursor: pointer;
  font-size: 17px;
}

body.profile-page .profile-remove-saved:hover {
  background: rgba(239, 52, 76, .08);
  color: #ef344c;
}

body.profile-page .profile-comparison-list {
  border-top: 1px solid rgba(118, 149, 191, .22);
  border-bottom: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-comparison-item {
  min-height: 58px;
  padding: 0 4px;
}

body.profile-page .profile-comparison-item > a {
  display: block;
}

body.profile-page .profile-comparison-title {
  display: block;
  overflow: hidden;
  color: #f5f8fc;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-comparison-kicker {
  display: block;
  margin-bottom: 2px;
  color: #6ba7ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

body.profile-page .profile-comparison-title {
  color: #8fc0ff;
  font-size: 14px;
  font-weight: 900;
}

body.profile-page .profile-comparison-item small {
  color: #a9b7cb;
}

body.profile-page .profile-empty-saved {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 14px 4px;
  border-top: 1px solid rgba(118, 149, 191, .22);
  border-bottom: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-empty-saved > i {
  color: #526985;
  font-size: 27px;
}

body.profile-page .profile-empty-saved strong {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 800;
}

body.profile-page .profile-empty-saved p {
  margin: 0;
  color: #8fa0b9;
  font-size: 12px;
  line-height: 1.4;
}

body.profile-page .profile-empty-saved a {
  color: #6ba7ff;
  font-weight: 700;
  text-decoration: none;
}

body.profile-page .profile-content-heading-compact {
  margin-bottom: 12px;
}

body.profile-page .profile-utility-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(118, 149, 191, .22);
  border-bottom: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-utility-links > a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 10px 18px 10px 0;
  color: #fff;
  text-decoration: none;
}

body.profile-page .profile-utility-links > a + a {
  padding-left: 24px;
  border-left: 1px solid rgba(118, 149, 191, .18);
}

body.profile-page .profile-utility-links > a > i:first-child {
  color: #6ba7ff;
  font-size: 21px;
}

body.profile-page .profile-utility-links > a > i:last-child {
  color: #6ba7ff;
  font-size: 16px;
}

body.profile-page .profile-utility-links b {
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 900;
}

body.profile-page .profile-utility-links small {
  display: block;
  margin-top: 3px;
  color: #8fa0b9;
  font-size: 11px;
}

body.profile-page .profile-utility-links > a:hover b {
  color: #6ba7ff;
}

body.profile-page .profile-support-section {
  margin-top: 28px;
  padding-bottom: 12px;
}

body.profile-page .profile-flat-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  padding: 2px 0;
}

body.profile-page .profile-flat-links a {
  position: relative;
  padding: 5px 16px 5px 0;
  margin-right: 16px;
  color: #9eb0c8;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

body.profile-page .profile-flat-links a:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #4c6380;
  transform: translateY(-50%);
}

body.profile-page .profile-flat-links a:hover {
  color: #fff;
}

@media (max-width: 900px) {
  body.profile-page .profile-saved-groups {
    grid-template-columns: 1fr;
  }

  body.profile-page .profile-saved-group,
  body.profile-page .profile-saved-group + .profile-saved-group {
    padding: 16px 0 12px;
    border-left: 0;
  }

  body.profile-page .profile-saved-group + .profile-saved-group {
    border-top: 1px solid rgba(118, 149, 191, .18);
  }
}

@media (max-width: 760px) {
  body.profile-page .profile-saved-section,
  body.profile-page .profile-utility-section,
  body.profile-page .profile-support-section {
    margin-top: 24px;
    padding-top: 22px;
  }

  body.profile-page .profile-account-foundation + .profile-saved-section {
    margin-top: 4px;
  }

  body.profile-page .profile-content-heading h2 {
    font-size: 22px;
  }

  body.profile-page .profile-content-heading > span {
    font-size: 10px;
  }

  body.profile-page .profile-utility-links {
    grid-template-columns: 1fr;
  }

  body.profile-page .profile-utility-links > a,
  body.profile-page .profile-utility-links > a + a {
    padding: 10px 4px;
    border-left: 0;
  }

  body.profile-page .profile-utility-links > a + a {
    border-top: 1px solid rgba(118, 149, 191, .18);
  }

  body.profile-page .profile-flat-links {
    align-items: flex-start;
    flex-direction: column;
  }

  body.profile-page .profile-flat-links a {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid rgba(118, 149, 191, .12);
  }

  body.profile-page .profile-flat-links a:last-child {
    border-bottom: 1px solid rgba(118, 149, 191, .12);
  }

  body.profile-page .profile-flat-links a::after {
    display: none;
  }
}


@media (max-width: 760px) {
  body.profile-page .profile-saved-item > a {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  body.profile-page .profile-saved-visual {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  body.profile-page .profile-comparison-item {
    min-height: 62px;
  }
}

/* STEP 12 — SAVED COMPARISON OPEN AFFORDANCE
   Keep the row flat; the chevron simply clarifies that the saved item reopens. */
body.profile-page .profile-comparison-item {
  position: relative;
}

body.profile-page .profile-comparison-item > a {
  padding-right: 34px;
}

body.profile-page .profile-comparison-open-icon {
  position: absolute;
  top: 50%;
  right: 39px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: #6ba7ff;
  font-size: 14px;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .88;
}

body.profile-page .profile-comparison-item > a:hover .profile-comparison-open-icon {
  color: #8fc0ff;
  opacity: 1;
}

/* STEP 14 — PLAYER / TEAM COMPARISON LINEUP
   Give each side of a normal comparison its own breathing room instead of
   presenting the full matchup as one compressed text string. */
body.profile-page .profile-comparison-participants {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  min-width: 0;
}

body.profile-page .profile-comparison-part {
  display: inline-block;
  min-width: 0;
}

body.profile-page .profile-comparison-vs {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 18px;
  padding: 0 5px;
  border: 1px solid rgba(107, 167, 255, .22);
  border-radius: 999px;
  background: rgba(107, 167, 255, .07);
  color: #8fa0b9;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  box-sizing: border-box;
}

body.profile-page .profile-comparison-item:not(.is-draft-comparison) .profile-comparison-title {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.35;
}

@media (max-width: 760px) {
  body.profile-page .profile-comparison-participants {
    gap: 5px 6px;
  }

  body.profile-page .profile-comparison-vs {
    min-width: 22px;
    height: 17px;
    padding: 0 4px;
  }
}


/* =========================================================
   PHONE REBUILD — MY LEAN EDGE
   Preserve the signed-off desktop layout. On phone, tighten the hero and
   Pro strip, make saved content easier to scan, and give long comparisons
   a deliberate vertical rhythm instead of letting them bunch together.
   ========================================================= */
@media (max-width: 760px) {
  body.profile-page .profile-main.profile-main-v11 {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 6px !important;
  }

  body.profile-page .profile-breadcrumb {
    margin-bottom: 10px !important;
    font-size: 12px;
  }

  body.profile-page .profile-page-heading-v11 {
    margin-bottom: 18px;
  }

  body.profile-page .profile-page-heading-v11 > span {
    font-size: 11px !important;
    letter-spacing: .2em !important;
  }

  body.profile-page .profile-page-heading-v11 h1 {
    margin-top: 9px !important;
    margin-bottom: 7px !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: .035em !important;
  }

  body.profile-page .profile-page-heading-v11 p {
    max-width: 330px;
    margin: 0 auto !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }

  body.profile-page .profile-account-foundation {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px 12px;
    margin-bottom: 18px;
    padding: 14px 14px 13px;
    border-radius: 16px;
  }

  body.profile-page .profile-account-icon {
    width: 42px;
    height: 42px;
    align-self: start;
    border-radius: 11px;
    font-size: 21px;
  }

  body.profile-page .profile-account-foundation > div:nth-child(2) {
    min-width: 0;
  }

  body.profile-page .profile-account-foundation > div:nth-child(2) > span {
    font-size: 10px;
    letter-spacing: .14em;
  }

  body.profile-page .profile-account-foundation h2 {
    margin: 2px 0 3px;
    font-size: 19px;
    line-height: 1.08;
  }

  body.profile-page .profile-account-foundation p {
    margin: 0;
    font-size: 12px;
    line-height: 1.38;
  }

  body.profile-page .profile-account-foundation > a {
    grid-column: 1 / -1;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 2px;
    padding: 9px 12px;
    border-radius: 11px;
    font-size: 13px;
  }

  body.profile-page .profile-saved-section,
  body.profile-page .profile-utility-section,
  body.profile-page .profile-support-section {
    margin-top: 18px;
    padding-top: 18px;
  }

  body.profile-page .profile-account-foundation + .profile-saved-section {
    margin-top: 0;
  }

  body.profile-page .profile-content-title-row {
    gap: 8px;
  }

  body.profile-page .profile-content-heading h2 {
    font-size: 20px;
    line-height: 1.12;
  }

  body.profile-page .profile-count {
    font-size: 10px;
    white-space: nowrap;
  }

  body.profile-page .profile-content-heading p {
    margin-top: 5px;
    max-width: 360px;
    font-size: 11.5px;
    line-height: 1.4;
  }

  body.profile-page .profile-saved-content {
    margin-top: 12px;
  }

  body.profile-page .profile-empty-saved {
    min-height: 0;
    gap: 10px;
    padding: 12px 4px;
  }

  body.profile-page .profile-empty-saved > i {
    font-size: 23px;
  }

  body.profile-page .profile-empty-saved strong {
    margin-bottom: 2px;
    font-size: 13px;
  }

  body.profile-page .profile-empty-saved p {
    font-size: 11px;
    line-height: 1.35;
  }

  body.profile-page .profile-saved-group,
  body.profile-page .profile-saved-group + .profile-saved-group {
    padding: 13px 0 10px;
  }

  body.profile-page .profile-saved-group-title {
    margin-bottom: 2px;
    font-size: 10px;
  }

  body.profile-page .profile-saved-item {
    min-height: 50px;
    gap: 8px;
  }

  body.profile-page .profile-saved-item > a {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
    font-size: 13px;
  }

  body.profile-page .profile-saved-visual {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  body.profile-page .profile-comparison-item {
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 6px;
    min-height: 0;
    padding: 0 2px;
  }

  body.profile-page .profile-comparison-item > a {
    padding: 11px 44px 11px 2px;
    font-size: 13px;
  }

  body.profile-page .profile-comparison-kicker {
    margin-bottom: 3px;
    font-size: 8px;
    letter-spacing: .13em;
  }

  body.profile-page .profile-comparison-title,
  body.profile-page .profile-comparison-item.is-draft-comparison .profile-comparison-title {
    font-size: 13px;
    line-height: 1.3;
  }

  body.profile-page .profile-comparison-item small {
    margin-top: 3px;
    font-size: 10.5px;
    line-height: 1.25;
  }

  body.profile-page .profile-comparison-open-icon {
    right: 31px;
    width: 18px;
    height: 18px;
    font-size: 13px;
  }

  body.profile-page .profile-remove-saved {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  /* On phone, long Player/Team comparisons read as a clean vertical matchup.
     Each participant gets its own line and the VS marker becomes a small lead-in
     rather than sitting at the end of the previous name. */
  body.profile-page .profile-comparison-participants {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  body.profile-page .profile-comparison-vs {
    display: none;
  }

  body.profile-page .profile-comparison-part {
    display: block;
    min-width: 0;
    line-height: 1.28;
  }

  body.profile-page .profile-comparison-part + .profile-comparison-part::before {
    content: 'VS';
    display: inline-grid;
    place-items: center;
    min-width: 21px;
    height: 16px;
    margin-right: 6px;
    padding: 0 4px;
    border: 1px solid rgba(107, 167, 255, .22);
    border-radius: 999px;
    background: rgba(107, 167, 255, .07);
    color: #8fa0b9;
    font-size: 7px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06em;
    vertical-align: 1px;
    box-sizing: border-box;
  }

  body.profile-page .profile-utility-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.profile-page .profile-utility-links > a,
  body.profile-page .profile-utility-links > a + a {
    grid-template-columns: 28px minmax(0, 1fr) 14px;
    gap: 8px;
    min-height: 64px;
    padding: 9px 10px 9px 0;
    border-top: 0;
  }

  body.profile-page .profile-utility-links > a + a {
    padding-left: 12px;
    border-left: 1px solid rgba(118, 149, 191, .18);
  }

  body.profile-page .profile-utility-links > a > i:first-child {
    font-size: 18px;
  }

  body.profile-page .profile-utility-links b {
    font-size: 12.5px;
    line-height: 1.15;
  }

  body.profile-page .profile-utility-links small {
    font-size: 9.5px;
    line-height: 1.25;
  }

  body.profile-page .profile-flat-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    border-top: 1px solid rgba(118, 149, 191, .18);
  }

  body.profile-page .profile-flat-links a {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 10px 8px 10px 0;
    border-top: 0;
    border-bottom: 1px solid rgba(118, 149, 191, .12);
    font-size: 11px;
  }

  body.profile-page .profile-flat-links a:nth-child(even) {
    padding-left: 12px;
    border-left: 1px solid rgba(118, 149, 191, .12);
  }

  body.profile-page .profile-flat-links a:last-child {
    border-bottom: 1px solid rgba(118, 149, 191, .12);
  }

  body.profile-page .profile-flat-links a::after {
    display: none;
  }
}


/* =========================================================
   PHONE SAVED-COMPARISON CARDS — MOBILE-ONLY FINISH
   Desktop remains unchanged. On phone, Player/Team participants become
   compact matchup tiles so long multi-team saves stay readable and balanced.
   ========================================================= */
@media (max-width: 760px) {
  body.profile-page .profile-comparison-item:not(.is-draft-comparison) {
    align-items: start;
  }

  body.profile-page .profile-comparison-item:not(.is-draft-comparison) > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  body.profile-page .profile-comparison-item:not(.is-draft-comparison) .profile-comparison-open-icon {
    top: 16px;
    transform: none;
  }

  body.profile-page .profile-comparison-item:not(.is-draft-comparison) > .profile-remove-saved {
    align-self: start;
    margin-top: 8px;
  }

  body.profile-page .profile-comparison-participants {
    display: grid;
    gap: 6px;
    margin-top: 5px;
  }

  body.profile-page .profile-comparison-participants.is-team-lineup {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.profile-page .profile-comparison-participants.is-player-lineup {
    grid-template-columns: minmax(0, 1fr);
  }

  body.profile-page .profile-comparison-vs {
    display: none;
  }

  body.profile-page .profile-comparison-part {
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid rgba(107, 167, 255, .16);
    border-radius: 8px;
    background: rgba(10, 29, 54, .68);
    color: #a8ceff;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.2;
    box-sizing: border-box;
  }

  body.profile-page .profile-comparison-part + .profile-comparison-part::before {
    content: none;
  }

  body.profile-page .profile-comparison-item:not(.is-draft-comparison) small {
    margin-top: 6px;
  }

  /* Keep the smallest phones comfortable without collapsing the team grid. */
  @media (max-width: 380px) {
    body.profile-page .profile-comparison-participants.is-team-lineup {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}


/* =========================================================
   SAVED HUB EXPANSION — FANTASY / SLEEPERS / TRADES / MOCKS
   Keep the existing My Lean Edge visual language: flat rows, fine dividers,
   restrained blue accents and no dashboard-card redesign.
   ========================================================= */
body.profile-page .profile-hub-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(118, 149, 191, .22);
  border-bottom: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-hub-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  border-top: 1px solid rgba(118, 149, 191, .12);
}

body.profile-page .profile-hub-item:first-child {
  border-top: 0;
}

body.profile-page .profile-hub-item > a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 13px;
  min-width: 0;
  padding: 13px 4px;
  color: #fff;
  text-decoration: none;
}

body.profile-page .profile-hub-item > a:hover .profile-hub-main > strong {
  color: #8fc0ff;
}

body.profile-page .profile-hub-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 167, 255, .25);
  border-radius: 50%;
  background: rgba(10, 29, 54, .78);
  color: #6ba7ff;
  font-size: 20px;
  box-sizing: border-box;
}

body.profile-page .profile-hub-main {
  min-width: 0;
}

body.profile-page .profile-hub-kicker {
  display: block;
  margin-bottom: 3px;
  color: #6ba7ff;
  font-family: 'Barlow', sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

body.profile-page .profile-hub-main > strong {
  display: block;
  overflow: hidden;
  color: #f5f8fc;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-hub-main > small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #a9b7cb;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-hub-open {
  display: grid;
  place-items: center;
  color: #6ba7ff;
  font-size: 14px;
}

body.profile-page .profile-hub-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 16px;
  margin-top: 8px;
  color: #8fa0b9;
  font-size: 10px;
  line-height: 1.2;
}

body.profile-page .profile-hub-stats span {
  white-space: nowrap;
}

body.profile-page .profile-hub-stats b {
  margin-right: 3px;
  color: #dbe8f8;
  font-size: 11px;
}

body.profile-page .profile-fantasy-league.is-active .profile-hub-icon {
  border-color: rgba(107, 167, 255, .45);
  background: rgba(107, 167, 255, .08);
  color: #6ba7ff;
}

body.profile-page .profile-fantasy-league.is-active .profile-hub-kicker {
  color: #6ba7ff;
}

body.profile-page .profile-sleeper-item,
body.profile-page .profile-connected-save {
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 8px;
}

body.profile-page .profile-sleeper-item > a {
  grid-template-columns: 44px minmax(0, 1fr) 24px;
}

body.profile-page .profile-connected-save > a {
  padding-right: 0;
}

body.profile-page .profile-sleeper-item > .profile-remove-saved,
body.profile-page .profile-connected-save > .profile-remove-saved {
  justify-self: end;
}

@media (min-width: 761px) {
  body.profile-page .profile-fantasy-section .profile-hub-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.profile-page .profile-fantasy-section .profile-hub-item:nth-child(2) {
    border-top: 0;
  }

  body.profile-page .profile-fantasy-section .profile-hub-item:nth-child(even) {
    border-left: 1px solid rgba(118, 149, 191, .18);
  }

  body.profile-page .profile-fantasy-section .profile-hub-item:nth-child(even) > a {
    padding-left: 22px;
  }

  body.profile-page .profile-sleeper-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.profile-page .profile-sleeper-list .profile-hub-item:nth-child(2) {
    border-top: 0;
  }

  body.profile-page .profile-sleeper-list .profile-hub-item:nth-child(even) {
    padding-left: 20px;
    border-left: 1px solid rgba(118, 149, 191, .18);
  }
}

@media (max-width: 760px) {
  body.profile-page .profile-hub-item > a {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 10px;
    padding: 11px 2px;
  }

  body.profile-page .profile-hub-icon {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }

  body.profile-page .profile-hub-kicker {
    margin-bottom: 2px;
    font-size: 8px;
    letter-spacing: .13em;
  }

  body.profile-page .profile-hub-main > strong {
    font-size: 13px;
  }

  body.profile-page .profile-hub-main > small {
    font-size: 10.5px;
    line-height: 1.25;
  }

  body.profile-page .profile-hub-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 10px;
    margin-top: 7px;
    font-size: 9.5px;
  }

  body.profile-page .profile-hub-stats b {
    font-size: 10.5px;
  }

  body.profile-page .profile-sleeper-item,
  body.profile-page .profile-connected-save {
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 5px;
  }

  body.profile-page .profile-sleeper-item > a {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
  }
}

/* =========================================================
   SAVED COMPARISON GROUPS — PLAYER / TEAM / DRAFT
   Organise saved comparisons by type, show each Player/Team participant's
   actual saved season, and give Draft comparisons the same VS language.
   ========================================================= */
body.profile-page .profile-comparison-groups {
  border-top: 1px solid rgba(118, 149, 191, .22);
}

body.profile-page .profile-comparison-group + .profile-comparison-group {
  margin-top: 12px;
}

body.profile-page .profile-comparison-group-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 4px 7px;
  color: #dbe6f5;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .13em;
}

body.profile-page .profile-comparison-group-heading small {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 18px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid rgba(107, 167, 255, .18);
  border-radius: 999px;
  background: rgba(107, 167, 255, .06);
  color: #6ba7ff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  box-sizing: border-box;
}

body.profile-page .profile-comparison-group .profile-comparison-list {
  border-top: 0;
}

body.profile-page .profile-comparison-group .profile-comparison-item:first-child {
  border-top: 0;
}

body.profile-page .profile-comparison-lens {
  display: block;
  margin-bottom: 4px;
  color: #6ba7ff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.profile-page .profile-comparison-item.is-draft-comparison .profile-comparison-title {
  overflow: visible;
  color: #8fc0ff;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.35;
}

body.profile-page .profile-comparison-participants.is-draft-lineup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}

@media (max-width: 760px) {
  body.profile-page .profile-comparison-group + .profile-comparison-group {
    margin-top: 10px;
  }

  body.profile-page .profile-comparison-group-heading {
    padding: 10px 2px 6px;
    font-size: 9px;
  }

  body.profile-page .profile-comparison-lens {
    margin-bottom: 5px;
    font-size: 9px;
  }

  body.profile-page .profile-comparison-item.is-draft-comparison {
    align-items: start;
  }

  body.profile-page .profile-comparison-item.is-draft-comparison > a {
    padding: 12px 44px 12px 2px;
  }

  body.profile-page .profile-comparison-item.is-draft-comparison .profile-comparison-open-icon {
    top: 16px;
    transform: none;
  }

  body.profile-page .profile-comparison-item.is-draft-comparison > .profile-remove-saved {
    align-self: start;
    margin-top: 8px;
  }

  body.profile-page .profile-comparison-participants.is-draft-lineup {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin-top: 5px;
  }

  body.profile-page .profile-comparison-participants.is-draft-lineup .profile-comparison-vs {
    display: none;
  }

  body.profile-page .profile-comparison-participants.is-draft-lineup .profile-comparison-part {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid rgba(107, 167, 255, .16);
    border-radius: 8px;
    background: rgba(10, 29, 54, .68);
    color: #a8ceff;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.2;
    box-sizing: border-box;
  }

  body.profile-page .profile-comparison-participants.is-draft-lineup .profile-comparison-part + .profile-comparison-part::before {
    content: 'VS';
    display: inline-grid;
    place-items: center;
    min-width: 21px;
    height: 16px;
    margin-right: 6px;
    padding: 0 4px;
    border: 1px solid rgba(107, 167, 255, .22);
    border-radius: 999px;
    background: rgba(107, 167, 255, .07);
    color: #8fa0b9;
    font-size: 7px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06em;
    box-sizing: border-box;
  }
}

/* =========================================================
   SAVED COMPARISON POLISH — ICONS / ACCENT / DESKTOP HOVER
   Small identity cues only. Keep the flat Lean Edge layout intact.
   ========================================================= */
body.profile-page .profile-comparison-group-heading {
  position: relative;
}

body.profile-page .profile-comparison-group-heading::after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: 2px;
  width: 38px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(107, 167, 255, .68), rgba(107, 167, 255, 0));
  pointer-events: none;
}

body.profile-page .profile-comparison-group-icon {
  flex: 0 0 auto;
  color: #6ba7ff;
  font-size: 15px;
  line-height: 1;
  opacity: .92;
}

body.profile-page .profile-comparison-item,
body.profile-page .profile-comparison-title,
body.profile-page .profile-comparison-vs,
body.profile-page .profile-comparison-open-icon {
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease, transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.profile-page .profile-comparison-item:hover {
    background: rgba(107, 167, 255, .035);
  }

  body.profile-page .profile-comparison-item:hover .profile-comparison-title {
    color: #b9d8ff;
  }

  body.profile-page .profile-comparison-item:hover .profile-comparison-vs {
    border-color: rgba(107, 167, 255, .38);
    background: rgba(107, 167, 255, .11);
    color: #b9c8dc;
  }

  body.profile-page .profile-comparison-item:hover .profile-comparison-open-icon {
    color: #9ac7ff;
    opacity: 1;
    transform: translate(3px, -50%);
  }
}

@media (max-width: 760px) {
  body.profile-page .profile-comparison-group-heading::after {
    left: 2px;
    width: 32px;
  }

  body.profile-page .profile-comparison-group-icon {
    font-size: 12px;
  }
}


/* STEP 24 — UNIFIED SAVED-ROW ACTION RAIL
   My Fantasy / My Sleepers / Saved Trades / Saved Mock Drafts now use the
   same right-edge chevron + remove-control structure as saved comparisons. */
body.profile-page .profile-hub-item {
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
}

body.profile-page .profile-hub-item > a {
  grid-column: 1;
  grid-row: 1;
  grid-template-columns: 44px minmax(0, 1fr);
  padding-right: 34px;
}

body.profile-page .profile-fantasy-league > a {
  grid-column: 1;
}

body.profile-page .profile-hub-item > .profile-remove-saved {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

body.profile-page .profile-hub-open {
  position: absolute;
  top: 50%;
  right: 39px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .88;
  transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.profile-page .profile-hub-item:hover .profile-hub-open {
    color: #9ac7ff;
    opacity: 1;
    transform: translate(3px, -50%);
  }
}

@media (max-width: 760px) {
  body.profile-page .profile-hub-item {
    grid-template-columns: minmax(0, 1fr) 28px;
  }

  body.profile-page .profile-hub-item > a,
  body.profile-page .profile-sleeper-item > a {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding-right: 30px;
  }

  body.profile-page .profile-fantasy-league > a {
    grid-column: 1;
  }

  body.profile-page .profile-hub-open {
    right: 31px;
    width: 18px;
    height: 18px;
    font-size: 13px;
  }
}


/* STEP 25 — FULL-WIDTH SAVED HUB ROWS
   Keep My Fantasy / My Sleepers on the same full-width row structure as
   Player / Team / Draft compares so the chevron and remove rails line up. */
@media (min-width: 761px) {
  body.profile-page .profile-fantasy-section .profile-hub-list,
  body.profile-page .profile-sleeper-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.profile-page .profile-fantasy-section .profile-hub-item:nth-child(even),
  body.profile-page .profile-sleeper-list .profile-hub-item:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }

  body.profile-page .profile-fantasy-section .profile-hub-item:nth-child(even) > a {
    padding-left: 4px;
  }
}

/* =========================================================
   COMPACT PRO LOGIN STRIP
   My Lean Edge should foreground saved content, not an account advert.
   Keep the genuine Pro gold language while reducing the panel to one action.
   ========================================================= */
body.profile-page .profile-account-foundation.profile-account-foundation--compact {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 0;
  margin-bottom: 20px;
  padding: 10px 14px;
}

body.profile-page .profile-account-foundation--compact .profile-account-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  font-size: 17px;
}

body.profile-page .profile-account-foundation--compact .profile-account-label {
  color: #f0c85b;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  white-space: nowrap;
}

body.profile-page .profile-account-foundation--compact > a {
  margin-left: auto;
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 760px) {
  body.profile-page .profile-account-foundation.profile-account-foundation--compact {
    gap: 10px;
    margin-bottom: 18px;
    padding: 10px 12px;
  }

  body.profile-page .profile-account-foundation--compact .profile-account-icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  body.profile-page .profile-account-foundation--compact .profile-account-label {
    font-size: 11px;
    letter-spacing: .12em;
  }

  body.profile-page .profile-account-foundation--compact > a {
    padding: 9px 11px;
    font-size: 12px;
  }
}

/* =========================================================
   MY LEAN EDGE — ACCOUNT ACTION ONLY
   07 Oct 2026: replace the Pro banner/strip with one compact
   account action. profile-account.js switches LOGIN → MANAGE
   when account-auth reports an authenticated user.
   ========================================================= */
body.profile-page .profile-account-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.profile-page .profile-account-action > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(244, 197, 66, .72);
  border-radius: 9px;
  background: #f4c542;
  color: #07152b;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform .16s ease, filter .16s ease;
}

body.profile-page .profile-account-action > a:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

body.profile-page .profile-account-action + .profile-saved-section {
  margin-top: 0;
}

@media (max-width: 720px) {
  body.profile-page .profile-account-action {
    margin-bottom: 16px;
  }

  body.profile-page .profile-account-action > a {
    min-height: 36px;
    padding: 0 14px;
    font-size: 11px;
  }
}


/* =========================================================
   MY LEAN EDGE — PRO ACCOUNT ACTION IN HERO
   07 Oct 2026: keep the account control inside the profile hero
   so it no longer floats in a separate band between dividers.
   ========================================================= */
body.profile-page .profile-page-heading-v11 .profile-account-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.profile-page .profile-page-heading-v11 .profile-account-action > a {
  min-height: 44px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 12px;
  letter-spacing: .05em;
}

body.profile-page .profile-page-heading-v11 + .profile-saved-section {
  margin-top: 20px;
}

@media (max-width: 720px) {
  body.profile-page .profile-page-heading-v11 .profile-account-action {
    margin-top: 12px;
  }

  body.profile-page .profile-page-heading-v11 .profile-account-action > a {
    min-height: 40px;
    padding: 0 18px;
    font-size: 11px;
  }

  body.profile-page .profile-page-heading-v11 + .profile-saved-section {
    margin-top: 16px;
  }
}

/* 2026-10-07 — YOUR ACCOUNT integrated into the CURRENT My Lean Edge profile.
   IMPORTANT: this sits on top of the latest blue Fantasy + unified action-rail state. */
body.profile-page .profile-hero-account{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px);
  gap:clamp(38px,5vw,72px);
  align-items:center;
  padding:16px 0 30px;
}
body.profile-page .profile-hero-copy{
  min-width:0;
}
body.profile-page .profile-hero-account .profile-page-heading-v11,
body.profile-page .profile-hero-account .profile-page-heading-v11>span,
body.profile-page .profile-hero-account .profile-page-heading-v11 h1,
body.profile-page .profile-hero-account .profile-page-heading-v11 p{
  text-align:left!important;
}
body.profile-page .profile-hero-account .profile-page-heading-v11{
  margin:0;
  padding:0;
}
body.profile-page .profile-hero-account .profile-page-heading-v11 h1{
  max-width:720px;
}
body.profile-page .profile-hero-account .profile-page-heading-v11 p{
  max-width:620px;
}
body.profile-page .profile-account-card{
  width:100%;
  box-sizing:border-box;
  background:linear-gradient(145deg,rgba(8,25,50,.98),rgba(8,21,43,.98));
  border:1px solid rgba(240,200,91,.48);
  border-radius:18px;
  padding:27px 26px 25px;
  box-shadow:0 18px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
}
body.profile-page .profile-account-eyebrow{
  display:block;
  margin-bottom:8px;
  color:#8da0bf;
  font:800 10px/1 Barlow,sans-serif;
  letter-spacing:.18em;
}
body.profile-page .profile-account-form h2,
body.profile-page .profile-account-welcome h2{
  margin:0 0 15px;
  color:#f0c85b;
  font:900 20px/1.05 Barlow,sans-serif;
  letter-spacing:.02em;
}
body.profile-page .profile-account-form>p,
body.profile-page .profile-account-welcome>p{
  margin:0 0 16px;
  color:#9eabc0;
  font:500 13px/1.5 Barlow,sans-serif;
}
body.profile-page .profile-account-form label{
  display:block;
  margin:14px 0;
  color:#d9e0eb;
  font:700 12px Barlow,sans-serif;
}
body.profile-page .profile-account-form input{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:45px;
  margin-top:7px;
  padding:0 12px;
  color:#fff;
  background:#09172f;
  border:1px solid #34486c;
  border-radius:8px;
  font:500 14px Barlow,sans-serif;
  outline:none;
}
body.profile-page .profile-account-form input:focus{
  border-color:#f0c85b;
  box-shadow:0 0 0 3px rgba(240,200,91,.1);
}
body.profile-page .profile-account-form label small{
  display:block;
  margin-top:6px;
  color:#8390a7;
}
body.profile-page .profile-account-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  box-sizing:border-box;
  margin-top:15px;
  padding:13px 16px;
  border:0;
  border-radius:8px;
  background:#f0c85b;
  color:#07162c;
  text-decoration:none;
  font:800 13px Barlow,sans-serif;
  cursor:pointer;
}
body.profile-page .profile-account-primary:hover{background:#f7d675;}
body.profile-page .profile-account-primary:disabled{opacity:.6;}
body.profile-page .profile-account-text-link,
body.profile-page .profile-account-back{
  display:block;
  margin:13px auto 0;
  padding:0;
  border:0;
  background:transparent;
  color:#9fbdf8;
  text-align:center;
  text-decoration:none;
  font:700 12px Barlow,sans-serif;
  cursor:pointer;
}
body.profile-page .profile-account-back{
  margin:0 0 18px;
  text-align:left;
}
body.profile-page .profile-account-message{
  margin-top:15px;
  padding:10px 12px;
  border-radius:8px;
  background:rgba(80,190,122,.12);
  color:#8ce3aa;
  font:700 12px/1.4 Barlow,sans-serif;
}
body.profile-page .profile-account-message.error{
  background:rgba(239,98,104,.12);
  color:#ff969c;
}
body.profile-page .profile-account-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:3px 0 7px;
  padding:7px 10px;
  border-radius:99px;
  background:rgba(70,170,105,.12);
  color:#9fe1b4;
  font:800 11px Barlow,sans-serif;
}
body.profile-page .profile-account-actions{
  margin-top:12px;
  text-align:center;
}
body.profile-page .profile-account-actions button{
  border:0;
  background:transparent;
  color:#9fbdf8;
  font:700 12px Barlow,sans-serif;
  cursor:pointer;
}
body.profile-page .profile-hero-account + .profile-saved-section{
  margin-top:0!important;
  padding-top:26px;
}
@media(max-width:900px){
  body.profile-page .profile-hero-account{
    grid-template-columns:1fr;
    gap:22px;
    padding:8px 0 24px;
  }
  body.profile-page .profile-hero-account .profile-page-heading-v11,
  body.profile-page .profile-hero-account .profile-page-heading-v11>span,
  body.profile-page .profile-hero-account .profile-page-heading-v11 h1,
  body.profile-page .profile-hero-account .profile-page-heading-v11 p{
    text-align:center!important;
    margin-left:auto;
    margin-right:auto;
  }
  body.profile-page .profile-account-card{
    max-width:520px;
    margin:0 auto;
  }
}
@media(max-width:560px){
  body.profile-page .profile-account-card{
    padding:22px 17px 20px;
    border-radius:14px;
  }
  body.profile-page .profile-account-form input{height:44px;}
}

/* =========================================================
   2026-10-07 — MY LEAN EDGE DESKTOP REVAMP
   Target: approved flat Lean Edge mock. No generic card wall.
   ========================================================= */

body.profile-page .profile-main.profile-main-v11 {
  padding-top: 8px !important;
}

body.profile-page .profile-breadcrumb {
  margin-bottom: 8px !important;
}

/* ---------- hero ---------- */
body.profile-page .profile-dashboard-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(390px, .78fr);
  align-items: center;
  min-height: 345px;
  margin-top: 0;
  padding: 28px 36px 30px;
  overflow: hidden;
  border-top: 1px solid rgba(107, 167, 255, .18);
  border-bottom: 1px solid rgba(107, 167, 255, .26);
  background:
    radial-gradient(circle at 30% 42%, rgba(23, 79, 139, .16), transparent 44%),
    linear-gradient(90deg, rgba(6, 22, 43, .34), rgba(5, 18, 36, .04));
  box-sizing: border-box;
}

body.profile-page .profile-dashboard-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -110px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107,167,255,.07), rgba(107,167,255,0) 67%);
  pointer-events: none;
}

body.profile-page .profile-dashboard-intro {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 18px 44px 18px 12px;
}

body.profile-page .profile-dashboard-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #6ba7ff;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .28em;
}

body.profile-page .profile-dashboard-intro h1 {
  margin: 0;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: clamp(46px, 4.15vw, 68px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: .015em;
}

body.profile-page .profile-dashboard-intro > p {
  margin: 14px 0 0;
  color: #b1bfd3;
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
}

body.profile-page .profile-dashboard-stats {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: 42px;
}

body.profile-page .profile-dashboard-stat {
  display: grid;
  grid-template-columns: 44px auto;
  align-items: center;
  gap: 12px;
  min-width: 180px;
  padding: 4px 28px 4px 0;
}

body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
  margin-left: 28px;
  padding-left: 28px;
  border-left: 1px solid rgba(107,167,255,.28);
}

body.profile-page .profile-dashboard-stat > i {
  font-size: 34px;
}

body.profile-page .profile-dashboard-stat-favourites > i { color: #ef344c; }
body.profile-page .profile-dashboard-stat-comparisons > i { color: #78aaff; }
body.profile-page .profile-dashboard-stat-fantasy > i { color: #f0c85b; }

body.profile-page .profile-dashboard-stat span {
  display: flex;
  flex-direction: column;
}

body.profile-page .profile-dashboard-stat b {
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: .95;
}

body.profile-page .profile-dashboard-stat small {
  margin-top: 6px;
  color: #c2ccda;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 500;
}

/* ---------- integrated account, deliberately NOT another card ---------- */
body.profile-page .profile-account-card.profile-account-integrated {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 12px 10px 12px 44px;
  border: 0;
  border-left: 1px solid rgba(107,167,255,.30);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-eyebrow {
  margin-bottom: 7px;
  color: #8fa0b9;
  font-size: 10px;
  letter-spacing: .20em;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
  margin-bottom: 17px;
  font-size: 22px;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-form label {
  margin: 13px 0;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-form input {
  height: 43px;
  background: rgba(6, 21, 42, .78);
  border-color: rgba(86, 122, 171, .58);
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
  min-height: 44px;
  margin-top: 14px;
}

body.profile-page .profile-account-inline-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 13px;
}

body.profile-page .profile-account-inline-links .profile-account-text-link {
  width: auto;
  margin: 0;
  font-size: 11px;
  text-align: left;
}

body.profile-page .profile-account-inline-links .profile-account-text-link + .profile-account-text-link {
  position: relative;
  padding-left: 17px;
}

body.profile-page .profile-account-inline-links .profile-account-text-link + .profile-account-text-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background: rgba(107,167,255,.28);
  transform: translateY(-50%);
}

/* ---------- 2-column saved content ---------- */
body.profile-page .profile-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 28px;
  row-gap: 0;
  margin-top: 0;
}

body.profile-page .profile-dashboard-panel {
  position: relative;
  min-width: 0;
  margin-top: 0 !important;
  padding: 24px 0 20px !important;
  border-top: 1px solid rgba(107,167,255,.22) !important;
}

body.profile-page .profile-dashboard-panel:nth-child(even) {
  padding-left: 28px !important;
  border-left: 1px solid rgba(107,167,255,.18);
}

body.profile-page .profile-dashboard-panel .profile-content-heading {
  position: relative;
  padding-left: 48px;
}

body.profile-page .profile-dashboard-panel .profile-content-heading::before {
  position: absolute;
  left: 0;
  top: -2px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  font-family: "tabler-icons";
  font-size: 28px;
  line-height: 1;
}

body.profile-page .profile-dashboard-favourites .profile-content-heading::before {
  content: "\\f6a6";
  color: #ef344c;
}
body.profile-page .profile-dashboard-comparisons .profile-content-heading::before {
  content: "\\ea79";
  color: #78aaff;
}
body.profile-page .profile-dashboard-fantasy .profile-content-heading::before {
  content: "\\eb8c";
  color: #f0c85b;
}
body.profile-page .profile-dashboard-sleepers .profile-content-heading::before {
  content: "\\eae8";
  color: #ef344c;
}
body.profile-page .profile-dashboard-trades .profile-content-heading::before {
  content: "\\ea84";
  color: #78aaff;
}
body.profile-page .profile-dashboard-mocks .profile-content-heading::before {
  content: "\\ea46";
  color: #78aaff;
}

body.profile-page .profile-dashboard-panel .profile-content-heading h2 {
  font-size: 22px;
}

body.profile-page .profile-dashboard-panel .profile-content-heading p {
  margin-top: 3px;
  font-size: 12px;
}

body.profile-page .profile-dashboard-panel .profile-saved-content {
  margin-top: 14px;
}

/* Flat rows across the dashboard. */
body.profile-page .profile-dashboard-panel .profile-saved-groups,
body.profile-page .profile-dashboard-panel .profile-comparison-groups,
body.profile-page .profile-dashboard-panel .profile-hub-list,
body.profile-page .profile-dashboard-panel .profile-comparison-list,
body.profile-page .profile-dashboard-panel .profile-empty-saved {
  background: transparent !important;
  border-color: rgba(107,167,255,.18) !important;
}

body.profile-page .profile-dashboard-panel .profile-saved-group {
  padding-top: 12px;
  padding-bottom: 10px;
}

body.profile-page .profile-dashboard-panel .profile-saved-item,
body.profile-page .profile-dashboard-panel .profile-comparison-item,
body.profile-page .profile-dashboard-panel .profile-hub-item {
  min-height: 58px;
}

body.profile-page .profile-dashboard-panel .profile-saved-item > a,
body.profile-page .profile-dashboard-panel .profile-comparison-item > a,
body.profile-page .profile-dashboard-panel .profile-hub-item > a {
  padding-top: 11px;
  padding-bottom: 11px;
}

/* Prevent old desktop 2-up internals fighting the new page-level grid. */
@media (min-width: 901px) {
  body.profile-page .profile-dashboard-panel .profile-saved-groups,
  body.profile-page .profile-dashboard-panel .profile-fantasy-section .profile-hub-list,
  body.profile-page .profile-dashboard-panel .profile-sleeper-list {
    grid-template-columns: 1fr !important;
  }

  body.profile-page .profile-dashboard-panel .profile-saved-group + .profile-saved-group,
  body.profile-page .profile-dashboard-panel .profile-hub-item:nth-child(even),
  body.profile-page .profile-dashboard-panel .profile-sleeper-list .profile-hub-item:nth-child(even) {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.profile-page .profile-dashboard-panel .profile-fantasy-section .profile-hub-item:nth-child(even) > a {
    padding-left: 4px !important;
  }
}

/* Existing bottom areas stay full width and flat. */
body.profile-page .profile-utility-section,
body.profile-page .profile-support-section {
  margin-top: 0;
  padding-top: 24px;
}

/* ---------- responsive ---------- */
@media (max-width: 1120px) {
  body.profile-page .profile-dashboard-hero {
    grid-template-columns: minmax(0, 1fr) minmax(350px, .82fr);
    padding-left: 24px;
    padding-right: 24px;
  }

  body.profile-page .profile-dashboard-intro {
    padding-right: 28px;
  }

  body.profile-page .profile-dashboard-stat {
    min-width: 150px;
  }
}

@media (max-width: 900px) {
  body.profile-page .profile-dashboard-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 24px 18px 26px;
  }

  body.profile-page .profile-dashboard-intro {
    padding: 6px 0 20px;
    text-align: center;
  }

  body.profile-page .profile-dashboard-eyebrow {
    font-size: 11px;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 38px;
  }

  body.profile-page .profile-dashboard-intro > p {
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
  }

  body.profile-page .profile-dashboard-stats {
    justify-content: center;
    margin-top: 28px;
  }

  body.profile-page .profile-account-card.profile-account-integrated {
    max-width: 520px;
    margin: 0 auto;
    padding: 22px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(107,167,255,.28);
  }

  body.profile-page .profile-dashboard-grid {
    grid-template-columns: 1fr;
  }

  body.profile-page .profile-dashboard-panel:nth-child(even) {
    padding-left: 0 !important;
    border-left: 0;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-hero {
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 12px;
    padding-right: 12px;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 31px;
  }

  body.profile-page .profile-dashboard-intro > p {
    font-size: 13px;
  }

  body.profile-page .profile-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    min-width: 0;
    margin-left: 0;
    padding: 4px 8px;
  }

  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    border-left: 1px solid rgba(107,167,255,.24);
  }

  body.profile-page .profile-dashboard-stat {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 5px;
    text-align: center;
  }

  body.profile-page .profile-dashboard-stat > i {
    font-size: 23px;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 20px;
  }

  body.profile-page .profile-dashboard-stat small {
    font-size: 9px;
  }

  body.profile-page .profile-account-inline-links {
    display: grid;
    justify-items: center;
    gap: 10px;
  }

  body.profile-page .profile-account-inline-links .profile-account-text-link + .profile-account-text-link {
    padding-left: 0;
  }

  body.profile-page .profile-account-inline-links .profile-account-text-link + .profile-account-text-link::before {
    display: none;
  }

  body.profile-page .profile-dashboard-panel .profile-content-heading {
    padding-left: 42px;
  }

  body.profile-page .profile-dashboard-panel .profile-content-heading h2 {
    font-size: 20px;
  }
}

/* =========================================================
   2026-10-07 — HERO POLISH
   Keep account/login and lower dashboard structure unchanged.
   Remove the top rule and give the left masthead stronger Lean Edge identity.
   ========================================================= */

body.profile-page .profile-dashboard-hero {
  border-top: 0 !important;
  background:
    radial-gradient(circle at 31% 46%, rgba(35, 92, 155, .18), transparent 38%),
    linear-gradient(90deg, rgba(5, 20, 40, .18), rgba(5, 18, 36, .02));
}

body.profile-page .profile-dashboard-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 26px;
}

/* Large, quiet basketball/edge motif behind the masthead, no extra box. */
body.profile-page .profile-dashboard-intro::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 44%;
  top: 50%;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(107, 167, 255, .10);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    inset 0 0 0 34px rgba(107, 167, 255, .018),
    inset 0 0 0 96px rgba(107, 167, 255, .012);
}

/* Broadcast-style angled accents, deliberately subtle. */
body.profile-page .profile-dashboard-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 8%;
  bottom: 18%;
  width: 62%;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(239, 52, 76, .75) 0 12%,
    rgba(107, 167, 255, .45) 12% 44%,
    rgba(107, 167, 255, 0) 76%
  );
  transform: skewX(-30deg);
  transform-origin: left center;
  opacity: .68;
}

body.profile-page .profile-dashboard-eyebrow {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: .31em;
}

body.profile-page .profile-dashboard-intro h1 {
  max-width: 760px;
  text-shadow: 0 3px 18px rgba(0,0,0,.22);
}

body.profile-page .profile-dashboard-intro > p {
  max-width: 650px;
}

/* Make the saved summary feel like one deliberate strip, not three loose widgets. */
body.profile-page .profile-dashboard-stats {
  position: relative;
  margin-top: 38px;
  padding-top: 18px;
}

body.profile-page .profile-dashboard-stats::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: min(620px, 90%);
  height: 1px;
  background: linear-gradient(90deg, rgba(107,167,255,.34), rgba(107,167,255,.08), transparent);
}

body.profile-page .profile-dashboard-stat {
  min-width: 170px;
}

body.profile-page .profile-dashboard-stat b {
  font-size: 30px;
}

body.profile-page .profile-dashboard-stat small {
  margin-top: 4px;
  font-size: 12px;
}

/* Do not reintroduce a dividing line above the hero on smaller screens. */
@media (max-width: 900px) {
  body.profile-page .profile-dashboard-hero {
    border-top: 0 !important;
  }

  body.profile-page .profile-dashboard-intro::before {
    left: 50%;
    width: 340px;
    height: 340px;
  }

  body.profile-page .profile-dashboard-intro::after {
    left: 16%;
    width: 68%;
  }

  body.profile-page .profile-dashboard-stats::before {
    left: 50%;
    width: 86%;
    transform: translateX(-50%);
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-intro::before {
    width: 270px;
    height: 270px;
  }

  body.profile-page .profile-dashboard-intro::after {
    display: none;
  }
}

/* =========================================================
   2026-10-07 — HERO REFINE 2
   Darker, cleaner, less illustrated, more native Lean Edge.
   ========================================================= */

body.profile-page .profile-dashboard-hero {
  border-top: 0 !important;
  background: linear-gradient(90deg, rgba(4,19,42,.96) 0%, rgba(3,17,39,.97) 58%, rgba(2,15,35,.98) 100%) !important;
}

body.profile-page .profile-dashboard-hero::after,
body.profile-page .profile-dashboard-intro::before,
body.profile-page .profile-dashboard-intro::after {
  display: none !important;
  content: none !important;
}

body.profile-page .profile-dashboard-intro {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 36px;
}

body.profile-page .profile-dashboard-eyebrow {
  margin-bottom: 8px;
  color: #69a5ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .24em;
}

body.profile-page .profile-dashboard-intro h1 {
  max-width: 700px;
  font-family: 'Barlow', sans-serif;
  font-size: clamp(36px, 3.2vw, 54px) !important;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: 0;
  text-shadow: none !important;
}

body.profile-page .profile-dashboard-intro > p {
  max-width: 560px;
  margin-top: 12px;
  color: #b2bfd2;
  font-size: 16px;
  line-height: 1.38;
}

body.profile-page .profile-dashboard-stats {
  margin-top: 28px;
  padding-top: 14px;
}

body.profile-page .profile-dashboard-stats::before {
  width: min(540px, 92%);
  background: linear-gradient(90deg, rgba(107,167,255,.26), rgba(107,167,255,.10), transparent);
}

body.profile-page .profile-dashboard-stat {
  grid-template-columns: 34px auto;
  gap: 10px;
  min-width: 155px;
  padding-top: 2px;
  padding-bottom: 2px;
}

body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
  margin-left: 24px;
  padding-left: 24px;
}

body.profile-page .profile-dashboard-stat > i {
  font-size: 28px;
  opacity: .96;
}

body.profile-page .profile-dashboard-stat b {
  font-size: 26px;
  line-height: 1;
}

body.profile-page .profile-dashboard-stat small {
  margin-top: 4px;
  font-size: 12px;
  color: #c5cfdd;
}

@media (max-width: 1120px) {
  body.profile-page .profile-dashboard-intro {
    padding-right: 24px;
  }
}

@media (max-width: 900px) {
  body.profile-page .profile-dashboard-hero {
    background: linear-gradient(180deg, rgba(4,19,42,.97) 0%, rgba(2,15,35,.98) 100%) !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 34px !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    font-size: 14px;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-intro h1 {
    font-size: 29px !important;
  }

  body.profile-page .profile-dashboard-stats {
    margin-top: 24px;
  }
}

/* =========================================================
   2026-10-07 — SUMMARY ICON REFINE
   Retain icons, but make them quiet, uniform and less illustrative.
   ========================================================= */
body.profile-page .profile-dashboard-stat {
  grid-template-columns: 26px auto;
  gap: 9px;
  min-width: 148px;
}

body.profile-page .profile-dashboard-stat > i,
body.profile-page .profile-dashboard-stat-favourites > i,
body.profile-page .profile-dashboard-stat-comparisons > i,
body.profile-page .profile-dashboard-stat-fantasy > i {
  color: #7398c9 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  opacity: .82 !important;
  filter: none !important;
  text-shadow: none !important;
}

body.profile-page .profile-dashboard-stat b {
  font-size: 25px;
  font-weight: 800;
}

body.profile-page .profile-dashboard-stat small {
  margin-top: 3px;
  color: #bac6d6;
  font-size: 11.5px;
  font-weight: 500;
}

body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
  border-left-color: rgba(107,167,255,.20);
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-stat {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body.profile-page .profile-dashboard-stat > i,
  body.profile-page .profile-dashboard-stat-favourites > i,
  body.profile-page .profile-dashboard-stat-comparisons > i,
  body.profile-page .profile-dashboard-stat-fantasy > i {
    font-size: 19px !important;
  }
}

/* =========================================================
   2026-10-07 — HERO TITLE LIFT
   Nudge the eyebrow and title upward slightly.
   ========================================================= */
body.profile-page .profile-dashboard-intro {
  align-self: start;
  padding-top: 4px !important;
}

body.profile-page .profile-dashboard-eyebrow {
  margin-bottom: 6px;
}

body.profile-page .profile-dashboard-intro > p {
  margin-top: 10px;
}

@media (max-width: 900px) {
  body.profile-page .profile-dashboard-intro {
    align-self: auto;
    padding-top: 2px !important;
  }
}

/* =========================================================
   2026-10-07 — LEAN EDGE PRO GOLD PARITY
   Match the profile account area to the main Lean Edge Pro gold.
   ========================================================= */

body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
  color: #f7b83f !important;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
  background: #f7b83f !important;
  color: #07162c !important;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary:hover {
  background: #ffc65a !important;
}

/* =========================================================
   2026-10-07 — CANONICAL LEAN EDGE PRO GOLD
   Match the site-wide Pro tools: #F2B84B.
   ========================================================= */

body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
  color: #F2B84B !important;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
  background: #F2B84B !important;
  color: #07162c !important;
}

body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary:hover {
  background: #f6c45f !important;
}

/* =========================================================
   2026-10-07 — PRO SIGN-UP LINKS
   Separate the question from the Pro Hub CTA.
   ========================================================= */

body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "forgot forgot"
    "prompt explore";
  column-gap: 7px;
  row-gap: 8px;
  align-items: center;
  margin-top: 13px;
}

body.profile-page .profile-account-inline-links-split > [data-view="forgot"] {
  grid-area: forgot;
  justify-self: start;
}

body.profile-page .profile-account-pro-prompt {
  grid-area: prompt;
  color: #91a1b8;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

body.profile-page .profile-account-inline-links-split .profile-account-pro-explore {
  grid-area: explore;
  justify-self: start;
  color: #8fb9ff;
  font-weight: 700;
}

body.profile-page .profile-account-inline-links-split .profile-account-text-link + .profile-account-text-link {
  padding-left: 0;
}

body.profile-page .profile-account-inline-links-split .profile-account-text-link + .profile-account-text-link::before {
  display: none;
}

@media (max-width: 620px) {
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
    grid-template-columns: 1fr;
    grid-template-areas:
      "forgot"
      "prompt"
      "explore";
    justify-items: center;
    text-align: center;
  }

  body.profile-page .profile-account-inline-links-split > [data-view="forgot"],
  body.profile-page .profile-account-inline-links-split .profile-account-pro-explore {
    justify-self: center;
  }
}

/* =========================================================
   2026-10-07 — PRO LINKS + FOURTH HERO STAT
   Latest profile refinement.
   ========================================================= */

body.profile-page .profile-account-pro-prompt {
  color: #91a1b8;
  text-decoration: none;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

body.profile-page .profile-account-pro-prompt:hover {
  color: #b5c6de;
}

body.profile-page .profile-dashboard-stat-sleepers > i {
  color: #7398c9 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  opacity: .82 !important;
}

@media (min-width: 901px) {
  body.profile-page .profile-dashboard-stats {
    width: min(100%, 720px);
  }

  body.profile-page .profile-dashboard-stat {
    min-width: 0;
    flex: 1 1 0;
  }

  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    margin-left: 18px;
    padding-left: 18px;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-stats {
    grid-template-columns: repeat(4, 1fr);
  }

  body.profile-page .profile-dashboard-stat-sleepers > i {
    font-size: 19px !important;
  }
}

/* =========================================================
   2026-10-07 — CLEAR CONTENT HIERARCHY
   Organise the lower profile page into three understandable bands.
   ========================================================= */

body.profile-page .profile-content-bands {
  margin-top: 0;
}

body.profile-page .profile-content-band {
  padding: 28px 0 8px;
  border-top: 1px solid rgba(107, 167, 255, .20);
}

body.profile-page .profile-band-heading {
  margin: 0 0 10px;
  padding: 0 0 8px;
}

body.profile-page .profile-band-heading > span {
  display: block;
  margin-bottom: 5px;
  color: #6ba7ff;
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .18em;
}

body.profile-page .profile-band-heading h2 {
  margin: 0;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: none;
}

body.profile-page .profile-band-heading p {
  margin: 5px 0 0;
  color: #8fa0b9;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

body.profile-page .profile-band-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 28px;
}

body.profile-page .profile-band-grid > .profile-dashboard-panel {
  margin-top: 0 !important;
  padding: 16px 0 18px !important;
  border-top: 0 !important;
}

body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
  padding-left: 28px !important;
  border-left: 1px solid rgba(107, 167, 255, .16) !important;
}

/* Each section title is now a sub-heading under the clearer band label. */
body.profile-page .profile-band-grid .profile-content-heading {
  padding-left: 0 !important;
}

body.profile-page .profile-band-grid .profile-content-heading::before {
  display: none !important;
  content: none !important;
}

body.profile-page .profile-band-grid .profile-content-heading h2 {
  font-size: 21px !important;
  font-weight: 800 !important;
}

body.profile-page .profile-band-grid .profile-content-heading p {
  margin-top: 4px;
  font-size: 12px;
  color: #9aa9be;
}

body.profile-page .profile-band-grid .profile-content-title-row {
  gap: 10px;
}

body.profile-page .profile-band-grid .profile-count {
  font-size: 11px;
}

/* Make zero-count sections recede slightly without hiding them. */
body.profile-page .profile-band-grid .profile-count {
  opacity: .9;
}

/* Consistent row rhythm. */
body.profile-page .profile-band-grid .profile-saved-content {
  margin-top: 12px !important;
}

body.profile-page .profile-band-grid .profile-saved-item,
body.profile-page .profile-band-grid .profile-comparison-item,
body.profile-page .profile-band-grid .profile-hub-item {
  min-height: 54px;
}

body.profile-page .profile-band-grid .profile-saved-item > a,
body.profile-page .profile-band-grid .profile-comparison-item > a,
body.profile-page .profile-band-grid .profile-hub-item > a {
  padding-top: 9px;
  padding-bottom: 9px;
}

/* Empty Trade/Mock states should not dominate the page. */
body.profile-page .profile-content-band-tools .profile-empty-saved {
  min-height: 52px !important;
  padding: 10px 4px !important;
}

body.profile-page .profile-content-band-tools .profile-empty-saved > i {
  font-size: 21px;
}

body.profile-page .profile-content-band-tools .profile-empty-saved strong {
  font-size: 13px;
}

body.profile-page .profile-content-band-tools .profile-empty-saved p {
  font-size: 11px;
}

/* Quiet the large watermark so it no longer competes with the content. */
body.profile-page .background-glow::before,
body.profile-page .background-glow::after {
  opacity: .35 !important;
}

/* Explore becomes a slim utility strip rather than another major section. */
body.profile-page .profile-utility-section {
  margin-top: 18px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(107, 167, 255, .18) !important;
}

body.profile-page .profile-utility-section .profile-content-heading h2 {
  font-size: 17px !important;
}

body.profile-page .profile-utility-links {
  margin-top: 10px;
}

body.profile-page .profile-utility-links > a {
  min-height: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
}

body.profile-page .profile-utility-links > a span b {
  font-size: 13px;
}

body.profile-page .profile-utility-links > a span small {
  font-size: 10px;
}

/* Support becomes footer-like and deliberately quiet. */
body.profile-page .profile-support-section {
  margin-top: 14px !important;
  padding-top: 18px !important;
}

body.profile-page .profile-support-section .profile-content-heading {
  margin-bottom: 8px;
}

body.profile-page .profile-support-section .profile-content-heading h2 {
  font-size: 15px !important;
  color: #c8d3e2;
}

body.profile-page .profile-flat-links {
  gap: 8px 18px;
}

body.profile-page .profile-flat-links a {
  font-size: 11px;
  color: #8fa0b9;
}

@media (max-width: 900px) {
  body.profile-page .profile-content-band {
    padding-top: 24px;
  }

  body.profile-page .profile-band-grid {
    grid-template-columns: 1fr;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    padding-left: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(107, 167, 255, .12) !important;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-band-heading h2 {
    font-size: 17px;
  }

  body.profile-page .profile-band-heading p {
    font-size: 11.5px;
  }

  body.profile-page .profile-band-grid .profile-content-heading h2 {
    font-size: 19px !important;
  }
}

/* =========================================================
   2026-10-07 — CLICKABLE ACCOUNT SUMMARY
   Flat in-page navigation with live saved-content previews.
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body.profile-page .profile-dashboard-stat {
  position: relative;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s ease, opacity .15s ease;
}

body.profile-page .profile-dashboard-stat:hover {
  color: #8fb9ff;
}

body.profile-page .profile-dashboard-stat > span {
  min-width: 0;
}

body.profile-page .profile-dashboard-stat em {
  display: block;
  max-width: 150px;
  margin-top: 5px;
  overflow: hidden;
  color: #74859d;
  font-family: 'Barlow', sans-serif;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.profile-page .profile-dashboard-stat:hover em {
  color: #8da4c3;
}

body.profile-page .profile-dashboard-stat::after {
  content: "\ea5f";
  position: absolute;
  right: 9px;
  top: 50%;
  color: #5f7fa9;
  font-family: "tabler-icons";
  font-size: 13px;
  opacity: 0;
  transform: translate(0, -50%);
  transition: opacity .15s ease, transform .15s ease;
}

body.profile-page .profile-dashboard-stat:hover::after {
  opacity: .85;
  transform: translate(3px, -50%);
}

/* Keep the destination heading visible below the fixed site header after jump. */
body.profile-page #favourites,
body.profile-page #saved-comparisons,
body.profile-page #my-fantasy,
body.profile-page #my-sleepers {
  scroll-margin-top: 150px;
}

@media (max-width: 1120px) {
  body.profile-page .profile-dashboard-stat em {
    max-width: 120px;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-stat em {
    display: none;
  }

  body.profile-page .profile-dashboard-stat::after {
    display: none;
  }
}

/* =========================================================
   2026-10-07 — SUMMARY PREVIEW REFINEMENT
   Give the live preview a little more presence without turning it into a card.
   ========================================================= */

body.profile-page .profile-dashboard-stat em {
  display: -webkit-box;
  max-width: 185px;
  margin-top: 6px;
  overflow: hidden;
  color: #8ea0b8;
  font-family: 'Barlow', sans-serif;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.profile-page .profile-dashboard-stat:hover em {
  color: #9eb6d7;
}

@media (max-width: 1120px) {
  body.profile-page .profile-dashboard-stat em {
    max-width: 155px;
    font-size: 10px;
  }
}

@media (max-width: 620px) {
  body.profile-page .profile-dashboard-stat em {
    display: none;
  }
}

/* =========================================================
   2026-10-07 — BAND LABELS ONLY
   Remove repetitive band titles/descriptions and keep only the category eyebrow.
   ========================================================= */

body.profile-page .profile-band-heading.profile-band-heading-label-only {
  margin: 0 0 4px;
  padding: 0;
}

body.profile-page .profile-band-heading.profile-band-heading-label-only > span {
  margin-bottom: 0;
}

body.profile-page .profile-band-heading.profile-band-heading-label-only + .profile-band-grid {
  margin-top: 0;
}

body.profile-page .profile-content-band {
  padding-top: 24px;
}

body.profile-page .profile-band-grid > .profile-dashboard-panel {
  padding-top: 12px !important;
}

/* =========================================================
   2026-10-07 — MY LEAN EDGE PHONE REBUILD V2
   Desktop remains untouched. Phone gets a purpose-built layout.
   ========================================================= */
@media (max-width: 620px) {

  /* ----- overall page ----- */
  body.profile-page .profile-main.profile-main-v11 {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 2px !important;
  }

  body.profile-page .profile-breadcrumb {
    margin-bottom: 8px !important;
  }

  /* ----- hero ----- */
  body.profile-page .profile-dashboard-hero {
    display: block !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 18px 0 20px !important;
    overflow: visible !important;
  }

  body.profile-page .profile-dashboard-hero::after,
  body.profile-page .profile-dashboard-intro::before,
  body.profile-page .profile-dashboard-intro::after {
    display: none !important;
  }

  body.profile-page .profile-dashboard-intro {
    padding: 0 !important;
    overflow: visible !important;
    text-align: left !important;
  }

  body.profile-page .profile-dashboard-eyebrow {
    margin-bottom: 8px !important;
    font-size: 10px !important;
    letter-spacing: .24em !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 33px !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    margin: 9px 0 0 !important;
    max-width: 330px;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* ----- 2 x 2 quick navigation ----- */
  body.profile-page .profile-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin-top: 20px !important;
    padding-top: 0 !important;
    border-top: 1px solid rgba(107,167,255,.22);
    border-bottom: 1px solid rgba(107,167,255,.22);
  }

  body.profile-page .profile-dashboard-stats::before {
    display: none !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 9px !important;
    min-width: 0 !important;
    min-height: 72px;
    margin: 0 !important;
    padding: 10px 10px !important;
    border-left: 0 !important;
    box-sizing: border-box;
    text-align: left !important;
  }

  body.profile-page .profile-dashboard-stat:nth-child(even) {
    border-left: 1px solid rgba(107,167,255,.18) !important;
  }

  body.profile-page .profile-dashboard-stat:nth-child(n+3) {
    border-top: 1px solid rgba(107,167,255,.18) !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    font-size: 21px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-dashboard-stat small {
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.profile-page .profile-dashboard-stat em {
    display: block !important;
    max-width: 100% !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    color: #8496ae !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    -webkit-line-clamp: initial !important;
  }

  body.profile-page .profile-dashboard-stat::after {
    display: none !important;
  }

  /* ----- account / Pro sign in ----- */
  body.profile-page .profile-account-card.profile-account-integrated {
    max-width: none !important;
    margin: 16px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(107,167,255,.22) !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-eyebrow {
    margin-bottom: 5px !important;
    font-size: 9px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
  body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
    margin-bottom: 12px !important;
    font-size: 20px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form label {
    margin: 9px 0 !important;
    font-size: 11px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form input {
    height: 40px !important;
    margin-top: 5px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
    min-height: 40px !important;
    margin-top: 10px !important;
    font-size: 12px !important;
  }

  body.profile-page .profile-account-inline-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 7px 12px !important;
    margin-top: 10px !important;
  }

  body.profile-page .profile-account-inline-links .profile-account-text-link,
  body.profile-page .profile-account-pro-prompt {
    width: auto !important;
    padding: 0 !important;
    font-size: 10px !important;
    text-align: left !important;
  }

  body.profile-page .profile-account-inline-links .profile-account-text-link + .profile-account-text-link::before {
    display: none !important;
  }

  /* ----- saved/fantasy/tool bands ----- */
  body.profile-page .profile-content-bands {
    margin-top: 0 !important;
  }

  body.profile-page .profile-content-band {
    margin-top: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    border-top: 1px solid rgba(107,167,255,.18);
  }

  body.profile-page .profile-band-heading.profile-band-heading-label-only {
    margin: 0 0 2px !important;
  }

  body.profile-page .profile-band-heading.profile-band-heading-label-only > span {
    font-size: 9px !important;
    letter-spacing: .18em !important;
  }

  body.profile-page .profile-band-grid {
    display: block !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    margin: 0 !important;
    padding: 14px 0 15px !important;
    border-left: 0 !important;
    border-top: 0 !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel + .profile-dashboard-panel {
    border-top: 1px solid rgba(107,167,255,.14) !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading {
    padding: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading h2 {
    font-size: 19px !important;
    line-height: 1.05 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    gap: 8px !important;
  }

  body.profile-page .profile-band-grid .profile-count {
    font-size: 9px !important;
  }

  /* Descriptions are useful on desktop but redundant on a narrow hub page. */
  body.profile-page .profile-band-grid .profile-content-heading > p {
    display: none !important;
  }

  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 8px !important;
  }

  /* ----- rows / empty states ----- */
  body.profile-page .profile-band-grid .profile-saved-group {
    padding-top: 8px !important;
    padding-bottom: 7px !important;
  }

  body.profile-page .profile-band-grid .profile-saved-item,
  body.profile-page .profile-band-grid .profile-comparison-item,
  body.profile-page .profile-band-grid .profile-hub-item {
    min-height: 48px !important;
  }

  body.profile-page .profile-band-grid .profile-saved-item > a,
  body.profile-page .profile-band-grid .profile-comparison-item > a,
  body.profile-page .profile-band-grid .profile-hub-item > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.profile-page .profile-empty-saved,
  body.profile-page .profile-content-band-tools .profile-empty-saved {
    min-height: 48px !important;
    padding: 9px 2px !important;
  }

  body.profile-page .profile-empty-saved > i,
  body.profile-page .profile-content-band-tools .profile-empty-saved > i {
    font-size: 20px !important;
    opacity: .65;
  }

  body.profile-page .profile-empty-saved strong {
    font-size: 12px !important;
  }

  body.profile-page .profile-empty-saved p {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  /* Comparisons get one clean readable mobile line/flow. */
  body.profile-page .profile-comparison-item > a {
    padding-right: 55px !important;
  }

  body.profile-page .profile-comparison-participants {
    gap: 4px 5px !important;
  }

  body.profile-page .profile-comparison-part {
    font-size: 11px !important;
  }

  body.profile-page .profile-comparison-vs {
    min-width: 20px !important;
    height: 16px !important;
    padding: 0 4px !important;
    font-size: 7px !important;
  }

  body.profile-page .profile-comparison-open-icon {
    right: 30px !important;
    font-size: 12px !important;
  }

  /* ----- watermark ----- */
  body.profile-page .background-glow::before,
  body.profile-page .background-glow::after {
    opacity: .12 !important;
  }

  /* ----- Explore ----- */
  body.profile-page .profile-utility-section {
    margin-top: 14px !important;
    padding-top: 16px !important;
  }

  body.profile-page .profile-utility-section .profile-content-heading h2 {
    font-size: 15px !important;
  }

  body.profile-page .profile-utility-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 7px !important;
    border-top: 1px solid rgba(107,167,255,.14);
    border-bottom: 1px solid rgba(107,167,255,.14);
  }

  body.profile-page .profile-utility-links > a,
  body.profile-page .profile-utility-links > a + a {
    min-height: 52px !important;
    padding: 8px 9px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    box-sizing: border-box;
  }

  body.profile-page .profile-utility-links > a + a {
    border-left: 1px solid rgba(107,167,255,.14) !important;
  }

  body.profile-page .profile-utility-links > a > i:first-child {
    font-size: 19px !important;
  }

  body.profile-page .profile-utility-links > a span b {
    font-size: 11px !important;
  }

  body.profile-page .profile-utility-links > a span small {
    display: none !important;
  }

  /* ----- Support ----- */
  body.profile-page .profile-support-section {
    margin-top: 12px !important;
    padding-top: 14px !important;
  }

  body.profile-page .profile-support-section .profile-content-heading h2 {
    font-size: 13px !important;
  }

  body.profile-page .profile-flat-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  body.profile-page .profile-flat-links a {
    width: auto !important;
    margin: 0 14px 0 0 !important;
    padding: 5px 0 !important;
    border: 0 !important;
    font-size: 10px !important;
  }

  body.profile-page #favourites,
  body.profile-page #saved-comparisons,
  body.profile-page #my-fantasy,
  body.profile-page #my-sleepers {
    scroll-margin-top: 94px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO LOGIN REFINEMENT
   Mobile only. Desktop account panel remains unchanged.
   ========================================================= */
@media (max-width: 620px) {

  body.profile-page .profile-account-card.profile-account-integrated {
    margin-top: 12px !important;
    padding-top: 14px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-eyebrow {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
  body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.05 !important;
  }

  body.profile-page .profile-account-mobile-helper {
    display: block !important;
    margin: 5px 0 11px !important;
    color: #8ea0b8 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form label {
    display: block !important;
    margin: 7px 0 !important;
    font-size: 10.5px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form input {
    height: 38px !important;
    margin-top: 4px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
    min-height: 38px !important;
    margin-top: 8px !important;
    font-size: 11.5px !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 5px !important;
    margin-top: 9px !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split .profile-account-text-link,
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split .profile-account-pro-prompt {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9.8px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split .profile-account-pro-prompt {
    color: #8ea0b8 !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split .profile-account-pro-explore {
    margin-top: -1px !important;
  }
}

@media (min-width: 621px) {
  body.profile-page .profile-account-mobile-helper {
    display: none !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO LOGIN COMPACT V2
   Phone only. Make the auth area shorter and give the
   secondary account actions a clear two-row structure.
   ========================================================= */
@media (max-width: 620px) {

  body.profile-page .profile-account-card.profile-account-integrated {
    margin-top: 10px !important;
    padding-top: 11px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form h2,
  body.profile-page .profile-account-card.profile-account-integrated .profile-account-welcome h2 {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* The heading already says what this is; save the vertical space. */
  body.profile-page .profile-account-mobile-helper {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form label {
    margin: 5px 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-form input {
    height: 34px !important;
    margin-top: 3px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated .profile-account-primary {
    min-height: 35px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }

  /* Two deliberate rows:
     1. Forgot password
     2. Not a Pro member?  Explore Lean Edge Pro → */
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
    display: grid !important;
    grid-template-columns: auto auto !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    column-gap: 7px !important;
    row-gap: 6px !important;
    margin-top: 8px !important;
    padding-bottom: 1px !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  > .profile-account-text-link:first-child {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt {
    grid-column: 1 !important;
    justify-self: end !important;
    color: #8ea0b8 !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-explore {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 0 !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-text-link,
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt {
    font-size: 9.5px !important;
    line-height: 1.25 !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO ACTIONS FINAL ALIGNMENT
   Phone only. Keep the form unchanged and give the account
   actions a clean, left-aligned two-row structure.
   ========================================================= */
@media (max-width: 620px) {

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    justify-content: stretch !important;
    justify-items: start !important;
    align-items: center !important;
    column-gap: 6px !important;
    row-gap: 5px !important;
    margin-top: 7px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Row 1 */
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  > .profile-account-text-link:first-child {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  /* Row 2 */
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt {
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
    color: #8ea0b8 !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-explore {
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-text-link,
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt {
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  /* Pull saved content upward slightly now the actions are organised. */
  body.profile-page .profile-account-card.profile-account-integrated {
    padding-bottom: 3px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO ABOVE HERO + COLLAPSIBLE LOGIN
   PHONE ONLY. Desktop remains exactly as signed off.
   ========================================================= */
@media (max-width: 620px) {

  /* Reorder only on phone: compact Pro access first, then the personal hub intro. */
  body.profile-page .profile-dashboard-hero {
    display: flex !important;
    flex-direction: column !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 17px !important;
    padding: 0 0 14px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(107,167,255,.22) !important;
  }

  body.profile-page .profile-dashboard-intro {
    order: 2 !important;
  }

  /* Mobile Pro trigger replaces the permanently-open form. */
  body.profile-page .profile-account-mobile-trigger {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    padding: 12px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: #F2B84B !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: .01em !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    color: #8ea0b8 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body.profile-page .profile-account-mobile-trigger > i {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    color: #6ba7ff !important;
    font-size: 17px !important;
    transition: transform .15s ease !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open
  .profile-account-mobile-trigger > i {
    transform: rotate(180deg) !important;
  }

  /* Signed-out auth is collapsed until requested. Signed-in account remains visible. */
  body.profile-page .profile-account-card.profile-account-integrated #account-signed-out {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open #account-signed-out {
    display: block !important;
    padding: 5px 0 2px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated #account-signed-in:not([hidden]) {
    display: block !important;
    padding: 6px 0 2px !important;
  }

  /* The repeated Pro heading is unnecessary once the trigger is visible. */
  body.profile-page .profile-account-card.profile-account-integrated
  #account-signed-out .profile-account-form > h2 {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated
  #account-signed-out .profile-account-mobile-helper {
    display: none !important;
  }

  /* Keep the revealed form compact and left aligned. */
  body.profile-page .profile-account-card.profile-account-integrated
  #account-signed-out .profile-account-form label {
    margin: 5px 0 !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated
  #account-signed-out .profile-account-inline-links.profile-account-inline-links-split {
    margin-top: 7px !important;
  }

  /* Centre the actual My Lean Edge identity on phone. */
  body.profile-page .profile-dashboard-intro {
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-eyebrow {
    display: block !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 30px !important;
    line-height: 1.02 !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    max-width: 315px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  /* Stats stay practical rather than centred internally. */
  body.profile-page .profile-dashboard-stat {
    text-align: left !important;
  }
}

@media (min-width: 621px) {
  body.profile-page .profile-account-mobile-trigger {
    display: none !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO TRIGGER REFINEMENT
   Phone only. Make collapsed Pro access feel like one clear,
   tappable control and give the breadcrumb a little breathing room.
   ========================================================= */
@media (max-width: 620px) {

  /* Breadcrumb sat a touch too high under the mobile header. */
  body.profile-page .profile-breadcrumb {
    margin-top: 8px !important;
  }

  /* Tighten the Pro area around one deliberate tappable row. */
  body.profile-page .profile-account-card.profile-account-integrated {
    margin-bottom: 13px !important;
    padding-bottom: 10px !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    grid-template-columns: minmax(0, 1fr) 28px !important;
    column-gap: 8px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 9px 8px 9px 0 !important;
    border-radius: 8px !important;
    -webkit-tap-highlight-color: transparent;
  }

  body.profile-page .profile-account-mobile-trigger:active {
    background: rgba(107, 167, 255, .055) !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    margin-top: 2px !important;
    color: #8fa0b9 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.profile-page .profile-account-mobile-trigger > i {
    justify-self: end !important;
    align-self: center !important;
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
  }

  /* Keep the revealed form visually connected to the trigger. */
  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open
  #account-signed-out {
    padding-top: 2px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE EXPANDED PRO LINK ALIGNMENT
   Phone only. Keep both action rows aligned to the form edge.
   ========================================================= */
@media (max-width: 620px) {

  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px 6px !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Row 1: forgot password */
  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split
  > .profile-account-text-link:first-child {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Row 2: prompt + Explore link */
  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt,
  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-explore {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-prompt {
    color: #8ea0b8 !important;
  }

  body.profile-page
  .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-explore {
    color: #8fc0ff !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE ACCOUNT DASHBOARD DIRECTION
   Based on approved mobile mockup direction.
   PHONE ONLY. Desktop remains untouched.
   ========================================================= */

body.profile-page .profile-mobile-saved-heading,
body.profile-page .profile-mobile-section-icon {
  display: none;
}

@media (max-width: 620px) {

  /* ----- PRO: compact premium account entry ----- */
  body.profile-page .profile-account-card.profile-account-integrated {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    grid-template-columns: 38px minmax(0, 1fr) 30px !important;
    grid-template-rows: auto auto !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(242,184,75,.78) !important;
    border-radius: 12px !important;
    background: rgba(5,22,43,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(242,184,75,.04) !important;
  }

  body.profile-page .profile-account-mobile-trigger::before {
    content: "\eb6f";
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    color: #F2B84B !important;
    font-family: "tabler-icons" !important;
    font-size: 24px !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 2px !important;
    font-size: 10px !important;
  }

  body.profile-page .profile-account-mobile-trigger > i {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    justify-self: center !important;
    width: 28px !important;
    height: 28px !important;
    color: #F2B84B !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open {
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(107,167,255,.18) !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open
  #account-signed-out {
    margin-top: 8px !important;
    padding: 2px 0 0 !important;
  }

  /* ----- MY LEAN EDGE identity ----- */
  body.profile-page .profile-dashboard-eyebrow {
    margin-top: 2px !important;
    margin-bottom: 7px !important;
    font-size: 9px !important;
    letter-spacing: .25em !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 28px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    margin-top: 8px !important;
    max-width: 305px !important;
    font-size: 12px !important;
  }

  /* ----- 2x2 summary: stronger, dashboard-like but still Lean Edge ----- */
  body.profile-page .profile-dashboard-stats {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 0 !important;
    border: 1px solid rgba(107,167,255,.24) !important;
    border-radius: 11px !important;
    overflow: hidden !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    min-height: 82px !important;
    padding: 12px 11px !important;
    background: rgba(5,22,43,.22) !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    font-size: 22px !important;
    color: #76adf5 !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 20px !important;
  }

  body.profile-page .profile-dashboard-stat small {
    font-size: 10px !important;
  }

  body.profile-page .profile-dashboard-stat em {
    font-size: 8.8px !important;
  }

  /* ----- One unified Saved Content area ----- */
  body.profile-page .profile-mobile-saved-heading {
    display: block !important;
    margin: 22px 0 10px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(239,52,76,.65) !important;
  }

  body.profile-page .profile-mobile-saved-heading > span {
    display: block !important;
    margin-bottom: 5px !important;
    color: #6ba7ff !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .2em !important;
  }

  body.profile-page .profile-mobile-saved-heading h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }

  body.profile-page .profile-mobile-saved-heading p {
    margin: 5px 0 0 !important;
    color: #8fa0b9 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  /* Flatten SAVED / FANTASY / SAVED TOOLS wrappers on phone so all six
     destinations read as one coherent account list. */
  body.profile-page .profile-content-bands {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  body.profile-page .profile-content-band,
  body.profile-page .profile-band-grid {
    display: contents !important;
  }

  body.profile-page .profile-band-heading {
    display: none !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(107,167,255,.22) !important;
    border-radius: 10px !important;
    background: rgba(5,22,43,.30) !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading {
    padding: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: rgba(107,167,255,.08) !important;
    color: #76adf5 !important;
    font-size: 18px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    text-transform: none !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    grid-column: 3 !important;
    justify-self: end !important;
    font-size: 9px !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    display: block !important;
    margin: 3px 0 0 43px !important;
    color: #8fa0b9 !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  /* Empty-state copy is redundant once the row already says 0 saved.
     Real saved content still renders directly beneath its section header. */
  body.profile-page .profile-band-grid .profile-empty-saved {
    display: none !important;
  }

  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 8px !important;
  }

  body.profile-page .profile-band-grid .profile-saved-content:empty {
    display: none !important;
    margin-top: 0 !important;
  }

  /* When real content exists, separate it cleanly inside the same destination card. */
  body.profile-page .profile-band-grid .profile-saved-groups,
  body.profile-page .profile-band-grid .profile-comparison-list,
  body.profile-page .profile-band-grid .profile-hub-list {
    margin-top: 8px !important;
    border-top-color: rgba(107,167,255,.14) !important;
    border-bottom: 0 !important;
  }

  /* Keep Explore and Support clearly secondary after account content. */
  body.profile-page .profile-utility-section {
    margin-top: 18px !important;
  }

  body.profile-page .profile-support-section {
    margin-top: 12px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PRO STAR + LARGER SUMMARY
   Phone only. Keep current dashboard direction intact.
   ========================================================= */
@media (max-width: 620px) {

  /* Replace the accidental pseudo-icon with the actual Lean Edge Pro gold star. */
  body.profile-page .profile-account-mobile-trigger::before {
    content: none !important;
    display: none !important;
  }

  body.profile-page .profile-account-mobile-pro-star {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    color: #F2B84B !important;
    font-size: 22px !important;
  }

  /* Give the four account shortcuts more presence. */
  body.profile-page .profile-dashboard-stats {
    max-width: 100% !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    min-height: 96px !important;
    padding: 15px 13px !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    font-size: 25px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-dashboard-stat small {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.profile-page .profile-dashboard-stat em {
    margin-top: 5px !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
  }
}

/* =========================================================
   2026-10-07 — CANONICAL LEAN EDGE PRO BRAND TREATMENT
   Match the site's existing LEAN EDGE + outlined ★ PRO pill
   on both desktop and phone My Lean Edge account access.
   ========================================================= */

body.profile-page .profile-pro-brand-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.profile-page .profile-pro-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 18px;
  padding: 2px 6px;
  border: 1px solid rgba(242,184,75,.8);
  border-radius: 4px;
  color: #F2B84B;
  font-family: 'Barlow', sans-serif;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .06em;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
}

body.profile-page .profile-pro-pill i {
  color: #F2B84B;
  font-size: 9px;
  line-height: 1;
}

@media (max-width: 620px) {

  /* Remove the previously added large standalone phone star. */
  body.profile-page .profile-account-mobile-pro-star {
    display: none !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    grid-template-columns: minmax(0, 1fr) 30px !important;
    grid-template-rows: auto auto !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    font-size: 16px !important;
  }

  body.profile-page .profile-account-mobile-trigger-title .profile-pro-pill {
    min-height: 18px !important;
    padding: 2px 6px !important;
    font-size: 8px !important;
  }

  body.profile-page .profile-account-mobile-trigger-title .profile-pro-pill i {
    font-size: 8px !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.profile-page .profile-account-mobile-trigger > i:last-child {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
  }

  body.profile-page .profile-pro-brand-title {
    gap: 7px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE SAVED CONTENT COMPACT ROWS
   Phone only. Keep the approved top account/dashboard area,
   simplify the six saved destinations into flat compact rows.
   ========================================================= */
@media (max-width: 620px) {

  /* Simple section marker only. */
  body.profile-page .profile-mobile-saved-heading {
    margin: 20px 0 7px !important;
    padding-top: 15px !important;
  }

  body.profile-page .profile-mobile-saved-heading > span {
    margin: 0 !important;
    font-size: 9px !important;
    letter-spacing: .2em !important;
  }

  body.profile-page .profile-mobile-saved-heading h2,
  body.profile-page .profile-mobile-saved-heading p {
    display: none !important;
  }

  /* Six destinations become one clean flat list. */
  body.profile-page .profile-content-bands {
    gap: 0 !important;
    border-top: 1px solid rgba(107,167,255,.18) !important;
    border-bottom: 1px solid rgba(107,167,255,.18) !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    min-height: 66px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(107,167,255,.12) !important;
    background: transparent !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel:first-child {
    border-top: 0 !important;
  }

  body.profile-page .profile-content-bands
  > .profile-content-band:first-child
  .profile-dashboard-panel:first-child {
    border-top: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto 14px !important;
    align-items: center !important;
    gap: 9px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(107,167,255,.07) !important;
    font-size: 17px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    grid-column: 2 !important;
    font-size: 13.5px !important;
    line-height: 1.1 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    grid-column: 3 !important;
    justify-self: end !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row::after {
    content: "\ea61";
    grid-column: 4 !important;
    justify-self: end !important;
    color: #6ba7ff !important;
    font-family: "tabler-icons" !important;
    font-size: 13px !important;
    opacity: .9;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    display: block !important;
    margin: 3px 28px 0 43px !important;
    overflow: hidden !important;
    color: #8294ac !important;
    font-size: 9.2px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Empty-state duplicate copy remains hidden. */
  body.profile-page .profile-band-grid .profile-empty-saved {
    display: none !important;
  }

  /* When there is real saved content, keep it within the same destination
     but separate it lightly from the compact header row. */
  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 7px !important;
  }

  body.profile-page .profile-band-grid .profile-saved-content:empty {
    display: none !important;
    margin-top: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-saved-groups,
  body.profile-page .profile-band-grid .profile-comparison-list,
  body.profile-page .profile-band-grid .profile-hub-list {
    margin-top: 7px !important;
    padding-top: 2px !important;
    border-top: 1px solid rgba(107,167,255,.10) !important;
    border-bottom: 0 !important;
  }

  /* Reduce watermark competition in the saved-content zone. */
  body.profile-page .background-glow::before,
  body.profile-page .background-glow::after {
    opacity: .08 !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PERSONAL HUB
   Based on the approved "personal basketball hub" mockup.
   PHONE ONLY. Desktop remains untouched.
   ========================================================= */

body.profile-page .profile-mobile-snapshot-label,
body.profile-page .profile-mobile-explore {
  display: none;
}

@media (max-width: 620px) {

  /* ----- overall vertical rhythm ----- */
  body.profile-page .profile-dashboard-hero {
    padding-bottom: 16px !important;
  }

  /* ----- identity: make My Lean Edge the star ----- */
  body.profile-page .profile-dashboard-eyebrow {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    font-size: 9px !important;
    letter-spacing: .25em !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    font-size: 29px !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    margin-top: 7px !important;
    max-width: 280px !important;
    color: #9cabbe !important;
    font-size: 12px !important;
  }

  /* ----- Pro becomes a compact account CTA, not a form-shaped block ----- */
  body.profile-page .profile-account-card.profile-account-integrated {
    margin-bottom: 19px !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    min-height: 64px !important;
    padding: 10px 13px !important;
    border-radius: 11px !important;
    background: rgba(5,22,43,.46) !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    font-size: 15px !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    font-size: 9.8px !important;
  }

  body.profile-page .profile-account-mobile-trigger-title .profile-pro-pill {
    transform: translateY(-1px);
  }

  /* ----- compact snapshot ----- */
  body.profile-page .profile-mobile-snapshot-label {
    display: block !important;
    max-width: 640px;
    margin: 18px auto 7px !important;
    color: #6ba7ff !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .22em !important;
    text-align: left !important;
  }

  body.profile-page .profile-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border: 1px solid rgba(107,167,255,.24) !important;
    border-radius: 11px !important;
    overflow: hidden !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    align-content: center !important;
    gap: 2px !important;
    min-height: 86px !important;
    padding: 11px 8px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(107,167,255,.16) !important;
    background: rgba(5,22,43,.24) !important;
  }

  body.profile-page .profile-dashboard-stat:first-child {
    border-left: 0 !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    margin-bottom: 3px !important;
    font-size: 20px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 18px !important;
  }

  body.profile-page .profile-dashboard-stat small {
    margin-top: 1px !important;
    font-size: 8.7px !important;
    line-height: 1.1 !important;
  }

  body.profile-page .profile-dashboard-stat em {
    display: none !important;
  }

  /* ----- YOUR STUFF ----- */
  body.profile-page .profile-mobile-saved-heading {
    margin: 21px 0 7px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(239,52,76,.62) !important;
  }

  body.profile-page .profile-mobile-saved-heading > span {
    font-size: 9px !important;
    letter-spacing: .22em !important;
  }

  body.profile-page .profile-content-bands {
    border-top: 1px solid rgba(107,167,255,.18) !important;
    border-bottom: 1px solid rgba(107,167,255,.18) !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    min-height: 68px !important;
    padding: 9px 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    grid-template-columns: 36px minmax(0, 1fr) auto 14px !important;
    gap: 9px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: rgba(107,167,255,.075) !important;
    font-size: 18px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    font-size: 13.7px !important;
    font-weight: 800 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    color: #6ba7ff !important;
    font-size: 9px !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    margin: 3px 30px 0 45px !important;
    font-size: 9.2px !important;
    line-height: 1.22 !important;
  }

  /* ----- real saved content previews stay useful when present ----- */
  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 6px !important;
  }

  /* ----- Explore Lean Edge ----- */
  body.profile-page .profile-mobile-explore {
    display: block !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
  }

  body.profile-page .profile-mobile-explore > span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #6ba7ff !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .22em !important;
  }

  body.profile-page .profile-mobile-explore-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a {
    position: relative;
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) 14px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    min-height: 60px !important;
    padding: 10px !important;
    border: 1px solid rgba(107,167,255,.22) !important;
    border-radius: 9px !important;
    background: rgba(5,22,43,.28) !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  body.profile-page .profile-mobile-explore-grid > a > i:first-child {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    color: #6ba7ff !important;
    font-size: 20px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 11px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #8fa0b9 !important;
    font-size: 8.5px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a > i:last-child {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    color: #6ba7ff !important;
    font-size: 13px !important;
  }

  /* Existing desktop-style Explore is redundant on phone now. */
  body.profile-page .profile-utility-section {
    display: none !important;
  }

  /* Support remains, but quieter. */
  body.profile-page .profile-support-section {
    margin-top: 12px !important;
    padding-top: 12px !important;
  }

  /* watermark stays atmospheric only */
  body.profile-page .background-glow::before,
  body.profile-page .background-glow::after {
    opacity: .055 !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE PERSONAL HUB POLISH
   Closer match to approved mockup. PHONE ONLY.
   ========================================================= */
@media (max-width: 620px) {

  /* ----- Pro CTA: stronger hierarchy and explicit action ----- */
  body.profile-page .profile-account-mobile-trigger {
    grid-template-columns: minmax(0, 1fr) auto 24px !important;
    grid-template-rows: auto auto !important;
    min-height: 72px !important;
    padding: 12px 14px !important;
    column-gap: 10px !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  body.profile-page .profile-account-mobile-trigger-action {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    background: #F2B84B !important;
    color: #07162c !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-account-mobile-trigger-action i {
    font-size: 11px !important;
  }

  body.profile-page .profile-account-mobile-trigger-chevron {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 15px !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open
  .profile-account-mobile-trigger-action {
    opacity: .45 !important;
  }

  /* ----- snapshot: more breathing room, closer to mock ----- */
  body.profile-page .profile-mobile-snapshot-label {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
  }

  body.profile-page .profile-dashboard-stats {
    min-height: 102px !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    min-height: 102px !important;
    padding: 14px 10px !important;
    justify-items: start !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    font-size: 22px !important;
    margin-bottom: 4px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 20px !important;
  }

  body.profile-page .profile-dashboard-stat small {
    font-size: 9px !important;
  }

  /* ----- stronger section separation ----- */
  body.profile-page .profile-mobile-saved-heading {
    margin-top: 24px !important;
    padding-top: 18px !important;
  }

  /* ----- Your Stuff rows: premium flat list ----- */
  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    min-height: 76px !important;
    padding: 11px 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    grid-template-columns: 40px minmax(0, 1fr) auto 16px !important;
    gap: 10px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    background: rgba(107,167,255,.09) !important;
    font-size: 19px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    font-size: 14.5px !important;
    line-height: 1.1 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    font-size: 9.5px !important;
    font-weight: 800 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row::after {
    font-size: 14px !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    margin: 4px 32px 0 50px !important;
    font-size: 9.6px !important;
    line-height: 1.25 !important;
    color: #8fa0b9 !important;
  }

  /* Slightly more separation before the next secondary area. */
  body.profile-page .profile-mobile-explore {
    margin-top: 24px !important;
    padding-top: 17px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE MOCK MATCH
   Recompose the phone hero to follow the approved mockup:
   identity -> Pro CTA -> snapshot -> Your Stuff.
   PHONE ONLY. Desktop is untouched.
   ========================================================= */
@media (max-width: 620px) {

  /* Make the intro's children participate directly in the hero flow so
     the account panel can sit between the identity and the snapshot. */
  body.profile-page .profile-dashboard-hero {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
  }

  body.profile-page .profile-dashboard-intro {
    display: contents !important;
  }

  body.profile-page .profile-dashboard-eyebrow {
    order: 1 !important;
    align-self: center !important;
    margin: 2px 0 7px !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-intro h1 {
    order: 2 !important;
    align-self: center !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-intro > p {
    order: 3 !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 310px !important;
    margin: 8px auto 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  /* Pro now sits directly beneath the identity, like the mock. */
  body.profile-page .profile-account-card.profile-account-integrated {
    order: 4 !important;
    width: 100% !important;
    margin: 17px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(242,184,75,.9) !important;
    border-radius: 11px !important;
    background: rgba(5,22,43,.42) !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    gap: 7px !important;
    font-size: 15px !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 3px !important;
    font-size: 9.6px !important;
  }

  body.profile-page .profile-account-mobile-trigger-action {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    min-width: 72px !important;
    min-height: 38px !important;
    justify-content: center !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
  }

  /* The extra dropdown chevron is not part of the approved mock.
     The whole CTA remains tappable and still expands the existing form. */
  body.profile-page .profile-account-mobile-trigger-chevron {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open
  #account-signed-out {
    margin-top: 8px !important;
    padding: 7px 0 2px !important;
  }

  /* Snapshot follows Pro and is deliberately slim. */
  body.profile-page .profile-mobile-snapshot-label {
    order: 5 !important;
    align-self: stretch !important;
    margin: 18px 0 7px !important;
    font-size: 9px !important;
    text-align: left !important;
  }

  body.profile-page .profile-dashboard-stats {
    order: 6 !important;
    align-self: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(107,167,255,.24) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 2px !important;
    min-height: 78px !important;
    padding: 10px 8px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(107,167,255,.16) !important;
    background: transparent !important;
  }

  body.profile-page .profile-dashboard-stat:first-child {
    border-left: 0 !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    margin: 0 0 3px !important;
    font-size: 19px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-dashboard-stat small {
    margin-top: 1px !important;
    font-size: 8.5px !important;
    line-height: 1.08 !important;
  }

  body.profile-page .profile-dashboard-stat em {
    display: none !important;
  }

  /* YOUR STUFF gets the mock's compact list treatment. */
  body.profile-page .profile-mobile-saved-heading {
    margin: 20px 0 7px !important;
    padding-top: 15px !important;
    border-top: 0 !important;
  }

  body.profile-page .profile-mobile-saved-heading > span {
    font-size: 9px !important;
    letter-spacing: .22em !important;
  }

  body.profile-page .profile-content-bands {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(107,167,255,.22) !important;
    border-radius: 11px !important;
    background: rgba(5,22,43,.18) !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    min-height: 64px !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(107,167,255,.13) !important;
    background: transparent !important;
  }

  body.profile-page .profile-content-bands .profile-dashboard-panel:first-child {
    border-top: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto 14px !important;
    align-items: center !important;
    gap: 9px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(107,167,255,.09) !important;
    font-size: 17px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    font-size: 13.5px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    font-size: 9px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row::after {
    font-size: 13px !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    margin: 3px 26px 0 43px !important;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }

  /* Keep actual saved entries directly beneath their destination, but compact. */
  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 5px !important;
  }

  /* Explore should arrive as the next clean section, like the mock. */
  body.profile-page .profile-mobile-explore {
    margin-top: 20px !important;
    padding-top: 0 !important;
  }

  body.profile-page .profile-mobile-explore > span {
    margin-bottom: 8px !important;
  }

  body.profile-page .profile-mobile-explore-grid {
    gap: 8px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a {
    min-height: 58px !important;
    border-radius: 9px !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE FULL REBUILD
   Final authoritative mobile layout. This block intentionally
   overrides all previous mobile experiments.
   Desktop rules above remain untouched.
   ========================================================= */
@media (max-width: 620px) {

  /* ---------- page shell ---------- */
  body.profile-page .profile-main.profile-main-v11 {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 12px !important;
  }

  body.profile-page .profile-breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
    font-size: 12px !important;
  }

  /* ---------- hero: real phone composition ---------- */
  body.profile-page .profile-dashboard-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.profile-page .profile-dashboard-hero::before,
  body.profile-page .profile-dashboard-hero::after {
    display: none !important;
  }

  body.profile-page .profile-dashboard-identity {
    order: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-eyebrow {
    display: block !important;
    margin: 0 0 7px !important;
    color: #6ba7ff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .24em !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-identity h1 {
    margin: 0 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-identity > p {
    max-width: 310px !important;
    margin: 8px auto 0 !important;
    color: #a7b5ca !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  /* ---------- Pro CTA ---------- */
  body.profile-page .profile-account-card.profile-account-integrated {
    order: 2 !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.profile-page .profile-account-mobile-trigger {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 78px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(242,184,75,.92) !important;
    border-radius: 12px !important;
    background: rgba(4,21,43,.62) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.02) !important;
    box-sizing: border-box !important;
  }

  body.profile-page .profile-account-mobile-trigger-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    color: #F2B84B !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
  }

  body.profile-page .profile-account-mobile-trigger-title .profile-pro-pill {
    min-height: 18px !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 8px !important;
  }

  body.profile-page .profile-account-mobile-trigger-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 4px !important;
    color: #9aa9be !important;
    font-size: 9.7px !important;
    line-height: 1.2 !important;
  }

  body.profile-page .profile-account-mobile-trigger-action {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 92px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    background: #F2B84B !important;
    color: #07162c !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-account-mobile-trigger-chevron {
    display: none !important;
  }

  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open #account-signed-out {
    display: block !important;
    margin-top: 10px !important;
    padding: 10px 0 2px !important;
  }

  /* ---------- snapshot ---------- */
  body.profile-page .profile-dashboard-summary {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.profile-page .profile-mobile-snapshot-label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 22px 0 9px !important;
    padding-left: 10px !important;
    color: #dbe8fa !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
    text-align: left !important;
  }

  body.profile-page .profile-mobile-snapshot-label::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 3px !important;
    height: 13px !important;
    background: #ef344c !important;
  }

  body.profile-page .profile-dashboard-summary .profile-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.profile-page .profile-dashboard-stat,
  body.profile-page .profile-dashboard-stat + .profile-dashboard-stat {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 94px !important;
    margin: 0 4px !important;
    padding: 11px 5px !important;
    border: 1px solid rgba(107,167,255,.28) !important;
    border-radius: 10px !important;
    background: rgba(5,22,43,.34) !important;
    text-align: center !important;
  }

  body.profile-page .profile-dashboard-stat > i {
    margin: 0 0 4px !important;
    color: #6ba7ff !important;
    font-size: 22px !important;
  }

  body.profile-page .profile-dashboard-stat b {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body.profile-page .profile-dashboard-stat small {
    margin-top: 1px !important;
    color: #d5deea !important;
    font-size: 8.6px !important;
    line-height: 1.08 !important;
  }

  body.profile-page .profile-dashboard-stat em {
    display: none !important;
  }

  /* ---------- YOUR STUFF heading ---------- */
  body.profile-page .profile-mobile-saved-heading {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 22px 0 9px !important;
    padding: 0 0 0 10px !important;
    border: 0 !important;
  }

  body.profile-page .profile-mobile-saved-heading::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 3px !important;
    height: 13px !important;
    background: #ef344c !important;
  }

  body.profile-page .profile-mobile-saved-heading > span {
    margin: 0 !important;
    color: #dbe8fa !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
  }

  body.profile-page .profile-mobile-saved-heading > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    color: #6ba7ff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  /* ---------- one connected list ---------- */
  body.profile-page .profile-content-bands {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(107,167,255,.25) !important;
    border-radius: 11px !important;
    background: rgba(4,20,41,.28) !important;
  }

  body.profile-page .profile-content-band,
  body.profile-page .profile-band-grid {
    display: contents !important;
  }

  body.profile-page .profile-band-heading {
    display: none !important;
  }

  body.profile-page .profile-band-grid > .profile-dashboard-panel,
  body.profile-page .profile-band-grid > .profile-dashboard-panel:nth-child(even) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(107,167,255,.13) !important;
    background: transparent !important;
  }

  body.profile-page .profile-content-bands .profile-dashboard-panel:first-child {
    border-top: 0 !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) auto 14px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.profile-page .profile-mobile-section-icon {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: rgba(107,167,255,.09) !important;
    color: #6ba7ff !important;
    font-size: 18px !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-transform: none !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row .profile-count {
    color: #6ba7ff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-band-grid .profile-content-title-row::after {
    content: "\ea61" !important;
    color: #6ba7ff !important;
    font-family: "tabler-icons" !important;
    font-size: 13px !important;
  }

  body.profile-page .profile-band-grid .profile-content-heading > p {
    display: block !important;
    margin: 4px 28px 0 48px !important;
    overflow: hidden !important;
    color: #91a1b7 !important;
    font-size: 9.2px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-band-grid .profile-empty-saved {
    display: none !important;
  }

  body.profile-page .profile-band-grid .profile-saved-content {
    margin-top: 6px !important;
  }

  /* ---------- explore ---------- */
  body.profile-page .profile-mobile-explore {
    position: relative !important;
    display: block !important;
    margin-top: 22px !important;
    padding-top: 0 !important;
  }

  body.profile-page .profile-mobile-explore::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 3px !important;
    height: 13px !important;
    background: #ef344c !important;
  }

  body.profile-page .profile-mobile-explore > span {
    display: block !important;
    margin: 0 0 9px !important;
    padding-left: 10px !important;
    color: #dbe8fa !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
  }

  body.profile-page .profile-mobile-explore-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  body.profile-page .profile-mobile-explore-grid > a {
    min-height: 62px !important;
    padding: 10px !important;
    border: 1px solid rgba(107,167,255,.24) !important;
    border-radius: 10px !important;
    background: rgba(5,22,43,.28) !important;
  }

  /* Old desktop explore remains hidden on phone */
  body.profile-page .profile-utility-section {
    display: none !important;
  }

  body.profile-page .profile-support-section {
    margin-top: 14px !important;
    padding-top: 12px !important;
  }

  body.profile-page .background-glow::before,
  body.profile-page .background-glow::after {
    opacity: .04 !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE SIGN-IN CTA CLEANUP
   Remove all icon/glyph/pseudo content from the collapsed
   Pro sign-in action to avoid Safari rendering artefacts.
   ========================================================= */
@media (max-width: 620px) {
  body.profile-page .profile-account-mobile-trigger-action {
    position: relative !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    font-style: normal !important;
    font-variant: normal !important;
    letter-spacing: 0 !important;
  }

  body.profile-page .profile-account-mobile-trigger-action::before,
  body.profile-page .profile-account-mobile-trigger-action::after {
    content: none !important;
    display: none !important;
  }

  body.profile-page .profile-account-mobile-trigger-action i,
  body.profile-page .profile-account-mobile-trigger-action span {
    display: none !important;
  }
}

/* =========================================================
   2026-10-07 — PHONE SIGN-IN CTA WIDTH + TEXT ARROW
   Keep height unchanged, make CTA wider, use plain text arrow.
   ========================================================= */
@media (max-width: 620px) {
  body.profile-page .profile-account-mobile-trigger-action {
    min-width: 112px !important;
    min-height: 42px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    white-space: nowrap !important;
  }

  body.profile-page .profile-account-mobile-trigger-action::before,
  body.profile-page .profile-account-mobile-trigger-action::after {
    content: none !important;
    display: none !important;
  }

  body.profile-page .profile-account-mobile-trigger-action i {
    display: none !important;
  }
}

/* =========================================================
   2026-10-07 — MY SUBSCRIPTION SHELL
   Provider-neutral account/subscription state. No checkout
   or billing-provider management is connected yet.
   ========================================================= */
body.profile-page .profile-subscription-panel{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(107,167,255,.24);
  border-radius:10px;
  background:rgba(5,22,43,.48);
}
body.profile-page .profile-subscription-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
body.profile-page .profile-subscription-heading h3{
  margin:5px 0 0;
  color:#fff;
  font:900 18px/1.15 "Barlow",Arial,sans-serif;
}
body.profile-page .profile-subscription-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(107,167,255,.34);
  border-radius:999px;
  background:rgba(107,167,255,.08);
  color:#8ec8f5;
  font:800 9px/1 Barlow,Arial,sans-serif;
  letter-spacing:.07em;
  white-space:nowrap;
}
body.profile-page .profile-subscription-status.is-active{
  border-color:rgba(68,211,138,.4);
  background:rgba(68,211,138,.08);
  color:#56df98;
}
body.profile-page .profile-subscription-status.is-warning{
  border-color:rgba(242,184,75,.42);
  background:rgba(242,184,75,.08);
  color:#f2b84b;
}
body.profile-page .profile-subscription-status.is-ended{
  border-color:rgba(145,161,183,.35);
  background:rgba(145,161,183,.08);
  color:#aebdca;
}
body.profile-page .profile-subscription-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
body.profile-page .profile-subscription-grid>div{
  min-width:0;
  padding:10px;
  border:1px solid rgba(107,167,255,.15);
  border-radius:7px;
  background:rgba(2,15,36,.56);
}
body.profile-page .profile-subscription-grid span{
  display:block;
  margin-bottom:4px;
  color:#7f94aa;
  font:700 8px/1.2 Barlow,Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.profile-page .profile-subscription-grid strong{
  display:block;
  overflow-wrap:anywhere;
  color:#dfeafa;
  font:700 10.5px/1.3 Barlow,Arial,sans-serif;
}
body.profile-page .profile-subscription-note{
  margin:11px 0 0;
  color:#91a5b9;
  font:500 10.5px/1.4 Barlow,Arial,sans-serif;
}
body.profile-page .profile-subscription-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:13px;
}
body.profile-page .profile-subscription-primary,
body.profile-page .profile-subscription-manage{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:6px;
  font:800 9.5px/1 Barlow,Arial,sans-serif;
}
body.profile-page .profile-subscription-primary{
  border:1px solid rgba(242,184,75,.52);
  background:rgba(242,184,75,.1);
  color:#f2b84b;
  text-decoration:none;
}
body.profile-page .profile-subscription-manage{
  border:1px solid rgba(107,167,255,.24);
  background:rgba(107,167,255,.06);
  color:#8195aa;
}
body.profile-page .profile-subscription-manage:disabled{cursor:not-allowed;opacity:.75}

@media(max-width:620px){
  body.profile-page .profile-subscription-panel{margin-top:14px;padding:13px}
  body.profile-page .profile-subscription-grid{grid-template-columns:1fr}
  body.profile-page .profile-subscription-actions{display:grid}
  body.profile-page .profile-subscription-primary,
  body.profile-page .profile-subscription-manage{width:100%}
}

/* =========================================================
   2026-10-07 — DESKTOP PRO LOGIN LINK ALIGNMENT
   Keep both secondary links on the same left edge.
   Desktop only. Phone layout remains unchanged.
   ========================================================= */
@media (min-width: 621px) {
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 13px !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  > [data-view="forgot"],
  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-pro-explore {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: auto !important;
    text-align: left !important;
  }

  body.profile-page .profile-account-inline-links.profile-account-inline-links-split
  .profile-account-text-link + .profile-account-text-link::before {
    display: none !important;
  }
}


/* Password recovery is a standalone view on mobile; hide the normal account trigger. */
@media (max-width:900px) {
  body.profile-page.profile-password-reset-mode .profile-account-mobile-trigger {
    display:none !important;
  }
  body.profile-page.profile-password-reset-mode #account-signed-out {
    display:block !important;
  }
  body.profile-page.profile-password-reset-mode .profile-account-card {
    border-color:rgba(72,120,169,.55);
  }
}

/* Mobile password recovery: suppress the sign-in promo trigger only while
   the forgot-password or token-reset form is displayed. */
@media (max-width: 900px) {
  body.profile-page.profile-password-recovery-mode .profile-account-card.profile-account-integrated > .profile-account-mobile-trigger {
    display: none !important;
  }
  body.profile-page.profile-password-recovery-mode .profile-account-card.profile-account-integrated #account-signed-out {
    display: block !important;
    padding: 5px 0 2px !important;
  }
}

/* 2026-10-10: provider-neutral subscription management modal; canonical PRO gold */
body.profile-page .profile-subscription-manage:not(:disabled),
body.profile-page .profile-subscription-primary {background:#F2B84B;color:#07162c;border:1px solid #F2B84B;text-decoration:none;cursor:pointer;}
body.profile-page .profile-subscription-manage:not(:disabled):hover,
body.profile-page .profile-subscription-primary:hover {background:#f6c45f;}
.les-subscription-modal[hidden]{display:none!important}
.les-subscription-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;font-family:Barlow,Arial,sans-serif}
.les-subscription-backdrop{position:absolute;inset:0;background:rgba(1,9,21,.82)}
.les-subscription-dialog{position:relative;max-height:min(86dvh,720px);overflow-y:auto;overscroll-behavior:contain;width:min(100%,500px);border:1px solid #354861;border-radius:12px;background:#0D1C32;color:#e0eafa;padding:22px;box-shadow:0 24px 75px rgba(0,0,0,.55)}
.les-subscription-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid #354861;padding-bottom:15px;margin-bottom:16px}
.les-subscription-eyebrow{display:block;color:#A8CDED;font-size:11px;font-weight:800;letter-spacing:.08em}
.les-subscription-dialog h2{font:800 22px/1.15 Barlow,Arial,sans-serif!important;color:white!important;margin:5px 0 0!important}
.les-subscription-dialog h3{font:800 16px/1.2 Barlow,Arial,sans-serif;color:#fff;margin:0 0 10px}
.les-subscription-icon-button{background:none;border:1px solid #51657e;color:#fff;cursor:pointer;width:33px;height:33px;border-radius:6px;font-size:18px;flex-shrink:0}
.les-subscription-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:10px 0;border-bottom:1px solid #273d56}
.les-subscription-row span{color:#aec1d7;font-size:13px}.les-subscription-row strong{font-size:13px;text-align:right;color:white}
.les-subscription-note{font-size:13px;line-height:1.55;color:#c3d4e6;margin:12px 0}
.les-subscription-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;background:transparent;border:0;border-bottom:1px solid #354861;color:white;text-align:left;font:600 14px Barlow,Arial,sans-serif;cursor:pointer}
.les-subscription-option:hover{color:#F2B84B}
.les-subscription-button{display:block;width:100%;margin:12px 0 0;padding:12px;border-radius:6px;border:1px solid #F2B84B;background:#F2B84B;color:#07162c;font:800 13px Barlow,Arial,sans-serif;cursor:pointer}
.les-subscription-button:disabled{opacity:.5;cursor:not-allowed}
.les-subscription-secondary{display:block;width:100%;margin:9px 0 0;padding:11px;border-radius:6px;border:1px solid #677990;background:transparent;color:#fff;font:700 13px Barlow,Arial,sans-serif;cursor:pointer}
.les-subscription-muted{color:#aec1d7;font-size:12px}
.les-subscription-history{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
.les-subscription-history th,.les-subscription-history td{padding:10px 6px;text-align:left;border-bottom:1px solid #354861}
.les-subscription-history th{font-size:10px;color:#a8cded}
@media(max-width:620px){.les-subscription-dialog{padding:16px;max-height:88dvh}.les-subscription-dialog h2{font-size:19px!important}}

/* Subscription actions must respect the hidden state on FREE accounts. */
body.profile-page .profile-subscription-actions [hidden] { display: none !important; }

/* Local opt-in subscription preview; panel is created only by the local-host guard. */

/* 2026-10-10: Give provider-pending action notes room to breathe. */
.les-subscription-dialog button:disabled + .les-subscription-muted {
  display:block;
  margin-top:13px;
  line-height:1.5;
}

/* 2026-10-10: Account visibility safeguard.
   The mobile expanded/recovery layouts use display: block !important;
   never let those rules override the real authentication state. */
body.profile-page .profile-account-card.profile-account-integrated #account-signed-out[hidden],
body.profile-page .profile-account-card.profile-account-integrated #account-signed-in[hidden] {
  display: none !important;
}

/* Mobile: signed-in account information is already visible.
   Hide the redundant Manage action, preserving Sign in for signed-out visitors. */
@media (max-width: 760px) {
  body.profile-page .profile-account-card.profile-account-integrated:has(#account-signed-in:not([hidden]))
  .profile-account-mobile-trigger-action { display: none !important; }
  body.profile-page .profile-account-card.profile-account-integrated:has(#account-signed-in:not([hidden]))
  .profile-account-mobile-trigger { cursor: default !important; opacity: 1 !important; }
}

/* 2026-10-10: Signed-in mobile account folds under its existing header.
   The header's existing click handler toggles profile-account-mobile-open.
   Keep desktop and signed-out authentication layouts unchanged. */
@media (max-width: 760px) {
  body.profile-page .profile-account-card.profile-account-integrated:has(#account-signed-in:not([hidden]))
  .profile-account-mobile-trigger { cursor: pointer !important; }

  body.profile-page .profile-account-card.profile-account-integrated:has(#account-signed-in:not([hidden]))
  .profile-account-mobile-trigger-chevron {
    display: inline-block !important;
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
    transform: rotate(0deg) !important;
    transition: transform .18s ease !important;
  }
  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open:has(#account-signed-in:not([hidden]))
  .profile-account-mobile-trigger-chevron { transform: rotate(180deg) !important; }

  body.profile-page .profile-account-card.profile-account-integrated #account-signed-in:not([hidden]) {
    display: none !important;
  }
  body.profile-page .profile-account-card.profile-account-integrated.profile-account-mobile-open #account-signed-in:not([hidden]) {
    display: block !important;
  }
}