/* MODE PUBLIC STABILITY V9D
   Pastel theme/readability repair on top of the stable V9B state.
   No timers. No MutationObserver. No full-page theme repaint.
*/

/* Hide the old header artwork until V9B installs the selected MODE lockup. */
html[data-mode-public-v9-pre="1"]:not(.mode-v9-ready)
header a.molo-home-logo img,
html[data-mode-public-v9-pre="1"]:not(.mode-v9-ready)
header a.molo-logo img,
html[data-mode-public-v9-pre="1"]:not(.mode-v9-ready)
header a.v36-public-brand img,
html[data-mode-public-v9-pre="1"]:not(.mode-v9-ready)
header a.logo.molo-brand img,
html[data-mode-public-v9-pre="1"]:not(.mode-v9-ready)
header a.mode-unified-brand-host img {
  opacity:0!important;
}

html[data-mode-public-v9="true"] * {
  box-sizing:border-box;
}

/* ---------- HEADER - ONE CLEAN ROW ---------- */
html[data-mode-public-v9="true"] .mode-v9-header {
  width:100%!important;
  max-width:none!important;
}

html[data-mode-public-v9="true"] .mode-v9-header-inner {
  width:calc(100% - 48px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
}

html[data-mode-public-v9="true"] .mode-v9-header-brand {
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:320px!important;
  min-width:0!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

html[data-mode-public-v9="true"] .mode-v9-header-logo {
  display:block!important;
  width:clamp(235px,19vw,315px)!important;
  max-width:100%!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-mode-public-v9="true"] .mode-v9-hide-old-brand-words,
html[data-mode-public-v9="true"] .mode-v9b-hide-control,
html[data-mode-public-v9="true"] .mode-v9b-empty-wrapper {
  display:none!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions {
  margin-left:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  white-space:nowrap!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > * {
  flex:0 0 auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions a,
html[data-mode-public-v9="true"] .mode-v9b-actions button {
  min-height:40px!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-button {
  min-height:40px!important;
  padding:9px 14px!important;
  border:1px solid rgba(24,28,24,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#171a17!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

/* ---------- THEME MENU ---------- */
.mode-v9-theme-menu {
  position:absolute!important;
  z-index:10000!important;
  width:260px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid rgba(22,26,22,.12)!important;
  border-radius:20px!important;
  box-shadow:0 18px 52px rgba(30,35,30,.16)!important;
}

.mode-v9-theme-menu[hidden] {
  display:none!important;
}

.mode-v9-theme-option {
  min-width:0!important;
  min-height:46px!important;
  padding:10px 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#1b1d1a!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:left!important;
  cursor:pointer!important;
}

.mode-v9-theme-option:hover,
.mode-v9-theme-option.is-active {
  background:#f2f2ef!important;
  border-color:rgba(20,24,20,.08)!important;
}

.mode-v9-theme-option i {
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  border-radius:50%!important;
  display:block!important;
  background:#738a67!important;
}

.mode-v9-theme-option[data-mode-v9-choice="ink"] i { background:#17231f!important; }
.mode-v9-theme-option[data-mode-v9-choice="ocean"] i { background:#2f8797!important; }
.mode-v9-theme-option[data-mode-v9-choice="copper"] i { background:#ad6849!important; }
.mode-v9-theme-option[data-mode-v9-choice="violet"] i { background:#8066a7!important; }
.mode-v9-theme-option[data-mode-v9-choice="mono"] i { background:#181818!important; }

/* ---------- KEEP THE GOOD FOOTER, MATCH ITS LOGO TO THE TOP ---------- */
html[data-mode-public-v9="true"] footer.mode-v9-footer {
  position:relative!important;
  inset:auto!important;
  clear:both!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:48px 0 0!important;
  padding:26px 0 24px!important;
  background:#f5f2ec!important;
  border-top:1px solid rgba(24,27,24,.11)!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#2f322f!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-inner {
  width:calc(100% - 64px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 32px!important;
  display:grid!important;
  grid-template-columns:minmax(330px,.95fr) minmax(0,1.65fr)!important;
  gap:34px!important;
  align-items:end!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-left {
  min-width:0!important;
  align-self:start!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-brand {
  display:block!important;
  width:min(320px,100%)!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-logo,
html[data-mode-public-v9="true"] .mode-v9-footer-brand img {
  display:block!important;
  width:100%!important;
  max-width:320px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-left p {
  max-width:620px!important;
  margin:0!important;
  color:#62665f!important;
  font-size:14px!important;
  line-height:1.55!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-right {
  min-width:0!important;
  display:grid!important;
  justify-items:end!important;
  gap:13px!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-links {
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px 18px!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-links a {
  color:#555951!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-links a:hover {
  color:#222522!important;
  text-decoration:underline!important;
}

html[data-mode-public-v9="true"] .mode-v9-footer-copy {
  color:#555951!important;
  font-size:12px!important;
  font-weight:700!important;
  text-align:right!important;
}

/* Affiliate is deliberately the same colour as every other footer link. */
html[data-mode-public-v9="true"] .mode-v9-footer-links a[href*="/affiliate"] {
  color:#555951!important;
}

/* ---------- THEME THE ACTUAL FEATURE BOXES, NOT THE PAGE BEHIND ---------- */
html[data-mode-public-v9="true"] body.mode-v9-pricing,
html[data-mode-public-v9="true"] body.mode-v9-affiliate {
  background:#f7f4ec!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing main,
html[data-mode-public-v9="true"] body.mode-v9-affiliate main {
  background:transparent!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-panel {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-panel h1,
html[data-mode-public-v9="true"] .mode-v9-theme-panel h2,
html[data-mode-public-v9="true"] .mode-v9-theme-panel h3,
html[data-mode-public-v9="true"] .mode-v9-theme-panel h4,
html[data-mode-public-v9="true"] .mode-v9-theme-panel strong,
html[data-mode-public-v9="true"] .mode-v9-theme-panel p,
html[data-mode-public-v9="true"] .mode-v9-theme-panel small,
html[data-mode-public-v9="true"] .mode-v9-theme-panel li,
html[data-mode-public-v9="true"] .mode-v9-theme-panel label {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-panel button,
html[data-mode-public-v9="true"] .mode-v9-theme-panel .btn,
html[data-mode-public-v9="true"] .mode-v9-theme-panel a.btn {
  background:#102019!important;
  color:#fff!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-panel button *,
html[data-mode-public-v9="true"] .mode-v9-theme-panel .btn *,
html[data-mode-public-v9="true"] .mode-v9-theme-panel a.btn * {
  color:#fff!important;
}

/* The Pricing comparison panel on the right stays light and readable. */
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel h1,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel h2,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel h3,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel h4,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel strong,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel p,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel small,
html[data-mode-public-v9="true"] .mode-v9b-pricing-side-panel li {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] .mode-v9-accent-text {
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] .mode-v9-pricing-inline-legal {
  display:none!important;
}

/* ---------- ACCOUNT - PASTEL THEME, SAME LAYOUT ---------- */
html[data-mode-public-v9="true"] body.mode-v9-account {
  background:var(--mode-v9-page,#f7faf5)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account main {
  background:transparent!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9b-account-card {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

/* Keep the already-good footer exactly as it is. */
html[data-mode-public-v9="true"] body.mode-v9-account footer.mode-v9-footer {
  background:#f5f2ec!important;
}

/* ---------- ACCOUNT - SAME OUTER WIDTH ALL THE WAY DOWN ---------- */
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9b-account-wide {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

/* Desktop header never wraps. */
@media(min-width:761px) {
  html[data-mode-public-v9="true"] .mode-v9-header-inner,
  html[data-mode-public-v9="true"] .mode-v9b-actions {
    flex-wrap:nowrap!important;
  }
}

@media(max-width:1080px) {
  html[data-mode-public-v9="true"] .mode-v9b-actions {
    gap:6px!important;
  }

  html[data-mode-public-v9="true"] .mode-v9b-actions a,
  html[data-mode-public-v9="true"] .mode-v9b-actions button {
    padding-left:11px!important;
    padding-right:11px!important;
    font-size:12px!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-inner {
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-right {
    justify-items:start!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-links {
    justify-content:flex-start!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-copy {
    text-align:left!important;
  }
}

@media(max-width:760px) {
  html[data-mode-public-v9="true"] .mode-v9-header-inner {
    width:calc(100% - 24px)!important;
    margin:0 12px!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-header-brand {
    max-width:min(62vw,270px)!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-header-logo {
    width:min(62vw,270px)!important;
    max-height:72px!important;
  }

  html[data-mode-public-v9="true"] .mode-v9b-actions {
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
    padding-bottom:3px!important;
  }

  html[data-mode-public-v9="true"] .mode-v9b-actions::-webkit-scrollbar {
    display:none!important;
  }

  .mode-v9-theme-menu {
    position:fixed!important;
    top:90px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-inner {
    width:calc(100% - 24px)!important;
    margin:0 12px!important;
    gap:24px!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-brand {
    width:min(300px,82vw)!important;
  }

  html[data-mode-public-v9="true"] .mode-v9-footer-links {
    gap:10px 16px!important;
  }
}

/* ==========================================================================
   MODE PUBLIC STABILITY V9D - EXACT LIVE SELECTOR REPAIR
   Based on the live selectors returned from pricing/index.php and account/index.php.
   This section intentionally does NOT alter the approved homepage or footer layout.
   ========================================================================== */

/* ---------- PRICING: THE ACTUAL LIVE V65 PANELS ---------- */
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main h1,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main p,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main strong {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main .v65-kicker {
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule strong,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule span,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule p {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule .v65-kicker {
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule .v65-rule-line {
  border-color:color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 72%,transparent)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule .v65-rule-line b {
  background:var(--mode-v9-accent,#738a67)!important;
  color:#fff!important;
}

/* Monthly setup was still using white labels on a pale panel. */
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary h2,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary p,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary span,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary strong,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary small,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary label {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary .v65-kicker,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary .v65-kicker[style] {
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary-line {
  border-color:color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 65%,transparent)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total {
  background:#fff!important;
  color:#20241f!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total strong,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total p,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total small {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-step,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-terms {
  border-color:color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 72%,#ddd)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-step-no {
  background:var(--mode-v9-accent,#738a67)!important;
  color:#fff!important;
}

/* ---------- ACCOUNT: USE THE LIVE SECTION-CARD / RULES-GRID STRUCTURE ---------- */
html[data-mode-public-v9="true"] body.mode-v9-account .section-card {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .section-card .eyebrow {
  color:var(--mode-v9-accent,#738a67)!important;
}

/* Person/profile records stay crisp white inside the themed section frame. */
html[data-mode-public-v9="true"] body.mode-v9-account .person-card,
html[data-mode-public-v9="true"] body.mode-v9-account .pending-invite-row,
html[data-mode-public-v9="true"] body.mode-v9-account .seat-full-state {
  background:#fff!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .rules-card {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article strong,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article span,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article small,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-note,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-card h2,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-card p {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article span,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid article small,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-note {
  opacity:.78!important;
}

/* The privacy-choice section is intentionally removed from the Account UI. */
#privacy-choice {
  display:none!important;
}

/* ---------- LEGAL/POLICY PAGES: SAME CLEAN PILL HEADER AS PRICING ---------- */
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions > a,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions > button {
  min-height:40px!important;
  padding:9px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(24,28,24,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#171a17!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions > a:hover,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions > button:hover {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#171a17!important;
  text-decoration:none!important;
}

/* Legal/policy pages now actually follow the selected MODE. */
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-main {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-main h1,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-main p,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-main strong {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-side {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-side strong,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero-side p {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-kicker,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-nav a:hover {
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-date {
  background:color-mix(in srgb,var(--mode-v9-pastel-soft,#eef4ea) 72%,#fff)!important;
  color:#20241f!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-card,
html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-nav {
  border-color:color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 72%,#ddd)!important;
}

/* Mobile remains full width with no sideways scrolling. */
@media(max-width:860px) {
  html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero,
  html[data-mode-public-v9="true"] body.mode-v9-legal .mode-info-hero {
    grid-template-columns:1fr!important;
  }
}

@media(max-width:680px) {
  html[data-mode-public-v9="true"] body.mode-v9-account .rules-grid {
    grid-template-columns:1fr!important;
  }

  html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions {
    overflow-x:auto!important;
    max-width:100%!important;
    scrollbar-width:none!important;
  }

  html[data-mode-public-v9="true"] body.mode-v9-legal .mode-v9b-actions::-webkit-scrollbar {
    display:none!important;
  }
}


/* ==========================================================================
   MODE PUBLIC STABILITY V9G - STABLE BASE - BASE POLISH
   Current V9D visual base is retained. These rules address only:
   - Connected status on HOME
   - Pricing Single card readability/layout
   - Electrical Pro choice layout/readability
   - Affiliate theme following the selected pastel MODE
   ========================================================================== */

/* ---------- HOME: KEEP THE HEADER CLEAN ---------- */
/* User does not need "Connected to ..." on the main homepage. */
html[data-mode-public-v9="true"] body.mode-v9-home .molo-header-status,
html[data-mode-public-v9="true"] body.mode-v9-home .mode-connected-pill,
html[data-mode-public-v9="true"] body.mode-v9-home [class*="header-status"] {
  display:none!important;
}

/* ---------- PRICING: SINGLE CARD ---------- */
/* Keep the three-plan grid, but make Single easier to scan and use its space. */
html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] {
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  align-content:stretch!important;
  gap:12px!important;
  padding:28px 28px 26px!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .tag {
  font-size:12px!important;
  letter-spacing:.16em!important;
  line-height:1.2!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] h3 {
  margin:0!important;
  font-size:clamp(29px,2vw,35px)!important;
  line-height:1.05!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .price {
  margin:0!important;
  font-size:clamp(34px,2.3vw,43px)!important;
  line-height:1!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .price small {
  font-size:14px!important;
  font-weight:800!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] > p {
  max-width:94%!important;
  margin:2px 0 0!important;
  font-size:17px!important;
  line-height:1.55!important;
  color:#4b5049!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .facts {
  align-self:end!important;
  display:grid!important;
  gap:9px!important;
  margin-top:14px!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .facts span {
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:9px 12px 9px 32px!important;
  position:relative!important;
  border:1px solid color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 62%,#fff)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.62)!important;
  color:#20241f!important;
  font-size:15px!important;
  font-weight:780!important;
  line-height:1.3!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-choice[data-base="single"] .facts span::before {
  content:""!important;
  position:absolute!important;
  left:13px!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:var(--mode-v9-accent,#738a67)!important;
}

/* ---------- PRICING: ELECTRICAL PRO CHOICE ---------- */
html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-grid {
  gap:16px!important;
  align-items:stretch!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice {
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  gap:12px!important;
  min-width:0!important;
  padding:28px!important;
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  border-radius:22px!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice.no {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice.yes {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice.active {
  box-shadow:inset 0 0 0 2px var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice .v65-kicker {
  font-size:12px!important;
  letter-spacing:.16em!important;
  color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice h3 {
  margin:0!important;
  font-size:clamp(29px,2vw,35px)!important;
  line-height:1.06!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice .pro-price {
  margin:0!important;
  font-size:clamp(34px,2.3vw,43px)!important;
  line-height:1!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice .pro-price small {
  font-size:14px!important;
  font-weight:800!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice > p {
  max-width:96%!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.55!important;
  color:#4b5049!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice .facts {
  align-self:end!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing
.v65-pro-choice .facts span {
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 12px!important;
  border:1px solid color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 58%,#fff)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.68)!important;
  color:#20241f!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.2!important;
}

/* ---------- AFFILIATE: FOLLOW THE SELECTED MODE ---------- */
/* A very light page tint, then two readable pastel feature cards. */
html[data-mode-public-v9="true"] body.mode-v9-affiliate {
  background:var(--mode-v9-page,#f7faf5)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate main {
  background:transparent!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main strong,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main span,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side strong,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side span {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main [class*="kicker"],
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-side [class*="kicker"] {
  color:var(--mode-v9-accent,#738a67)!important;
}

/* Keep Affiliate call-to-action buttons clear on pale surfaces. */
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main a,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main button {
  color:#20241f!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main a:first-of-type,
html[data-mode-public-v9="true"] body.mode-v9-affiliate
.mode-v9e-affiliate-main button:first-of-type {
  background:#fff!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:680px) {
  html[data-mode-public-v9="true"] body.mode-v9-pricing
  .v65-choice[data-base="single"],
  html[data-mode-public-v9="true"] body.mode-v9-pricing
  .v65-pro-choice {
    padding:22px!important;
  }

  html[data-mode-public-v9="true"] body.mode-v9-pricing
  .v65-choice[data-base="single"] > p,
  html[data-mode-public-v9="true"] body.mode-v9-pricing
  .v65-pro-choice > p {
    max-width:100%!important;
    font-size:16px!important;
  }
}


/* MODE PUBLIC STABILITY V9H - HEADER CONSISTENCY + AFFILIATE PASTEL REDESIGN */

html[data-mode-public-v9="true"] .mode-v9b-actions > a,
html[data-mode-public-v9="true"] .mode-v9b-actions > button,
html[data-mode-public-v9="true"] .mode-v9b-actions > .molo-header-status,
html[data-mode-public-v9="true"] .mode-v9b-actions > .mode-connected-pill,
html[data-mode-public-v9="true"] .mode-v9b-actions > [class*="header-status"] {
  min-height:42px!important;
  padding:9px 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(24,28,24,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#171a17!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > a:hover,
html[data-mode-public-v9="true"] .mode-v9b-actions > button:hover,
html[data-mode-public-v9="true"] .mode-v9b-actions > .mode-v9h-active {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#171a17!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-button,
html[data-mode-public-v9="true"] .mode-v9b-actions > a[href*="logout"],
html[data-mode-public-v9="true"] .mode-v9b-actions > button[class*="logout"] {
  background:#fff!important;
  color:#171a17!important;
  border-color:rgba(24,28,24,.14)!important;
}

html[data-mode-v9-route="home"] .molo-header-status,
html[data-mode-v9-route="home"] .mode-connected-pill,
html[data-mode-v9-route="home"] [class*="header-status"],
html[data-mode-public-v9="true"] .mode-v9h-hide-connected { display:none!important; }

html[data-mode-public-v9="true"] .mode-v9h-connected::before,
html[data-mode-public-v9="true"] .mode-v9h-connected::after,
html[data-mode-public-v9="true"] .molo-header-status::before,
html[data-mode-public-v9="true"] .molo-header-status::after {
  content:none!important;
  display:none!important;
}

html[data-mode-public-v9="true"] .mode-v9h-connected .molo-status-green {
  display:inline-block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  flex:0 0 10px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#2dbb6f!important;
  box-shadow:0 0 0 4px rgba(45,187,111,.12)!important;
}

html[data-mode-public-v9="true"] .mode-v9h-connected .molo-status-green ~ .molo-status-green,
html[data-mode-public-v9="true"] .mode-v9h-connected [class*="status-dot"] ~ [class*="status-dot"],
html[data-mode-public-v9="true"] .mode-v9h-connected [class*="connected-dot"] ~ [class*="connected-dot"] { display:none!important; }

html[data-mode-public-v9="true"] body.mode-v9-affiliate { background:var(--mode-v9-page,#f7faf5)!important; }
html[data-mode-public-v9="true"] body.mode-v9-affiliate main { background:transparent!important; }

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-hero-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side {
  min-width:0!important;
  height:100%!important;
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  border-radius:26px!important;
  background-image:none!important;
  box-shadow:0 18px 44px rgba(40,45,39,.07)!important;
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main { background:var(--mode-v9-pastel,#dfe9d8)!important; }
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side { background:var(--mode-v9-pastel-soft,#eef4ea)!important; }

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main::before,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main::after,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side::before,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side::after {
  background:var(--mode-v9-accent,#738a67)!important;
  opacity:.10!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main strong,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main span,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side strong,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side span { color:#20241f!important; }

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main h2 {
  max-width:760px!important;
  font-size:clamp(48px,5vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side h3 {
  font-size:clamp(30px,2.7vw,43px)!important;
  line-height:1.04!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-side p { font-size:16px!important; line-height:1.55!important; }

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main a,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main button {
  min-height:42px!important;
  border-radius:12px!important;
  font-weight:800!important;
}
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main a:first-of-type,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-main button:first-of-type {
  background:#15221c!important;
  color:#fff!important;
  border-color:#15221c!important;
}

html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-section {
  background:color-mix(in srgb,var(--mode-v9-pastel-soft,#eef4ea) 68%,#fff)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card {
  background:color-mix(in srgb,var(--mode-v9-pastel,#dfe9d8) 62%,#fff)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card:nth-of-type(even) {
  background:color-mix(in srgb,var(--mode-v9-pastel-soft,#eef4ea) 72%,#fff)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-section h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-section h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-section h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-section p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card h1,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card h2,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card h3,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card p,
html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-card strong { color:#20241f!important; }
html[data-mode-public-v9="true"] body.mode-v9-affiliate [class*="kicker"],
html[data-mode-public-v9="true"] body.mode-v9-affiliate [class*="eyebrow"],
html[data-mode-public-v9="true"] body.mode-v9-affiliate [class*="overline"] { color:var(--mode-v9-accent,#738a67)!important; }

@media(max-width:980px) {
  html[data-mode-public-v9="true"] body.mode-v9-affiliate .mode-v9h-affiliate-hero-grid { grid-template-columns:1fr!important; }
}


/* MODE PUBLIC V9I - THEME PERSISTENCE + HEADER FINALISATION */
html[data-mode-public-v9="true"] body {
  background-color:var(--mode-v9-page,#f7faf5)!important;
}

html[data-mode-public-v9="true"] main {
  --mode-site-accent:var(--mode-v9-accent,#738a67);
  --mode-site-pastel:var(--mode-v9-pastel,#dfe9d8);
  --mode-site-pastel-soft:var(--mode-v9-pastel-soft,#eef4ea);
  --mode-site-border:var(--mode-v9-border,#b7c8ad);
}

html[data-mode-public-v9="true"] body.mode-v9-home .mode-v9h-connected,
html[data-mode-public-v9="true"] body.mode-v9-home .mode-v9i-connected-right,
html[data-mode-public-v9="true"] .mode-v9i-connected-right {
  display:inline-flex!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions {
  margin-left:auto!important;
  justify-content:flex-end!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > .mode-v9i-connected-right {
  order:90!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > a[href*="logout"],
html[data-mode-public-v9="true"] .mode-v9b-actions > button[class*="logout"] {
  order:100!important;
}


/* MODE PUBLIC V9J - SHARED HEADER + ACCOUNT / MASTER ADMIN FLOW */

html[data-mode-public-v9="true"] .mode-v9-header {
  border-bottom-color:color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 72%,#ddd)!important;
}

html[data-mode-public-v9="true"] .mode-v9-theme-button,
html[data-mode-public-v9="true"] .mode-v9b-actions > .mode-v9i-connected-right {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#171a17!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > .mode-v9h-active {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-accent,#738a67)!important;
  color:#171a17!important;
}

html[data-mode-public-v9="true"] body.mode-v9-home .mode-v9i-connected-right {
  margin-left:0!important;
  margin-right:0!important;
}

html[data-mode-public-v9="true"] .mode-v9j-dark-action {
  background:#151a16!important;
  border-color:#151a16!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-mode-public-v9="true"] .mode-v9j-dark-action *,
html[data-mode-public-v9="true"] .mode-v9j-dark-action:hover,
html[data-mode-public-v9="true"] .mode-v9j-dark-action:focus {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9j-active-seats-card {
  background:#151a16!important;
  border-color:#151a16!important;
  color:#fff!important;
}
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9j-active-seats-card * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}

html[data-mode-public-v9="true"] body.mode-v9-account .section-card:nth-of-type(odd),
html[data-mode-public-v9="true"] body.mode-v9-account .rules-card {
  background:color-mix(in srgb,var(--mode-v9-pastel-soft,#eef4ea) 78%,#fff)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-account .section-card:nth-of-type(even) {
  background:color-mix(in srgb,var(--mode-v9-pastel,#dfe9d8) 58%,#fff)!important;
}

html[data-mode-public-v9="true"] body.mode-v9-master-admin {
  background:var(--mode-v9-page,#f7faf5)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin main {
  background:transparent!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel h1,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel h2,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel h3,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel p,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel strong,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9-theme-panel span {
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9j-master-card {
  background:color-mix(in srgb,var(--mode-v9-pastel-soft,#eef4ea) 72%,#fff)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9j-master-card:nth-of-type(even) {
  background:color-mix(in srgb,var(--mode-v9-pastel,#dfe9d8) 54%,#fff)!important;
}

html[data-mode-public-v9="true"] .mode-v9b-actions > * {
  min-height:42px!important;
  border-radius:999px!important;
}

@media(max-width:860px) {
  html[data-mode-public-v9="true"] .mode-v9b-actions {
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html[data-mode-public-v9="true"] .mode-v9b-actions::-webkit-scrollbar {
    display:none!important;
  }
}


/* ==========================================================================
   MODE PUBLIC V9K - OBSERVED VISUAL REPAIR
   ========================================================================== */

/* CONNECTED: same physical size as the other header controls, exactly one dot. */
html[data-mode-public-v9="true"] .mode-v9k-connected {
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  gap:8px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html[data-mode-public-v9="true"] .mode-v9k-connected > * {
  flex:none!important;
}
html[data-mode-public-v9="true"] .mode-v9k-connected .mode-v9k-status-dot {
  display:inline-block!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#2dbb6f!important;
  box-shadow:0 0 0 3px rgba(45,187,111,.11)!important;
}
html[data-mode-public-v9="true"] .mode-v9k-connected .mode-v9k-connected-label {
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#171a17!important;
}

/* ACCOUNT: chosen MODE must visibly recolour the actual page, not only the logo. */
html[data-mode-public-v9="true"] body.mode-v9-account {
  background:var(--mode-v9-page,#f7faf5)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9k-account-live-panel,
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9-theme-panel,
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9b-account-card,
html[data-mode-public-v9="true"] body.mode-v9-account .section-card,
html[data-mode-public-v9="true"] body.mode-v9-account .rules-card {
  box-shadow:none!important;
}

/* PRICING: make the hero and monthly setup TWO real cards, no middle divider strip. */
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  gap:16px!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero::before,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero::after,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary::before,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary::after {
  content:none!important;
  display:none!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-main,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-hero-rule,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary > div,
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total {
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  border-radius:24px!important;
  box-shadow:none!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-summary > div {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  padding:28px!important;
}

html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-total {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
}

/* Billing/access needs real visual grouping rather than four washed-out slabs. */
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-term {
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  box-shadow:none!important;
}
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-term:nth-child(4n+1) {
  background:#eef4ea!important;
}
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-term:nth-child(4n+2) {
  background:#faeee7!important;
}
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-term:nth-child(4n+3) {
  background:#ecf7f8!important;
}
html[data-mode-public-v9="true"] body.mode-v9-pricing .v65-term:nth-child(4n+4) {
  background:#f3edf8!important;
}

/* MASTER ADMIN: clean header only. Old V9J-created controls are removed in JS. */
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9b-actions {
  margin-left:auto!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}

/* The black Master hero remains black with genuinely readable white content. */
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark {
  background:#151a16!important;
  background-image:none!important;
  border-color:#151a16!important;
  color:#fff!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark h1,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark h2,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark h3,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark p,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark strong,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark span,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-dark small {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}

/* Current theme still identifies the primary Master controls. */
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-theme-main {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-theme-side {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
}

/* Different pastel cards so the Master Admin sections no longer blend together. */
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card {
  border:1px solid var(--mode-v9-border,#b7c8ad)!important;
  color:#20241f!important;
  box-shadow:none!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-tone-sage {
  background:#eef4ea!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-tone-copper {
  background:#faeee7!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-tone-ocean {
  background:#ecf7f8!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-tone-violet {
  background:#f3edf8!important;
}
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card h1,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card h2,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card h3,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card p,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card strong,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card span,
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9k-master-card small {
  color:#20241f!important;
  -webkit-text-fill-color:#20241f!important;
  opacity:1!important;
}


/* ========================================================================== 
   MODE PUBLIC V9L - CANONICAL LOGGED-IN HEADER + THEME FLOW
   ========================================================================== */

html[data-mode-public-v9="true"] .mode-v9l-retired-header-node,
html[data-mode-public-v9="true"] .mode-v9l-profile-promo-hide {
  display:none!important;
}

html[data-mode-public-v9="true"] .mode-v9l-actions {
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}

html[data-mode-public-v9="true"] .mode-v9l-control {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  min-width:0!important;
  padding:0 15px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--mode-v9-border,#b7c8ad) 70%,#ddd)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#171a17!important;
  -webkit-text-fill-color:#171a17!important;
  font:800 13px/1.1 Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html[data-mode-public-v9="true"] .mode-v9l-control:hover,
html[data-mode-public-v9="true"] .mode-v9l-control:focus {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
  color:#171a17!important;
}

html[data-mode-public-v9="true"] .mode-v9l-control.mode-v9l-active {
  background:var(--mode-v9-pastel,#dfe9d8)!important;
  border-color:var(--mode-v9-accent,#738a67)!important;
}

html[data-mode-public-v9="true"] .mode-v9l-control.mode-v9-theme-button {
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
  border-color:var(--mode-v9-border,#b7c8ad)!important;
}

html[data-mode-public-v9="true"] .mode-v9l-connected {
  gap:7px!important;
  padding-left:13px!important;
  padding-right:13px!important;
  background:var(--mode-v9-pastel-soft,#eef4ea)!important;
}

html[data-mode-public-v9="true"] .mode-v9l-status-dot {
  display:block!important;
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#2dbb6f!important;
  box-shadow:none!important;
}

html[data-mode-public-v9="true"] .mode-v9l-connected > span {
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#171a17!important;
  -webkit-text-fill-color:#171a17!important;
}

html[data-mode-public-v9="true"] .mode-v9l-logout {
  background:#151a16!important;
  border-color:#151a16!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-mode-public-v9="true"] .mode-v9l-logout:hover,
html[data-mode-public-v9="true"] .mode-v9l-logout:focus {
  background:#242b25!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Account now follows the selected MODE all the way through its nested cards. */
html[data-mode-public-v9="true"] body.mode-v9-account main {
  background:transparent!important;
}
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9l-account-surface,
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9l-account-major {
  box-shadow:none!important;
}
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9l-account-keep-dark,
html[data-mode-public-v9="true"] body.mode-v9-account .mode-v9l-account-keep-dark * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Old Profile page now sits inside the same MODE shell instead of its own top treatment. */
html[data-mode-public-v9="true"] body.mode-v9-profile {
  background:var(--mode-v9-page,#f7faf5)!important;
}
html[data-mode-public-v9="true"] body.mode-v9-profile main {
  background:transparent!important;
}
html[data-mode-public-v9="true"] body.mode-v9-profile .mode-v9l-profile-dark,
html[data-mode-public-v9="true"] body.mode-v9-profile .mode-v9l-profile-dark * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Master header centre mark / original buttons are retired by JS; page cards remain V9K. */
html[data-mode-public-v9="true"] body.mode-v9-master-admin .mode-v9l-actions {
  margin-left:auto!important;
}

@media(max-width:1100px) {
  html[data-mode-public-v9="true"] .mode-v9l-actions {
    gap:6px!important;
  }
  html[data-mode-public-v9="true"] .mode-v9l-control {
    height:38px!important;
    min-height:38px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }
}

@media(max-width:860px) {
  html[data-mode-public-v9="true"] .mode-v9l-actions {
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[data-mode-public-v9="true"] .mode-v9l-actions::-webkit-scrollbar {
    display:none!important;
  }
}


/* MODE PUBLIC V9M - VIDEO-OBSERVED CLEANUP */
html[data-mode-public-v9="true"] .mode-v9m-retired-top-control {
  display:none!important;
}
html[data-mode-public-v9="true"] body.mode-v9-profile .mode-v9l-profile-promo-hide,
html[data-mode-public-v9="true"] body.mode-v9-profile .mode-v9m-retired-top-control {
  display:none!important;
}