/* ─────────────────────────────────────────────────────────
   AHENTE PRO  — Premium Mobile Design v2.0
   Senior-level audit & polish: typography, spacing, motion,
   color system, component hierarchy, mobile UX.
   ───────────────────────────────────────────────────────── */

/* ── DESIGN TOKENS ──────────────────────────────────────── */
:root {
  /* Base palette */
  --bg:          #00130c;
  --bg2:         #021910;
  --card:        #04200f;
  --card2:       #062918;
  --line:        rgba(200,255,225,.11);
  --line2:       rgba(255,255,255,.07);

  /* Text */
  --text:        #edfff5;
  --muted:       #8dbaaa;
  --soft:        #d4fce8;

  /* Brand accents */
  --green:       #2de87a;
  --green2:      #00b86b;
  --green-glow:  rgba(45,232,122,.22);
  --gold:        #ffd166;
  --gold-glow:   rgba(255,209,102,.22);
  --red:         #ff6b6b;

  /* Surfaces */
  --glass:       rgba(4,28,16,.78);
  --glass-border:rgba(180,255,215,.10);

  /* Layout */
  --radius:      24px;
  --radius2:     16px;
  --navH:        72px;
  --topbarH:     64px;

  /* Shadows */
  --shadow-sm:   0 4px 18px rgba(0,0,0,.22);
  --shadow-md:   0 12px 40px rgba(0,0,0,.32);
  --shadow-lg:   0 22px 60px rgba(0,0,0,.42);

  /* Typography */
  --font-body:   'Inter', system-ui, sans-serif;
  --font-display:'Plus Jakarta Sans', system-ui, sans-serif;
}

/* ── RESET & BASE ────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
  background: #00130c;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── APP SHELL ───────────────────────────────────────────── */
.app-shell {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  background: linear-gradient(180deg, #062218 0%, #011208 100%);
  box-shadow: 0 0 100px rgba(0,0,0,.6);
  overflow: hidden;
}

/* Ambient background glow */
.app-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 40% at 80% 8%, rgba(45,232,122,.13), transparent),
    radial-gradient(ellipse 50% 30% at 10% 72%, rgba(255,209,102,.07), transparent);
  pointer-events: none;
  z-index: 0;
}

/* ── GLASS SURFACE ───────────────────────────────────────── */
.glass {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* ── TOPBAR ──────────────────────────────────────────────── */
.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: calc(var(--topbarH) + env(safe-area-inset-top));
  padding-top: env(safe-area-inset-top);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.logo-mark {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #e2fff0, #44ec96);
  box-shadow: 0 8px 24px rgba(45,232,122,.3), inset 0 1px 0 rgba(255,255,255,.6);
  flex-shrink: 0;
  overflow: hidden;
}

.logo-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 13px;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1;
}

.brand-copy b {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.3px;
  color: var(--soft);
}

.brand-copy small {
  font-size: 10px;
  color: var(--muted);
  line-height: 1.3;
  white-space: pre-line;
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── BUTTONS — core ──────────────────────────────────────── */
.chip, .pro-pill, .icon-btn,
.primary, .secondary,
.mini-btn, .seg-btn, .copy-btn,
.choice, .back-btn, .back-link,
.ghost-btn {
  border: 0;
  font-family: var(--font-body);
  font-size: 13px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    transform .14s ease,
    filter .14s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

button:active,
a:active,
.path-card:active,
.lesson:active,
.choice:active,
.tool-row:active,
.feature-card-simple:active {
  transform: scale(.96) !important;
  filter: brightness(1.06);
}

.chip {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--muted);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .02em;
}

.chip:hover { background: rgba(255,255,255,.11); }

.pro-pill {
  padding: 9px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold), #ffb530);
  color: #241200;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  box-shadow: 0 8px 22px rgba(255,209,102,.25), inset 0 1px 0 rgba(255,255,255,.3);
}

/* Primary CTA */
.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--green), var(--green2));
  color: #031a0e;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: -.1px;
  box-shadow: 0 10px 28px rgba(45,232,122,.25), inset 0 1px 0 rgba(255,255,255,.25);
}

.primary:hover { filter: brightness(1.08); box-shadow: 0 14px 34px rgba(45,232,122,.3); }

/* Secondary */
.secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--soft);
  font-weight: 700;
  font-size: 14px;
}

.secondary:hover { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.18); }

.full { width: 100%; }

/* Back link / ghost nav button */
.back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--soft);
  font-weight: 700;
  font-size: 12.5px;
  cursor: pointer;
}

.back-link:hover { background: rgba(255,255,255,.10); }

.ghost-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 18px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.18);
  background: transparent;
  color: var(--muted);
  font-weight: 700;
  font-size: 13px;
  margin-top: 10px;
}

.mini-btn {
  padding: 8px 12px;
  border-radius: 11px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--soft);
  font-size: 12px;
  font-weight: 700;
}

.copy-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--soft);
  font-size: 11px;
  font-weight: 800;
}

.copy-btn:disabled {
  color: var(--gold);
  border-color: rgba(255,209,102,.3);
  opacity: .85;
  cursor: default;
}

/* Seg tabs */
.seg-btn {
  flex: 0 0 auto;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.seg-btn.active {
  background: var(--green);
  color: #031a0e;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(45,232,122,.2);
  font-weight: 900;
}

/* Link button */
.link-btn {
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}

/* ── CONTENT AREA ────────────────────────────────────────── */
.content {
  position: relative;
  z-index: 1;
  padding: 16px 16px calc(var(--navH) + 28px);
}

/* ── TYPOGRAPHY ──────────────────────────────────────────── */
.eyebrow {
  display: block;
  margin: 0 0 7px;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--green);
}

.page-title {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
  margin: 0 0 6px;
  color: var(--soft);
}

.page-title + .muted { margin-top: 0; }

.muted {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

/* ── HERO CARD ───────────────────────────────────────────── */
.hero, .compact-hero {
  padding: 20px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(10,68,42,.96), rgba(4,34,20,.80));
  border: 1px solid rgba(200,255,225,.14);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  position: relative;
}

.hero::after {
  content: "";
  position: absolute;
  right: -60px;
  top: -55px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(45,232,122,.22), transparent 65%);
  pointer-events: none;
}

.hero h1, .page-title {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1;
  margin: 0 0 10px;
  letter-spacing: -1.2px;
}

.hero p { color: var(--muted); font-size: 13px; line-height: 1.55; }

.hero-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}

/* ── STATS ROW ───────────────────────────────────────────── */
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.stats > div, .stat {
  padding: 12px 8px;
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  border: 1px solid var(--line2);
  text-align: center;
}

.stats > div b, .stat b {
  font-size: 18px;
  font-weight: 800;
  color: var(--soft);
  display: block;
}

.stats > div span, .stat span {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
  line-height: 1.3;
}

/* ── SECTION ─────────────────────────────────────────────── */
.section { margin-top: 16px; }

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 2px 12px;
}

.section-head h2 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.5px;
  margin: 0;
  color: var(--soft);
}

.see {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--green);
  letter-spacing: .02em;
}

/* ── CARD ────────────────────────────────────────────────── */
.card {
  padding: 18px;
  border-radius: 22px;
  background: rgba(5,32,18,.8);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}

/* ── GRID ────────────────────────────────────────────────── */
.grid { display: grid; gap: 10px; }
.two  { grid-template-columns: 1fr 1fr; }

/* ── BOTTOM NAV ──────────────────────────────────────────── */
.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(480px, 100%);
  z-index: 50;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 8px 10px calc(10px + env(safe-area-inset-bottom));
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  border-top: 1px solid rgba(255,255,255,.07);
}

.nav-item {
  background: transparent;
  border: 0;
  color: var(--muted);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 8px 4px;
  border-radius: 14px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: color .18s, background .18s;
}

.nav-item span {
  font-size: 19px;
  line-height: 1;
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}

.nav-item.active {
  color: var(--green);
  background: rgba(45,232,122,.1);
}

.nav-item.active span { transform: scale(1.1); }

/* Process nav – elevated center button */
.bottom-nav .nav-item[data-tab="process"] {
  position: relative;
  transform: translateY(-7px);
  background: linear-gradient(145deg, rgba(45,232,122,.15), rgba(255,255,255,.05));
  border: 1px solid rgba(45,232,122,.25);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  border-radius: 18px;
  animation: processPulse 2.5s ease-in-out infinite;
}

.bottom-nav .nav-item[data-tab="process"] span { color: #5ffeab; }
.bottom-nav .nav-item[data-tab="process"].active {
  background: linear-gradient(145deg, rgba(45,232,122,.22), rgba(255,255,255,.08));
}

@keyframes processPulse {
  0%,100% { box-shadow: var(--shadow-sm), 0 0 0 0 rgba(45,232,122,.2), inset 0 1px 0 rgba(255,255,255,.08); }
  50%      { box-shadow: var(--shadow-sm), 0 0 0 8px rgba(45,232,122,0), inset 0 1px 0 rgba(255,255,255,.12); }
}

/* ── FEATURE CARD GRID ───────────────────────────────────── */
.feature-grid-simple {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.feature-card-simple {
  min-height: 130px;
  position: relative;
  text-align: left;
  border: 1px solid rgba(200,255,225,.13);
  border-radius: 20px;
  padding: 14px 12px;
  background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), var(--shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, transform .14s;
}

.feature-card-simple::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: radial-gradient(circle at 28% 12%, rgba(45,232,122,.10), transparent 40%);
  pointer-events: none;
}

.feature-card-simple:hover {
  border-color: rgba(45,232,122,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.28);
}

.feature-card-simple .feature-icon {
  position: absolute;
  top: 12px;
  left: 13px;
  font-size: 26px;
  line-height: 1;
}

.feature-card-simple .badge {
  position: absolute;
  top: 12px;
  right: 11px;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .08em;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(45,232,122,.12);
  border: 1px solid rgba(45,232,122,.3);
  color: #7affc8;
}

.feature-card-simple .badge.gold {
  background: rgba(255,209,102,.12);
  border-color: rgba(255,209,102,.32);
  color: var(--gold);
}

.feature-card-simple b {
  font-family: var(--font-display);
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.3px;
  position: relative;
}

.feature-card-simple small {
  font-size: 11px;
  line-height: 1.35;
  color: rgba(200,255,225,.55);
  position: relative;
}

.academy-link { cursor: pointer; text-align: left; color: inherit; }

/* ── HOME SECTIONS ───────────────────────────────────────── */
.main-card-stack { display: grid; gap: 12px; }

.main-tool-card {
  border: 1px solid rgba(200,255,225,.13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.02));
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.05);
  overflow: hidden;
}

.single-main-card { padding: 0; background: transparent; border: 0; box-shadow: none; }
.grouped-main-card { padding: 14px; display: grid; gap: 12px; }

.group-card-head {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 11px;
  align-items: center;
}

.group-card-head > span {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(45,232,122,.12);
  border: 1px solid rgba(45,232,122,.2);
  font-size: 22px;
  flex-shrink: 0;
}

.group-card-head h3 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 3px;
  letter-spacing: -.4px;
}

.group-card-head p {
  margin: 0;
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.35;
}

/* Flagship card (Sales Process) */
.flagship-card {
  grid-column: 1 / -1;
  min-height: 140px;
  background: linear-gradient(145deg, rgba(45,232,122,.16), rgba(255,209,102,.07)) !important;
  border-color: rgba(45,232,122,.38) !important;
}

.flagship-card .feature-icon { font-size: 32px; }
.flagship-card b { font-size: 18px !important; letter-spacing: -.5px !important; }
.flagship-card small { font-size: 12px !important; color: rgba(220,255,235,.72) !important; }

/* Process flow pills */
.process-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

.process-flow span {
  font-size: 9.5px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(45,232,122,.14);
  border: 1px solid rgba(45,232,122,.25);
  color: #8cffc8;
  letter-spacing: .04em;
}

/* Single main card large variant */
.single-main-card .feature-card-simple {
  min-height: 152px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(45,232,122,.16), rgba(0,184,107,.06)) !important;
  border-color: rgba(45,232,122,.36) !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.1) !important;
  padding: 18px 16px !important;
}

.single-main-card .feature-card-simple::before {
  background: radial-gradient(circle at 10% 10%, rgba(45,232,122,.18), transparent 45%) !important;
}

.single-main-card .feature-card-simple .feature-icon { font-size: 36px !important; top: 16px !important; left: 18px !important; }
.single-main-card .feature-card-simple b { font-size: 20px !important; letter-spacing: -.7px !important; }
.single-main-card .feature-card-simple small { font-size: 12.5px !important; color: rgba(220,255,235,.72) !important; }

/* Soon / locked cards */
.soon-card {
  border-style: dashed !important;
  background: linear-gradient(145deg, rgba(255,209,102,.06), rgba(255,255,255,.02)) !important;
}

.soon-card::before { background: radial-gradient(circle at 24% 12%, rgba(255,209,102,.12), transparent 40%) !important; }
.soon-card b { color: #fff8df; }
.soon-card small { color: rgba(255,232,170,.7) !important; }

/* ── QUOTE HERO ───────────────────────────────────────────── */
.quote-hero {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(145deg, rgba(8,72,45,.98), rgba(3,28,16,.84));
  transition: box-shadow .4s ease;
}

.tool-hero { padding-bottom: 18px; }

.daily-quote-slide {
  position: relative;
  z-index: 1;
  min-height: 152px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity .6s cubic-bezier(.2,.75,.2,1), transform .6s cubic-bezier(.2,.75,.2,1), filter .6s ease;
  will-change: opacity, transform, filter;
}

.daily-quote-slide.is-changing {
  opacity: 0;
  transform: translateY(10px) scale(.987);
  filter: blur(4px);
}

.daily-quote-slide.is-entering {
  animation: quoteEnter .7s cubic-bezier(.2,.75,.2,1) both;
}

@keyframes quoteEnter {
  0%   { opacity: 0; transform: translateY(-8px) scale(.99); filter: blur(5px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

.daily-quote-slide h1 {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 1.07;
  margin-bottom: 10px;
  letter-spacing: -1px;
}

.quote-author {
  font-size: 11.5px !important;
  color: rgba(200,255,225,.6) !important;
  margin: 0;
  line-height: 1.35 !important;
  font-weight: 700;
}

.quote-progress {
  position: relative;
  z-index: 1;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  overflow: hidden;
  margin: 10px 0 4px;
}

.quote-progress span {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--green), var(--gold));
  animation: quoteBar 10s linear infinite;
  transform-origin: left center;
  box-shadow: 0 0 12px rgba(45,232,122,.2);
}

@keyframes quoteBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.quote-hero .hero-actions,
.quote-hero .stats { position: relative; z-index: 1; }

/* Promo carousel */
.home-promo-carousel {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 18px;
  padding: 6px;
  background: rgba(0,0,0,.16);
  border: 1px solid var(--line2);
  margin: 10px 0 0;
}

.home-promo-carousel::before { display: none; }

.promo-slide {
  position: relative;
  z-index: 1;
  will-change: transform, opacity;
}

.promo-slide.pan-out-next { animation: promoPanOutNext .28s cubic-bezier(.45,.05,.25,1) both; }
.promo-slide.pan-in-next  { animation: promoPanInNext  .65s cubic-bezier(.18,.78,.22,1) both; }
.promo-slide.pan-out-prev { animation: promoPanOutPrev .28s cubic-bezier(.45,.05,.25,1) both; }
.promo-slide.pan-in-prev  { animation: promoPanInPrev  .65s cubic-bezier(.18,.78,.22,1) both; }

@keyframes promoPanOutNext { to   { opacity:0; transform:translateX(-22%) scale(.96); } }
@keyframes promoPanInNext  { from { opacity:0; transform:translateX(28%) scale(.97); } to { opacity:1; transform:none; } }
@keyframes promoPanOutPrev { to   { opacity:0; transform:translateX(22%) scale(.96); } }
@keyframes promoPanInPrev  { from { opacity:0; transform:translateX(-28%) scale(.97); } to { opacity:1; transform:none; } }

.promo-image-link { display: block; }
.promo-image-link img { width: 100%; border-radius: 14px; display: block; }

/* ── TABS ────────────────────────────────────────────────── */
.tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 10px;
  scrollbar-width: none;
}

.tabs::-webkit-scrollbar { display: none; }

/* ── CHEAT PANEL (Process Page) ──────────────────────────── */
.cheat-panel {
  border-radius: 22px;
  overflow: hidden;
  background: rgba(0,0,0,.14);
  border: 1px solid var(--line);
}

.cheat-display { padding: 16px; }

.question {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.5px;
}

.choices { display: grid; gap: 8px; margin-top: 12px; }

.choice {
  text-align: left;
  border-radius: 15px;
  padding: 13px 14px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  transition: background .18s, border-color .18s, transform .12s;
}

.choice:hover  { background: rgba(45,232,122,.1); border-color: rgba(45,232,122,.3); }
.choice.active { background: rgba(45,232,122,.15); border-color: rgba(45,232,122,.55); }
.choice b { font-size: 17px; }
.choice.active b { color: var(--green); }

.stage-wrap { display: grid; gap: 8px; }
.stage-note  { margin: 0 4px; color: var(--muted); font-size: 12.5px; line-height: 1.45; }

/* ── INLINE SCRIPT ───────────────────────────────────────── */
.inline-script {
  padding: 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(45,232,122,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.inline-script h3 { font-size: 15px; font-weight: 700; margin: 0; color: var(--soft); }

.script-text {
  margin-top: 10px;
  padding: 13px;
  border-radius: 14px;
  background: #021508;
  border: 1px solid var(--line2);
  font-size: 13px;
  line-height: 1.58;
  color: #e4fced;
}

.script-card { position: relative; overflow: hidden; }
.script-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--green); border-radius: 0 2px 2px 0; }

/* Pro sequence cards */
.pro-sequence { display: grid; gap: 8px; margin-top: 12px; }

.pro-seq-card {
  border: 1px solid rgba(200,255,225,.15);
  background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.pro-seq-card.open {
  border-color: rgba(200,255,225,.32);
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.1);
}

.pro-seq-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  gap: 14px;
  padding: 16px 16px;
  background: transparent;
  border: 0;
  color: var(--text);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-family: var(--font-body);
}

.pro-seq-head b { display: block; font-size: 15px; font-weight: 700; line-height: 1.2; }
.pro-seq-head small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.35; }
.pro-seq-head em { font-style: normal; color: var(--green); font-weight: 900; font-size: 18px; }

.pro-seq-body {
  padding: 0 16px 16px;
  display: grid;
  gap: 12px;
  animation: softUnfold .22s ease both;
}

@keyframes softUnfold { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.ready-script {
  padding: 14px;
  border-radius: 16px;
  background: rgba(0,20,12,.34);
  border: 1px solid rgba(255,255,255,.08);
}

.ready-script .script-text { margin: 8px 0 12px; }

.pro-seq-card.locked {
  padding: 0 0 14px;
  border-style: dashed;
  border-color: rgba(255,220,120,.25);
}

.pro-seq-card.locked > span {
  display: block;
  margin: 0 16px;
  color: var(--muted);
}

/* ── LOCKED / PRO STATES ─────────────────────────────────── */
.locked, .locked-card { position: relative; overflow: hidden; }

.locked {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.16);
  display: grid;
  gap: 4px;
}

.locked b { font-size: 12px; color: var(--gold); }
.locked span { font-size: 12px; color: rgba(200,255,225,.5); filter: blur(1.5px); user-select: none; }

.locked-card::after {
  content: "PRO";
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold), #ffa930);
  color: #241200;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .06em;
}

.pro-page-pill {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 8px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 9.5px;
  letter-spacing: .08em;
  font-weight: 900;
  color: #031a0e;
  background: linear-gradient(135deg, var(--green), #b2ffd4);
  box-shadow: 0 0 18px rgba(45,232,122,.18);
}

.pro-page-pill.locked-pill {
  background: rgba(255,209,102,.14);
  border: 1px solid rgba(255,209,102,.32);
  color: var(--gold);
  box-shadow: none;
}

.mini-lock {
  position: relative;
  font-size: 10px !important;
  font-weight: 900;
  color: rgba(255,209,102,.8) !important;
  margin-top: 4px;
  filter: none !important;
}

/* Preview blur */
.preview-blur-card { position: relative; overflow: hidden; border-color: rgba(255,209,102,.2) !important; }

.preview-blur-card::after {
  content: "PRO MODE";
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255,209,102,.14);
  border: 1px solid rgba(255,209,102,.3);
  color: var(--gold);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .08em;
  backdrop-filter: blur(10px);
}

.blurred-content { filter: blur(4px); user-select: none; pointer-events: none; opacity: .6; }
body.is-pro .preview-blur-card::after { display: none; }
body.is-pro .blurred-content { filter: none !important; opacity: 1 !important; pointer-events: auto !important; user-select: auto !important; }

/* Pro note inline */
.pro-note { margin-top: 8px !important; color: var(--soft) !important; }

/* ── PRO ACTIVE STATE ────────────────────────────────────── */
body.is-pro .pro-pill {
  background: linear-gradient(135deg, var(--green), #b2ffd4) !important;
  color: #031a0e !important;
  box-shadow: 0 0 28px rgba(45,232,122,.25), inset 0 1px 0 rgba(255,255,255,.4) !important;
}

.pro-active-card {
  border-color: rgba(45,232,122,.4) !important;
  box-shadow: 0 0 0 1px rgba(45,232,122,.1), var(--shadow-md) !important;
}

.pro-unlocked-box {
  display: grid;
  gap: 7px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(45,232,122,.22);
  border-radius: 16px;
  background: rgba(45,232,122,.07);
}

.pro-unlocked-box b { font-family: var(--font-display); font-weight: 700; color: var(--soft); }
.pro-unlocked-box span { font-size: 12.5px; color: var(--muted); padding-left: 18px; position: relative; line-height: 1.35; }
.pro-unlocked-box span::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }

.pro-mode-banner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  margin: 14px 0;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(45,232,122,.2), rgba(0,184,107,.06));
  border: 1px solid rgba(45,232,122,.32);
}

.pro-mode-banner > span {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--green), #b2ffd4);
  display: grid;
  place-items: center;
  color: #031a0e;
  font-weight: 900;
  font-size: 20px;
}

.pro-mode-banner b { display: block; font-family: var(--font-display); letter-spacing: .06em; font-size: 11.5px; color: var(--soft); }
.pro-mode-banner small { display: block; color: var(--muted); margin-top: 3px; font-size: 11.5px; }

body.is-pro .pro-sequence .eyebrow::after { content: " • Unlocked"; color: var(--green); }
body.is-pro .academy-accordion:not(.open) .accordion-head small { color: #7affc8; }

body.is-pro .locked::after,
body.is-pro .locked-card::after { display: none !important; content: none !important; }

.preview-lock-note {
  border-color: rgba(255,209,102,.28);
  background: linear-gradient(145deg, rgba(255,209,102,.07), rgba(255,255,255,.03));
}

/* ── MODAL ───────────────────────────────────────────────── */
.modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  place-items: end center;
  background: rgba(0,0,0,.6);
  padding: 12px;
  backdrop-filter: blur(4px);
}

.modal.show { display: grid; }

.modal-card {
  width: min(480px, 100%);
  border-radius: 28px;
  padding: 22px;
  box-shadow: var(--shadow-lg);
  position: relative;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  animation: modalSlideUp .32s cubic-bezier(.22,.88,.22,1) both;
}

@keyframes modalSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.close {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.07);
  color: var(--text);
  font-size: 20px;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background .18s;
}

.close:hover { background: rgba(255,255,255,.14); }

.modal h2 {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.05;
  margin: 0 40px 8px 0;
  letter-spacing: -.8px;
  color: var(--soft);
}

/* Pricing grid */
.pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}

.price-card {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
}

.price-card.featured {
  background: linear-gradient(145deg, rgba(45,232,122,.16), rgba(255,209,102,.07));
  border-color: rgba(45,232,122,.38);
  box-shadow: 0 0 0 1px rgba(45,232,122,.06), var(--shadow-sm);
}

.price-card h3 { font-size: 24px; font-weight: 800; margin: 5px 0; color: var(--soft); }
.price-card p, .price-card small { font-size: 11.5px; color: var(--muted); }

.plan-detail-card { display: flex; flex-direction: column; min-height: 280px; }

.plan-includes {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.07);
}

.plan-includes b { font-size: 10.5px; color: var(--green); letter-spacing: .07em; text-transform: uppercase; font-weight: 900; }

.plan-includes span {
  display: block;
  font-size: 10.8px;
  line-height: 1.3;
  color: #eafff2;
  position: relative;
  padding-left: 15px;
}

.plan-includes span::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--green); font-weight: 900; }

.plan-limit { display: block; margin-top: 8px; font-size: 10.5px; line-height: 1.3; color: #f8d67a; font-style: normal; font-weight: 700; }

.price-card .secondary.full,
.price-card .primary.full { margin-top: auto; font-size: 13px; padding: 12px; }

.price-card .current-plan-label { margin-top: auto; }

.current-plan-label {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--green);
}

.current-plan-card {
  border-color: rgba(45,232,122,.38) !important;
  background: linear-gradient(145deg, rgba(45,232,122,.12), rgba(0,184,107,.04)) !important;
}

/* ── CHECKOUT MODAL ──────────────────────────────────────── */
#checkoutModal { align-items: end; }

.qr-box {
  margin: 14px 0 10px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(0,0,0,.14);
  border: 1px solid var(--line);
  text-align: center;
}

.qr-box h3 { font-size: 17px; font-weight: 700; margin: 4px 0 10px; line-height: 1.2; color: var(--soft); }

.qr-box img {
  display: block;
  width: 100%;
  max-width: 290px;
  max-height: 380px;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow-md);
}

.qr-box .small-note { font-size: 11.5px; margin: 10px 0 0; color: var(--muted); }
.small-note { font-size: .9rem !important; }

/* Messenger steps */
.messenger-payment-steps { display: grid; gap: 9px; margin: 14px 0; }

.messenger-payment-steps div {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: start;
  padding: 11px;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
}

.messenger-payment-steps b {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.90);
  color: #04200f;
  font-weight: 900;
  font-size: 12px;
  flex-shrink: 0;
}

.messenger-payment-steps span { font-size: 12.5px; line-height: 1.45; color: rgba(220,255,235,.8); }

.messenger-template-box {
  margin: 14px 0;
  padding: 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.1);
}

.messenger-template-box pre {
  white-space: pre-wrap;
  font-family: inherit;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(245,255,250,.88);
  margin: 8px 0 0;
}

.messenger-actions { display: grid; gap: 10px; margin-top: 12px; }

.payment-help-note {
  font-size: 11.5px;
  line-height: 1.45;
  color: rgba(200,255,225,.6);
  margin: -3px 0 4px;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(45,232,122,.06);
  border: 1px solid rgba(45,232,122,.15);
}

.form-divider {
  margin: 16px 0 8px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(45,232,122,.08);
  border: 1px solid rgba(45,232,122,.24);
  display: grid;
  gap: 2px;
}

.form-divider span { font-size: 10.5px; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; color: var(--green); }
.form-divider b { font-size: 13.5px; color: var(--soft); font-weight: 700; }

/* ── FORM INPUTS ─────────────────────────────────────────── */
.checkout-form, .calculator { display: grid; gap: 10px; }

.checkout-form label { display: grid; gap: 5px; font-size: 12px; color: var(--muted); font-weight: 700; }

.checkout-form input,
.checkout-form select,
.checkout-form input[type=file],
.calculator input,
.calculator select,
.access-box input {
  width: 100%;
  padding: 13px 14px;
  border-radius: 13px;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--text);
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  transition: border-color .2s, background .2s;
  -webkit-appearance: none;
}

.checkout-form input:focus,
.calculator input:focus,
.access-box input:focus {
  outline: none;
  border-color: rgba(45,232,122,.45);
  background: rgba(255,255,255,.09);
}

.checkout-form input[readonly] { color: var(--green); font-weight: 800; }
.checkout-form select option { color: #0a2d18; background: #f2fff6; }

.access-box { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); }

/* ── TOAST ───────────────────────────────────────────────── */
.toast {
  position: fixed;
  left: 50%;
  bottom: calc(var(--navH) + 12px);
  transform: translateX(-50%) translateY(16px);
  opacity: 0;
  z-index: 100;
  background: #e4fced;
  color: #04200f;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 900;
  font-size: 13px;
  box-shadow: var(--shadow-md);
  transition: opacity .22s, transform .22s cubic-bezier(.34,1.56,.64,1);
  pointer-events: none;
}

.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ── ACADEMY ─────────────────────────────────────────────── */
.academy-hero {
  text-align: left;
  background: linear-gradient(145deg, rgba(10,72,45,.96), rgba(4,30,18,.72));
}

.academy-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  font-size: 32px;
  margin-bottom: 12px;
}

.academy-hero h1 {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1;
  margin: 0 0 8px;
  letter-spacing: -1px;
  color: var(--soft);
}

.academy-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}

.academy-actions .primary,
.academy-actions .secondary { font-size: 13px; padding: 12px 10px; }

/* Lesson list */
.lesson-list { display: grid; gap: 9px; }

.lesson-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line2);
  background: rgba(255,255,255,.04);
  border-radius: 16px;
  padding: 12px;
}

.lesson-row > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(45,232,122,.12);
  color: var(--green);
  display: grid;
  place-items: center;
  font-weight: 900;
}

.lesson-row b  { font-size: 13px; font-weight: 700; }
.lesson-row small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; line-height: 1.35; }
.lesson-row em { font-style: normal; font-size: 10px; font-weight: 900; color: var(--green); border: 1px solid rgba(45,232,122,.28); border-radius: 999px; padding: 4px 7px; }

/* Accordions */
.accordion-list { gap: 10px; }

.academy-accordion, .direct-card {
  border: 1px solid rgba(200,255,225,.13);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  overflow: hidden;
  position: relative;
}

.academy-accordion.open, .direct-card.open {
  border-color: rgba(45,232,122,.42);
  box-shadow: var(--shadow-sm), inset 0 0 0 1px rgba(45,232,122,.06);
}

.accordion-head {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--text);
  padding: 14px;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.accordion-head b { font-family: var(--font-display); font-size: 14.5px; font-weight: 700; line-height: 1.1; }
.accordion-head small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.3; }
.accordion-head em { font-style: normal; color: var(--green); font-size: 17px; font-weight: 900; }

.acc-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: rgba(45,232,122,.12);
  border: 1px solid rgba(45,232,122,.25);
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 13px;
  font-weight: 900;
}

.accordion-body { padding: 0 14px 15px 58px; }
.accordion-body ol { margin: 0; padding-left: 18px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.accordion-body li { margin: 8px 0; padding-left: 2px; }

/* Direct client cards */
.direct-card { background: rgba(255,255,255,.05); }
.direct-head { grid-template-columns: 48px 1fr auto; padding: 16px; }
.big-emoji { font-size: 32px; line-height: 1; }
.direct-card.open .accordion-body { padding-left: 74px; padding-bottom: 16px; }
.direct-card.open .accordion-body li { padding-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,.06); }
.direct-card.open .accordion-body li:last-child { border-bottom: 0; }

/* Nested lessons */
.nested-lesson-list { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }

.nested-lesson {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(0,0,0,.18);
  overflow: hidden;
}

.nested-lesson.open {
  border-color: rgba(200,255,225,.35);
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.nested-head {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 11px;
  align-items: center;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--text);
  padding: 12px;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.nested-head span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(220,248,232,.88);
  color: #063320;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
  flex-shrink: 0;
}

.nested-head b { display: block; font-family: var(--font-display); font-size: 13.5px; font-weight: 700; line-height: 1.2; }
.nested-head small { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; line-height: 1.25; }
.nested-head em { font-style: normal; color: var(--green); font-weight: 900; }

.nested-body { padding: 0 14px 14px 51px; color: var(--muted); font-size: 12.8px; line-height: 1.55; }
.nested-body p { margin: 2px 0 10px; }
.nested-body ul { margin: 0; padding-left: 16px; }
.nested-body li { margin: 7px 0; border-bottom: 1px solid rgba(255,255,255,.05); padding-bottom: 7px; }
.nested-body li:last-child { border-bottom: 0; }

.mini-script { margin-top: 12px; padding: 12px; border-radius: 13px; background: rgba(220,248,232,.07); border: 1px solid rgba(220,248,232,.14); }
.mini-script b { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: #c4f4de; margin-bottom: 5px; font-weight: 900; }
.mini-script p { margin: 0; color: #f2fff8; font-size: 13px; }

/* ── RESA REMINDER CARD ───────────────────────────────────── */
.resa-reminder-card, .fundamentals-resa-card {
  background: linear-gradient(145deg, rgba(10,50,30,.9), rgba(3,22,12,.8));
  border-color: rgba(45,232,122,.22);
}

.resa-reminder-card .eyebrow { color: #7affc8; }
.resa-reminder-card h2 { color: var(--soft); font-size: 20px; }
.resa-reminder-card .academy-actions { margin-top: 12px; }
.resa-reminder-card .primary { font-size: 13px; grid-column: 1 / -1; }
.fundamentals-resa-card .primary { grid-column: 1 / -1; }

/* ── PRO PREVIEW LOCK ────────────────────────────────────── */
.pro-feature-card {
  border-color: rgba(255,209,102,.24) !important;
  background: linear-gradient(145deg, rgba(255,209,102,.08), rgba(4,28,14,.94)) !important;
}

.pro-feature-card::before { background: radial-gradient(circle at 24% 16%, rgba(255,209,102,.16), transparent 40%) !important; }
.pro-preview-card { box-shadow: inset 0 0 0 1px rgba(255,209,102,.07), var(--shadow-sm); }

.pro-card-unlocked {
  border-color: rgba(45,232,122,.48) !important;
  background: linear-gradient(145deg, rgba(45,232,122,.16), rgba(4,50,28,.96)) !important;
}

.pro-card-unlocked::before { background: radial-gradient(circle at 24% 16%, rgba(45,232,122,.22), transparent 40%) !important; }
.badge.unlocked { background: rgba(45,232,122,.18) !important; border-color: rgba(45,232,122,.52) !important; color: #7affc8 !important; }

.pro-content-preview .blurred-content { filter: blur(4px); user-select: none; pointer-events: none; opacity: .6; }

.pro-mini-module { margin-top: 14px; padding: 13px; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); }
.pro-mini-module ol { margin-top: 8px !important; }

/* ── TOOLS LIST ──────────────────────────────────────────── */
.tools-list { display: grid; gap: 10px; }

.tool-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line2);
  cursor: pointer;
  color: var(--text);
  touch-action: manipulation;
}

.tool-row b { font-size: 13.5px; font-weight: 700; }
.tool-row span { font-size: 12px; color: var(--muted); }

/* ── STEP CARDS ──────────────────────────────────────────── */
.steps { display: grid; gap: 10px; }

.step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line2);
}

.num {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(45,232,122,.13);
  color: var(--green);
  display: grid;
  place-items: center;
  font-weight: 900;
  flex-shrink: 0;
}

.step h3 { font-size: 14px; font-weight: 700; margin: 0 0 4px; }
.step p  { font-size: 12.5px; color: var(--muted); margin: 0; line-height: 1.45; }

/* ── PROGRESS BARS ───────────────────────────────────────── */
.progress-wrap { display: grid; gap: 10px; }

.progress-row {
  display: grid;
  grid-template-columns: 82px 1fr 34px;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--muted);
}

.bar { height: 7px; background: rgba(255,255,255,.07); border-radius: 999px; overflow: hidden; }
.bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--green), var(--gold)); border-radius: 999px; }

/* ── PATH CARDS ──────────────────────────────────────────── */
.path-card {
  min-height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid var(--line);
  padding: 14px;
  border-radius: 20px;
  cursor: pointer;
  touch-action: manipulation;
}

.path-card .icon { font-size: 24px; }
.path-card h3    { font-size: 15px; font-weight: 700; margin: 8px 0 5px; }
.path-card p     { font-size: 12px; color: var(--muted); margin: 0; line-height: 1.45; }
.path-card.tall  { min-height: 188px; text-align: left; }

/* ── CALCULATOR ──────────────────────────────────────────── */
.result-box {
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(45,232,122,.08);
  border: 1px solid rgba(45,232,122,.22);
}

.commission-tool-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 14px; color: var(--soft); }
.commission-hero .academy-icon { background: rgba(255,209,102,.1); border-color: rgba(255,209,102,.2); }

/* ── GROWTH PAGE ─────────────────────────────────────────── */
.growth-hero .academy-icon { background: rgba(45,232,122,.12); }
.growth-tool-grid {}
.tracker-card {}

/* ── SCRIPT BANK ─────────────────────────────────────────── */
.pro-seq-card.locked > .pro-seq-head {
  opacity: .65;
  cursor: pointer;
}

/* ── TEMPLATES PAGE ──────────────────────────────────────── */
.doc-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

.doc-actions a, .doc-actions button {
  border: 0;
  border-radius: 13px;
  padding: 10px 8px;
  font-weight: 800;
  font-size: 11.5px;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(135deg, #e8fef2, #d4ffea);
  color: #042212;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  font-family: var(--font-body);
}

.doc-actions button.secondary {
  background: rgba(255,255,255,.07);
  color: var(--soft);
  border: 1px solid rgba(255,255,255,.12);
}

.doc-template-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  padding: 14px;
}

.doc-template-top {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 11px;
  align-items: center;
  margin-bottom: 10px;
}

.doc-num {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(45,232,122,.12);
  border: 1px solid rgba(45,232,122,.2);
  display: grid;
  place-items: center;
  color: var(--green);
  font-weight: 900;
  font-size: 13px;
}

.doc-template-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 3px; color: var(--soft); }
.doc-template-card p  { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.35; }

/* Guidemap */
.guidemap-preview-card {
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  background: rgba(0,0,0,.12);
}

.guidemap-image-button {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.guidemap-image-button img { width: 100%; border-radius: 12px; display: block; }
.guidemap-note { font-size: 12px; line-height: 1.45; color: var(--muted); margin: 10px 0 0; }
.guidemap-disclaimer { font-size: 11.5px; line-height: 1.4; color: var(--muted); margin-top: 10px; }

.guidemap-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}

.guidemap-actions a, .guidemap-actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 12px;
  padding: 10px 6px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  background: linear-gradient(135deg, #e8fef2, #d4ffea);
  color: #042212;
  cursor: pointer;
  font-family: var(--font-body);
}

.guidemap-actions button.secondary {
  background: rgba(255,255,255,.07);
  color: var(--soft);
  border: 1px solid rgba(255,255,255,.1);
}

/* ── CLIENT TRACKER ──────────────────────────────────────── */
.tracker-form, .tracker-list { display: grid; gap: 10px; }

.tracker-card-item {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  padding: 14px;
  cursor: pointer;
}

.tracker-card-item.expanded { border-color: rgba(45,232,122,.32); background: rgba(45,232,122,.05); }

/* ── SUBSCRIPTION STATUS ─────────────────────────────────── */
.subscription-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.subscription-status-pill.mode-free {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--muted);
}

.subscription-status-pill.mode-starter {
  background: rgba(45,232,122,.12);
  border: 1px solid rgba(45,232,122,.28);
  color: #7affc8;
}

.subscription-status-pill.mode-ahente {
  background: linear-gradient(135deg, rgba(45,232,122,.18), rgba(255,209,102,.1));
  border: 1px solid rgba(45,232,122,.38);
  color: var(--soft);
}

.account-card { }
.mode-free {}
.mode-starter {}
.mode-ahente {}

.owner-card ol { margin: 10px 0 0; padding-left: 20px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.owner-card li { margin: 7px 0; }
.owner-card p.muted { margin-top: 12px; }

/* ── FOCUS MONITOR ───────────────────────────────────────── */
.focus-monitor {
  padding: 14px !important;
  border-radius: 22px !important;
  margin-top: 14px !important;
}

.focus-monitor .section-head { align-items: center; margin-bottom: 10px !important; }
.focus-monitor .section-head > div { display: grid; gap: 2px; }
.monitor-sub { color: var(--muted); font-size: 11px; line-height: 1.25; }
.focus-monitor .progress-row { grid-template-columns: 108px 1fr 36px !important; gap: 8px !important; }
.focus-monitor .progress-row span:first-child { font-weight: 700; color: #ddfff0; font-size: 11px !important; line-height: 1.15; }
.focus-monitor h2 { font-size: 17px !important; }
.focus-monitor .mini-btn { padding: 8px 12px !important; border-radius: 13px !important; font-size: 12px !important; }

.focus-insight { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line2); display: grid; gap: 6px; color: var(--muted); font-size: 11.5px; line-height: 1.4; }
.focus-insight b { color: var(--soft); }

/* ── APP FOOTER ──────────────────────────────────────────── */
.app-footer {
  margin: 18px 2px 6px;
  padding: 16px 14px 10px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: rgba(200,240,220,.55);
  font-size: 10.5px;
  line-height: 1.5;
  text-align: left;
}

.app-footer p { margin: 0 0 8px; }
.app-footer b { color: rgba(220,255,235,.85); }

/* ── TUTORIAL CARD ───────────────────────────────────────── */
.tutorial-card, .lesson.card.academy-link {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  cursor: pointer;
}

.lesson.card.academy-link h3 { font-size: 17px; font-weight: 700; }
.lesson.card.academy-link p  { font-size: 13px; }

/* ── EMPTY STATE ─────────────────────────────────────────── */
.empty { padding: 28px; text-align: center; color: var(--muted); font-size: 13px; }

/* ── QUOTE USER NAME ─────────────────────────────────────── */
.quote-user-name {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(200,255,225,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.quote-user-name span { font-size: 10.5px; color: var(--muted); font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.quote-user-name b    { font-size: 13px; color: var(--soft); font-weight: 800; }

/* ── THEME STUDIO ────────────────────────────────────────── */
.theme-studio-card { overflow: hidden; position: relative; }
.theme-studio-card::before { content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, var(--green), transparent 68%); opacity: .14; pointer-events: none; }

.theme-name-box { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; margin: 14px 0; }
.theme-name-box label { font-size: 11px; font-weight: 900; color: var(--muted); letter-spacing: .05em; text-transform: uppercase; }
.theme-name-box input { width: 100%; margin-top: 6px; border-radius: 13px; border: 1px solid var(--line); background: rgba(255,255,255,.065); color: var(--text); padding: 12px; font: inherit; font-weight: 700; }
.theme-name-box input:disabled { opacity: .5; }

.theme-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin-top: 12px; }

.theme-swatch {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.05);
  color: var(--text);
  border-radius: 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  min-height: 56px;
  cursor: pointer;
  transition: border-color .18s, box-shadow .18s;
}

.theme-swatch span { width: 28px; height: 28px; border-radius: 999px; box-shadow: 0 0 16px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.4); flex-shrink: 0; }
.theme-swatch b { font-size: 12px; line-height: 1.1; font-weight: 700; }
.theme-swatch small { display: block; color: var(--green); font-weight: 900; font-size: 9px; text-transform: uppercase; margin-left: auto; }

.theme-swatch.active {
  border-color: var(--green);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 0 18px rgba(45,232,122,.12);
  background: rgba(255,255,255,.09);
}

.theme-studio-card.locked .theme-grid { opacity: .72; }
.theme-studio-card.locked .theme-swatch:not(:first-child) { filter: saturate(.65) brightness(.78); }

/* ── ADMIN PAGE ──────────────────────────────────────────── */
.admin-section { margin-top: 16px; }

/* ── THANK YOU PAGE ──────────────────────────────────────── */
.thankyou-screen {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: radial-gradient(circle at 30% 20%, rgba(22,220,135,.22), transparent 38%), #020a06;
}

.thank-card { max-width: 560px; }

/* ── PRO FEATURE CARD STATES FOR TOOLS/NESTED GRIDS ─────── */
body:not(.is-pro) .nested-grid .pro-feature-card,
body:not(.is-pro) .tools-green-grid .pro-feature-card {
  background: radial-gradient(circle at 18% 8%, rgba(85,255,152,.18), transparent 42%), linear-gradient(145deg, #0a5e35 0%, #043e22 54%, #022616 100%) !important;
  border: 1px solid rgba(80,255,155,.38) !important;
  color: #f5fff8 !important;
}

body:not(.is-pro) .nested-grid .pro-feature-card b,
body:not(.is-pro) .nested-grid .pro-feature-card small,
body:not(.is-pro) .nested-grid .pro-feature-card .feature-icon,
body:not(.is-pro) .tools-green-grid .pro-feature-card b,
body:not(.is-pro) .tools-green-grid .pro-feature-card small,
body:not(.is-pro) .tools-green-grid .pro-feature-card .feature-icon { color: #f5fff8 !important; text-shadow: 0 1px 0 rgba(0,0,0,.1) !important; }

body:not(.is-pro) .nested-grid .pro-feature-card .badge,
body:not(.is-pro) .tools-green-grid .pro-feature-card .badge { background: rgba(210,255,230,.12) !important; border-color: rgba(210,255,230,.25) !important; color: #f0fff6 !important; }

body:not(.is-pro) .nested-grid .pro-feature-card .mini-lock,
body:not(.is-pro) .tools-green-grid .pro-feature-card .mini-lock { color: #ffe28a !important; }

/* Ahente exclusive card */
body:not(.is-pro) .nested-grid .ahente-exclusive-card,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card {
  background: radial-gradient(circle at 18% 8%, rgba(85,255,152,.18), transparent 42%), linear-gradient(145deg, #0b5e36 0%, #044022 54%, #022616 100%) !important;
  border: 1px solid rgba(84,255,148,.42) !important;
  color: #f5fff8 !important;
}

/* Unlocked pro cards */
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked {
  background: linear-gradient(145deg, rgba(158,255,192,.96), rgba(206,255,222,.92)) !important;
  border-color: rgba(96,255,162,.7) !important;
  color: #053018 !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.5), 0 0 16px rgba(88,255,160,.14) !important;
}

body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked b,
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked small,
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked .feature-icon,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked b,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked small,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked .feature-icon,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked b,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked small,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked .feature-icon,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked b,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked small,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked .feature-icon { color: #053018 !important; text-shadow: none !important; filter: none !important; }

body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked .badge,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked .badge,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked .badge,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked .badge {
  background: rgba(5,48,24,.1) !important;
  border-color: rgba(5,48,24,.22) !important;
  color: #074022 !important;
}

/* ── THEME VARIANTS ──────────────────────────────────────── */
body.theme-green  { --green:#2de87a;--green2:#00b86b;--soft:#d4fce8;--gold:#ffd166;--card:#04200f;--card2:#062918;--muted:#8dbaaa; background: radial-gradient(circle at 20% 0%, #0b4530 0, #021a0e 38%, #010d07 100%) !important; }
body.theme-blue   { --green:#4dc8ff;--green2:#0e74ff;--soft:#e2f6ff;--gold:#80d0ff;--card:#06182e;--card2:#0a2d52;--muted:#a0c6d8; background: radial-gradient(circle at 20% 0%, #094469 0, #021220 42%, #010810 100%) !important; }
body.theme-indigo { --green:#8476ff;--green2:#4630d4;--soft:#eae8ff;--gold:#bdb5ff;--card:#100b32;--card2:#1e1450;--muted:#beb9de; background: radial-gradient(circle at 20% 0%, #281e72 0, #0e0b25 42%, #060512 100%) !important; }
body.theme-yellow { --green:#ffd166;--green2:#f49f00;--soft:#fff4c4;--gold:#ffe080;--card:#28200a;--card2:#473710;--muted:#dfd09e; background: radial-gradient(circle at 20% 0%, #5a4408 0, #1c1405 42%, #0e0c02 100%) !important; }
body.theme-orange { --green:#ff9637;--green2:#f46e10;--soft:#ffeedd;--gold:#ffba60;--card:#2a1505;--card2:#502710;--muted:#dcb89e; background: radial-gradient(circle at 20% 0%, #6c360a 0, #1e0e04 42%, #0e0702 100%) !important; }
body.theme-red    { --green:#ff7070;--green2:#dc1840;--soft:#ffe4e4;--gold:#ffaaaa;--card:#2e0a10;--card2:#551520;--muted:#dcaeb5; background: radial-gradient(circle at 20% 0%, #6c1824 0, #200709 42%, #100304 100%) !important; }
body.theme-rainbow{ --green:#68ffd0;--green2:#6552fc;--soft:#f2fff7;--gold:#ffd166;--card:#061d1f;--card2:#141d44;--muted:#b4ced0; background: radial-gradient(circle at 16% 0%, rgba(72,178,255,.26), transparent 28%), radial-gradient(circle at 78% 10%, rgba(255,92,196,.16), transparent 24%), radial-gradient(circle at 30% 75%, rgba(255,205,98,.16), transparent 26%), #040f0c !important; }

body.theme-blue   .app-shell { background: linear-gradient(180deg, rgba(4,30,56,.94), rgba(1,9,16,.97)) !important; }
body.theme-indigo .app-shell { background: linear-gradient(180deg, rgba(20,14,62,.94), rgba(6,5,18,.97)) !important; }
body.theme-yellow .app-shell { background: linear-gradient(180deg, rgba(48,36,8,.94), rgba(14,11,2,.97)) !important; }
body.theme-orange .app-shell { background: linear-gradient(180deg, rgba(50,22,5,.94), rgba(14,7,1,.97)) !important; }
body.theme-red    .app-shell { background: linear-gradient(180deg, rgba(52,10,18,.94), rgba(16,3,6,.97)) !important; }
body.theme-rainbow .app-shell { background: linear-gradient(180deg, rgba(4,42,40,.93), rgba(5,7,20,.97)) !important; }

body.theme-rainbow .primary,
body.theme-rainbow .pro-pill,
body.theme-rainbow .nav-item.active {
  background: linear-gradient(135deg, #4ab5ff, #6552fc, #2de87a, #ffd166, #ff8840, #ff5ac4) !important;
  color: #04110e !important;
}

/* ── THEME-ADAPTIVE HOME PRO CARDS ───────────────────────── */
body.theme-green  { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.68), transparent 32%), linear-gradient(145deg, #9dffc6 0%, #c8ffe0 46%, #60f29f 100%); --home-pro-card-border: rgba(108,255,168,.8); --home-pro-card-text: #04321c; --home-pro-card-muted: #08501e; }
body.theme-blue   { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.7), transparent 32%), linear-gradient(145deg, #a2e8ff 0%, #d6f8ff 46%, #5ec8ff 100%); --home-pro-card-border: rgba(100,208,255,.82); --home-pro-card-text: #042640; --home-pro-card-muted: #094c70; }
body.theme-indigo { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 32%), linear-gradient(145deg, #c8c2ff 0%, #eae8ff 46%, #9890ff 100%); --home-pro-card-border: rgba(170,162,255,.82); --home-pro-card-text: #140e46; --home-pro-card-muted: #302472; }
body.theme-yellow { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.7), transparent 32%), linear-gradient(145deg, #fde080 0%, #fff3c0 46%, #ffc240 100%); --home-pro-card-border: rgba(255,218,100,.84); --home-pro-card-text: #3a2800; --home-pro-card-muted: #624500; }
body.theme-orange { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.68), transparent 32%), linear-gradient(145deg, #ffbc70 0%, #ffeed6 46%, #ff9838 100%); --home-pro-card-border: rgba(255,162,76,.84); --home-pro-card-text: #371700; --home-pro-card-muted: #6a2e00; }
body.theme-red    { --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.7), transparent 32%), linear-gradient(145deg, #ffb2b8 0%, #ffe5e8 46%, #ff7888 100%); --home-pro-card-border: rgba(255,136,148,.84); --home-pro-card-text: #460710; --home-pro-card-muted: #74121f; }
body.theme-rainbow{ --home-pro-card-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.7), transparent 32%), linear-gradient(135deg, #98e6ff 0%, #d2ccff 22%, #b2ffd6 46%, #fff0a4 68%, #ffbf96 84%, #ffbcee 100%); --home-pro-card-border: rgba(255,255,255,.78); --home-pro-card-text: #071e1c; --home-pro-card-muted: #0f3e38; }

body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked {
  background: var(--home-pro-card-bg) !important;
  border-color: var(--home-pro-card-border) !important;
  color: var(--home-pro-card-text) !important;
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked b,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .feature-icon { color: var(--home-pro-card-text) !important; text-shadow: none !important; filter: none !important; }

body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked small,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .mini-lock { color: var(--home-pro-card-muted) !important; filter: none !important; }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (min-width: 481px) {
  body { padding: 16px; background: #000e08 !important; }
  .app-shell { border-radius: 32px; min-height: calc(100vh - 32px); }
  .bottom-nav { bottom: 16px; border-radius: 20px; width: min(480px, calc(100% - 32px)); border: 1px solid var(--glass-border); }
}

@media (min-width: 760px) {
  .main-card-stack { grid-template-columns: 1fr; }
  .nested-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 380px) {
  .hero h1, .page-title { font-size: 24px; }
  .daily-quote-slide h1 { font-size: 22px; }
  .quote-hero { min-height: 300px; }
  .plan-detail-card { padding: 12px; }
  .plan-includes span { font-size: 10px; }
  .theme-grid { grid-template-columns: 1fr; }
  .theme-name-box { grid-template-columns: 1fr; }
  .doc-actions { grid-template-columns: 1fr; }
  .focus-monitor .progress-row { grid-template-columns: 100px 1fr 34px !important; }
  .process-flow { gap: 5px !important; }
  .process-flow span { font-size: 9px !important; padding: 4px 7px !important; }
}

@media (max-width: 360px) {
  .content { padding-left: 12px; padding-right: 12px; }
  .hero, .compact-hero { padding: 16px; }
  .card { padding: 14px; }
  .grouped-main-card { padding: 11px !important; }
  .pricing-grid { grid-template-columns: 1fr; }
}

/* ── UTILITIES ───────────────────────────────────────────── */
button, a, [role=button], .path-card, .lesson, .choice, .tool-row, .feature-card-simple { touch-action: manipulation; }

html, body { background: #00130c !important; }
.process-v88 .question{font-size:23px;line-height:1.05;margin:6px 0 12px}
.process-stage-v88{gap:10px;margin-bottom:10px}
.sales-v88-panel{padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(83,255,167,.24)}
.sales-v88-mini-head{margin-bottom:12px}.sales-v88-mini-head h3{font-size:19px;line-height:1.1;margin:3px 0 4px}.small-note{font-size:12.5px!important;line-height:1.45!important}
.client-line-list{display:grid;gap:10px;margin-top:12px}.client-line-card{border-radius:20px;background:rgba(0,23,14,.28);border:1px solid rgba(255,255,255,.11);overflow:hidden}.client-line-card.open{border-color:rgba(79,255,157,.42);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.client-line-head{width:100%;display:grid;grid-template-columns:34px 1fr 22px;gap:10px;align-items:center;padding:13px;border:0;background:transparent;color:var(--text);text-align:left}.client-line-head small{display:block;color:rgba(220,255,235,.62);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:3px}.client-line-head b{display:block;font-size:14.5px;line-height:1.22}.client-line-head em{font-style:normal;color:var(--green);font-size:20px;font-weight:900}.line-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-weight:950;color:#e9fff4}.client-line-body{padding:0 13px 14px;display:grid;gap:10px}.answer-script{padding:12px;border-radius:16px;background:rgba(0,10,6,.34);border:1px solid rgba(255,255,255,.08);display:grid;gap:9px}.answer-script .secondary.full{padding:10px!important;font-size:12px!important}
.pro-matrix-section{margin-top:16px}.pro-matrix-section>.eyebrow{margin-bottom:4px!important}.sales-matrix-card,.sales-matrix-locked{margin-top:10px}.locked-script-stack{display:grid;gap:9px;padding:0 14px 14px}.sales-matrix-locked .blurred-content{display:block;padding:11px;border-radius:14px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.07);filter:blur(3px);user-select:none;color:rgba(255,255,255,.5)!important;line-height:1.45}.sales-matrix-card .ready-script{margin-top:10px}
@media(max-width:380px){.process-client-grid{gap:8px!important}.process-client-grid .seg-btn{font-size:12.5px!important;padding:11px 8px!important}.client-line-head{grid-template-columns:30px 1fr 18px;padding:12px}.client-line-head b{font-size:13.5px}.line-number{width:28px;height:28px}.sales-v88-panel{padding:12px}}


/* v89 Sales Process agent lead message card */
.agent-lead-card{
  margin:14px 0 16px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px rgba(0,0,0,.14);
}
.agent-lead-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.agent-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#082b1b;font-weight:950;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.agent-lead-top h4{margin:2px 0 0;font-size:16px;line-height:1.15;color:#f6fff8;}
.agent-lead-script{font-size:14px;line-height:1.55;margin-bottom:12px;border-color:rgba(255,255,255,.13);background:rgba(0,0,0,.20)}
.client-question-head{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}
.process-stage-v88 .sales-v88-panel{padding-top:14px}
@media(max-width:380px){.agent-lead-card{padding:14px}.agent-lead-top h4{font-size:15px}.agent-lead-script{font-size:13.2px}}


/* v91 Sales Process: Don't / Do / Suggested Script and Pro Conversion Layer */
.sales-v91-panel .client-line-head small{color:rgba(230,255,240,.72)}
.sales-v91-body{gap:12px!important}
.dos-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dos-card{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045)}
.dos-card .eyebrow{margin-bottom:6px!important;font-size:10.5px!important}
.dos-card p:not(.eyebrow){font-size:12.5px;line-height:1.45;color:rgba(238,255,244,.78);margin:0}
.dos-card.dont{border-color:rgba(255,210,116,.22);background:linear-gradient(145deg,rgba(255,210,116,.08),rgba(255,255,255,.025))}
.dos-card.do{border-color:rgba(80,255,160,.26);background:linear-gradient(145deg,rgba(80,255,160,.08),rgba(255,255,255,.025))}
.suggested-script{border-color:rgba(255,255,255,.14)!important;background:rgba(0,8,5,.42)!important}
.suggested-script .script-text{font-size:13.8px;line-height:1.55}
.sales-v91-conversion{border-color:rgba(255,224,140,.28)!important;background:linear-gradient(145deg,rgba(255,224,140,.075),rgba(0,25,15,.35))!important}
.sales-v91-conversion .pro-seq-head b{color:#ffe08a}
.sales-v91-conversion .ready-script{border-left:3px solid rgba(255,224,140,.62)}
@media(max-width:380px){.dos-grid{grid-template-columns:1fr}.dos-card p:not(.eyebrow){font-size:12.2px}.suggested-script .script-text{font-size:13.2px}}

/* v92 Sales Process property-type targeting layer */
.process-property-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  overflow:visible!important;
}
.process-property-grid .seg-btn{
  width:100%;
  min-height:54px;
  padding:12px 10px;
  white-space:normal;
  line-height:1.15;
  text-align:center;
}
.process-v92 .cheat-display>.eyebrow{
  line-height:1.35;
}
.sales-v92-panel .sales-v88-mini-head h3{
  line-height:1.08;
}
@media(max-width:390px){
  .process-property-grid{gap:8px;}
  .process-property-grid .seg-btn{font-size:12.5px;min-height:50px;padding:10px 8px;}
}

/* v95 Sales Process mobile compact filter selector */
.process-filter-card{
  padding:10px!important;
  border-radius:20px!important;
  margin-top:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
}
.process-filter-card .eyebrow{
  font-size:9.5px!important;
  letter-spacing:.11em!important;
  margin:0 0 6px!important;
  line-height:1.15!important;
}
.process-filter-label{margin-top:9px!important;}
.process-filter-card .tabs{
  gap:6px!important;
  padding:0 0 6px!important;
}
.process-filter-card .seg-btn{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  font-size:11.2px!important;
  line-height:1.08!important;
  box-shadow:none!important;
}
.process-filter-card .tabs:not(.process-property-grid):not(.process-client-grid) .seg-btn{
  flex:1 1 0!important;
  text-align:center;
}
.process-property-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-bottom:2px!important;
}
.process-property-grid .seg-btn{
  min-width:0!important;
  width:100%!important;
  min-height:40px!important;
  padding:7px 5px!important;
  font-size:10.4px!important;
  line-height:1.05!important;
  border-radius:15px!important;
}
.process-client-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.process-client-grid .seg-btn{
  min-height:40px!important;
  padding:8px 7px!important;
  font-size:11.2px!important;
  border-radius:16px!important;
}
.process-v92.cheat-panel{margin-top:12px!important;}
.process-v92 .cheat-display{padding:13px!important;}
.process-v92 .question{font-size:20px!important;margin-bottom:8px!important;}
@media(max-width:380px){
  .process-filter-card{padding:9px!important;}
  .process-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .process-property-grid .seg-btn{font-size:10.8px!important;min-height:38px!important;}
  .process-client-grid .seg-btn{font-size:10.8px!important;min-height:38px!important;}
}

/* v96 Sales Process Premium UI Redesign: screenshot-aligned */
.sp-page{display:grid;gap:14px;margin-top:2px;padding-bottom:8px}
.sp-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 4px 4px;overflow:hidden}
.sp-hero h1{font-size:44px;line-height:.95;margin:0 0 8px;letter-spacing:-.055em;color:#f7fff9;text-shadow:0 12px 38px rgba(0,0,0,.35)}
.sp-hero p{margin:0;color:rgba(232,255,239,.76);font-size:17px;line-height:1.28;font-weight:500}
.sp-hero-art{width:92px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(80,255,160,.16),rgba(255,255,255,.04));border:1px solid rgba(95,255,172,.24);box-shadow:0 0 42px rgba(67,255,153,.20),inset 0 1px 0 rgba(255,255,255,.16);transform:rotate(-5deg)}
.sp-hero-art span{font-size:32px;color:#bfffd8;filter:drop-shadow(0 0 14px rgba(86,255,165,.7))}
.sp-filter-card,.sp-guide-card{border-radius:24px;border:1px solid rgba(97,255,173,.34);background:linear-gradient(155deg,rgba(13,55,35,.82),rgba(0,20,12,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 52px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.10);backdrop-filter:blur(18px)}
.sp-filter-card{padding:18px 16px 16px;display:grid;gap:10px}
.sp-step-label{display:flex;align-items:center;gap:9px;margin:2px 0 1px;color:#48f997;font-size:13px;font-weight:950;letter-spacing:.095em;text-transform:uppercase}.sp-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(73,255,151,.10);filter:drop-shadow(0 0 8px rgba(82,255,156,.45))}
.sp-pill-grid{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:7px}.sp-pill-grid.two{display:grid;grid-template-columns:1fr 1fr}.sp-pill-grid.property .sp-pill{flex:1 1 calc(25% - 10px);min-width:120px}.sp-pill-grid.client .sp-pill{flex:1 1 calc(25% - 10px);min-width:145px}
.sp-pill{min-height:48px;padding:11px 15px;border-radius:19px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#eafff2;font-size:14px;font-weight:800;line-height:1.1;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.sp-pill span{margin-right:7px}.sp-pill:active{transform:scale(.975)}.sp-pill.active{background:linear-gradient(180deg,#fbfffe,#dff7ee);color:#0a2b1d;border-color:rgba(255,255,255,.76);box-shadow:0 12px 34px rgba(229,255,245,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.sp-guide-card{position:relative;overflow:hidden;padding:18px 16px 16px}.sp-guide-card:before{content:"";position:absolute;right:-68px;top:-48px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(80,255,160,.21),transparent 66%);pointer-events:none}.sp-guide-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.sp-breadcrumb{margin:0 0 8px;color:#5effa2;font-size:11.5px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;line-height:1.45}.sp-guide-top h2{margin:0 0 6px;font-size:24px;line-height:1.03;letter-spacing:-.035em;color:#fff}.sp-guide-top p:not(.sp-breadcrumb){margin:0;color:rgba(232,255,239,.72);font-size:13px;line-height:1.42}.sp-target{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;color:#bfffd6;font-size:58px;text-shadow:0 0 24px rgba(95,255,172,.78);opacity:.95}
.sp-stage-list{display:grid;gap:9px}.sp-stage-wrap{border-radius:19px;border:1px solid rgba(255,255,255,.14);background:rgba(0,22,13,.34);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sp-stage-wrap.open{background:linear-gradient(180deg,rgba(58,190,108,.64),rgba(0,36,22,.48));border-color:rgba(94,255,167,.36);box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 34px rgba(64,255,150,.12),inset 0 1px 0 rgba(255,255,255,.16)}
.sp-stage-head{width:100%;border:0;background:transparent;color:#f6fff8;display:grid;grid-template-columns:52px 1fr 32px;align-items:center;gap:8px;text-align:left;padding:12px 14px;font-size:20px;font-weight:950;letter-spacing:-.02em}.sp-stage-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#061d13;color:#fff;border:1px solid rgba(116,255,181,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 18px rgba(70,255,152,.13)}.sp-stage-title{min-width:0}.sp-stage-head b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#c9ffdc;background:rgba(255,255,255,.055)}
.sp-expanded-panel{display:grid;gap:11px;padding:0 13px 14px}.sp-top-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:10px}.sp-mini-card,.sp-response-card{border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(0,25,15,.36);padding:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sp-mini-title,.sp-response-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.sp-mini-title span,.sp-response-title span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(70,255,151,.11);color:#55ff9b}.sp-mini-title b,.sp-response-title b{font-size:14px;color:#fff}.sp-pitch-card p{font-size:14px;line-height:1.42;color:rgba(245,255,248,.9);margin:0}.sp-questions-card ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sp-questions-card li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.052);font-size:12.7px;line-height:1.22;color:rgba(241,255,246,.9)}.sp-questions-card li span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#082417;color:#d8ffe6;font-size:11px;font-weight:900}
.sp-response-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0}.sp-response-col{padding:3px 11px;border-left:1px solid rgba(255,255,255,.14)}.sp-response-col:first-child{border-left:0;padding-left:0}.sp-response-col b{display:block;margin-bottom:5px;font-size:13px}.sp-response-col p{margin:0;color:rgba(238,255,244,.78);font-size:12.4px;line-height:1.34}.sp-response-col.dont b{color:#ff8d75}.sp-response-col.do b{color:#70ff9d}.sp-response-col.script b{color:#ffe78b}.sp-response-col.script p{color:rgba(255,244,204,.9)}
.sp-copy{margin-top:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#eafff2;border-radius:11px;padding:7px 10px;font-size:11px;font-weight:800}.sp-pro-next{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;padding:13px;border-radius:18px;border:1px solid rgba(255,224,140,.35);background:linear-gradient(135deg,rgba(255,224,140,.17),rgba(6,40,23,.44));box-shadow:0 0 34px rgba(255,224,140,.10),inset 0 1px 0 rgba(255,255,255,.10)}.sp-pro-lock{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#fff2b4,#c7962f);color:#112016;font-weight:950;line-height:1}.sp-pro-lock small{font-size:9px}.sp-pro-next b{color:#ffeaa1;font-size:15px}.sp-pro-next p{margin:2px 0 0;color:rgba(247,255,244,.72);font-size:12.7px;line-height:1.34}.sp-gold-btn{border:1px solid rgba(255,238,172,.72);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,224,140,.10));color:#ffeaa1;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:950;box-shadow:0 0 18px rgba(255,224,140,.23)}
@media(max-width:520px){.sp-hero h1{font-size:39px}.sp-hero p{font-size:16px}.sp-hero-art{width:76px;height:64px}.sp-filter-card{padding:16px 14px}.sp-pill-grid.property .sp-pill{flex:1 1 calc(50% - 8px);min-width:0}.sp-pill-grid.client .sp-pill{flex:1 1 calc(50% - 8px);min-width:0}.sp-pill{font-size:13.2px;padding:10px 11px;min-height:46px}.sp-guide-top h2{font-size:22px}.sp-target{width:54px;height:54px;font-size:44px}.sp-stage-head{grid-template-columns:46px 1fr 30px;font-size:18px;padding:11px 12px}.sp-stage-number{width:38px;height:38px}.sp-top-grid{grid-template-columns:1fr}.sp-response-grid{grid-template-columns:1fr;gap:10px}.sp-response-col{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:10px 0 0}.sp-response-col:first-child{border-top:0;padding-top:0}.sp-pro-next{grid-template-columns:48px 1fr;}.sp-gold-btn{grid-column:2;justify-self:start}.sp-pro-lock{width:42px;height:42px}}
@media(max-width:370px){.sp-hero h1{font-size:35px}.sp-pill{font-size:12.2px}.sp-step-label{font-size:11.5px}.sp-guide-card,.sp-filter-card{border-radius:21px}.sp-stage-head{font-size:16.5px}}

/* v97 Sales Process: expandable client questions with hidden response guide until selected */
.sp-questions-card{overflow:visible}
.sp-tap-hint{margin:0 0 9px;color:rgba(240,255,245,.66);font-size:11.8px;line-height:1.35}
.sp-question-list{display:grid;gap:8px}
.sp-question-item{border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.sp-question-item.open{background:rgba(20,90,52,.20);border-color:rgba(82,255,151,.24);box-shadow:0 0 18px rgba(54,255,132,.08)}
.sp-question-btn{width:100%;border:0;background:transparent;color:rgba(241,255,246,.92);display:grid;grid-template-columns:24px 1fr 22px;gap:9px;align-items:center;text-align:left;padding:9px 10px;font:inherit;cursor:pointer}
.sp-question-btn span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#082417;color:#d8ffe6;font-size:11px;font-weight:950}
.sp-question-btn b{font-size:12.8px;line-height:1.25;font-weight:750}
.sp-question-btn em{font-style:normal;color:#bfffd4;font-weight:900;text-align:center}
.sp-question-detail{display:grid;gap:10px;padding:0 9px 10px}
.sp-selected-question{border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:9px 10px;margin:2px 0 11px}
.sp-selected-question small{display:block;color:#55ff9b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950;margin-bottom:3px}
.sp-selected-question p{margin:0;color:rgba(245,255,248,.9);font-size:12.8px;line-height:1.32}
.sp-question-detail .sp-response-card{padding:12px;border-radius:16px;background:rgba(0,25,15,.52)}
.sp-question-detail .sp-pro-next{border-radius:16px}
@media(max-width:520px){.sp-question-detail{padding:0 7px 9px}.sp-question-detail .sp-response-grid{gap:8px}.sp-question-detail .sp-response-col p{font-size:12.8px}.sp-question-detail .sp-pro-next{grid-template-columns:44px 1fr}.sp-question-detail .sp-gold-btn{grid-column:2;justify-self:start}}


/* v98 Sales Process lively playbook + rainbow step palette */
.sp-v98-page .sp-guide-card{padding-bottom:22px}.sp-stage-title{display:flex;flex-direction:column;gap:3px}.sp-stage-title strong{font-size:inherit;line-height:1.05}.sp-stage-title small{font-size:11.5px;line-height:1.25;font-weight:700;color:rgba(239,255,246,.68);letter-spacing:0}.sp-stage-head{position:relative;overflow:hidden}.sp-stage-head:after{content:"";position:absolute;inset:auto 18px 0 66px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--sp-step-color),transparent);opacity:.65}.sp-stage-wrap{--sp-step-color:#58ff9a;--sp-step-bg:rgba(42,180,105,.42);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sp-stage-wrap:active{transform:scale(.992)}.sp-stage-wrap.open{background:linear-gradient(180deg,color-mix(in srgb,var(--sp-step-color) 38%,rgba(0,36,22,.72)),rgba(0,28,18,.58));border-color:color-mix(in srgb,var(--sp-step-color) 68%,transparent);box-shadow:0 16px 38px rgba(0,0,0,.24),0 0 34px color-mix(in srgb,var(--sp-step-color) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.16)}.sp-stage-wrap.open .sp-stage-number{background:radial-gradient(circle at 30% 20%,#fff,var(--sp-step-color) 38%,#031b12 72%);color:#04160e;border-color:rgba(255,255,255,.5);box-shadow:0 0 20px color-mix(in srgb,var(--sp-step-color) 55%,transparent)}
.sp-rainbow-red{--sp-step-color:#ff5f73}.sp-rainbow-orange{--sp-step-color:#ffab45}.sp-rainbow-yellow{--sp-step-color:#ffe45f}.sp-rainbow-green{--sp-step-color:#5dff9a}.sp-rainbow-blue{--sp-step-color:#5fc7ff}.sp-rainbow-indigo{--sp-step-color:#9a7bff}.sp-rainbow-violet{--sp-step-color:#ff7be7}
.sp-v98-panel{border-top:1px solid color-mix(in srgb,var(--sp-step-color) 28%,transparent)}.sp-v98-flow-chip{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid color-mix(in srgb,var(--sp-step-color) 36%,transparent);color:#edfff4;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sp-v98-grid{display:grid;gap:12px}.sp-v98-how .sp-mini-title span,.sp-v98-script .sp-mini-title span,.sp-v98-dodont .sp-mini-title span,.sp-v98-questions .sp-mini-title span{background:color-mix(in srgb,var(--sp-step-color) 34%,rgba(0,0,0,.28));box-shadow:0 0 18px color-mix(in srgb,var(--sp-step-color) 20%,transparent)}.sp-v98-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-v98-two .sp-response-col,.sp-v98-answer-flow .sp-response-col{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;background:rgba(0,0,0,.12)}.sp-v98-answer-flow{display:grid;gap:10px}.sp-v98-answer-flow .script{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.1));border-color:color-mix(in srgb,var(--sp-step-color) 26%,rgba(255,255,255,.1))}.sp-v98-q .sp-question-btn{transition:transform .16s ease,background .16s ease,border-color .16s ease}.sp-v98-q .sp-question-btn:active{transform:translateY(1px) scale(.992)}.sp-v98-q.open .sp-question-btn{background:linear-gradient(90deg,color-mix(in srgb,var(--sp-step-color) 25%,rgba(255,255,255,.08)),rgba(255,255,255,.06));border-color:color-mix(in srgb,var(--sp-step-color) 35%,transparent)}.sp-v98-free-tip{border-color:rgba(255,224,126,.45);background:linear-gradient(120deg,rgba(92,72,24,.58),rgba(0,51,30,.62));box-shadow:0 0 24px rgba(255,221,116,.12),inset 0 1px 0 rgba(255,255,255,.13)}.sp-v98-free-tip .sp-pro-lock{background:linear-gradient(180deg,#fff4a8,#ffc957);color:#12351f}.sp-v98-free-tip b{color:#ffe999}.sp-v98-script p{font-size:17px;line-height:1.45;color:#fff9dc}.sp-v98-how p,.sp-v98-dodont p,.sp-v98-questions p{line-height:1.45}.sp-tap-hint{font-size:12.5px;color:rgba(228,255,238,.68);margin:5px 0 10px}.sp-copy{transition:transform .15s ease,box-shadow .15s ease}.sp-copy:active{transform:scale(.96);box-shadow:0 0 18px color-mix(in srgb,var(--sp-step-color) 22%,transparent)}
@supports not (color:color-mix(in srgb,#fff,#000)){.sp-stage-wrap.open{border-color:rgba(106,255,170,.5);box-shadow:0 16px 38px rgba(0,0,0,.24),0 0 34px rgba(97,255,150,.16)}.sp-v98-flow-chip{border-color:rgba(106,255,170,.35)}.sp-v98-free-tip{box-shadow:0 0 24px rgba(255,221,116,.12)}}
@media(max-width:520px){.sp-stage-title small{font-size:10.6px}.sp-stage-head{grid-template-columns:46px 1fr 30px;gap:7px}.sp-v98-two{grid-template-columns:1fr}.sp-v98-script p{font-size:16px}.sp-v98-flow-chip{font-size:9.8px;white-space:normal;border-radius:16px;line-height:1.25}.sp-v98-free-tip{grid-template-columns:48px 1fr}.sp-v98-free-tip .sp-gold-btn{grid-column:2;justify-self:start}.sp-stage-head:after{inset:auto 14px 0 58px}}

/* v100/v103 Sales Process Pro Tip card: blonde premium theme */
.sp-v100-white-tip{
  align-items:flex-start;
  border:1px solid rgba(255,221,145,.88)!important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.95), transparent 30%),
    linear-gradient(145deg,#fff8db 0%,#f4d78f 46%,#e8bd63 100%)!important;
  color:#2f2108!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.34) inset,0 0 34px rgba(255,213,118,.24)!important;
}
.sp-v100-white-tip .sp-pro-lock{
  background:linear-gradient(180deg,#fffdf2 0%,#f7d879 58%,#dca93d 100%)!important;
  color:#12351f!important;
  border:1px solid rgba(128,86,14,.18);
  box-shadow:0 10px 22px rgba(107,75,16,.20), inset 0 1px 0 rgba(255,255,255,.55);
}
.sp-v100-white-tip b,
.sp-v100-white-tip .sp-v100-sample strong{
  color:#173f28!important;
}
.sp-v100-white-tip p{
  color:#2f2a19!important;
  opacity:1!important;
}
.sp-v100-tip-body{display:grid;gap:10px;min-width:0}
.sp-v100-sample{
  margin-top:4px;
  padding:12px 13px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,249,219,.24));
  border:1px solid rgba(107,75,16,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}
.sp-v100-sample strong{
  display:block;
  font-size:13px;
  letter-spacing:.02em;
  margin-bottom:5px;
}
.sp-v100-sample p{
  margin:0;
  font-size:15.5px;
  line-height:1.45;
}
.sp-v100-white-tip .sp-gold-btn{
  background:linear-gradient(180deg,#0c5a39,#073d27)!important;
  color:#fff8dc!important;
  border-color:rgba(255,234,166,.5)!important;
  box-shadow:0 10px 22px rgba(3,43,25,.24),0 0 18px rgba(255,225,127,.18)!important;
}
.sp-v102-pro-tip.locked{
  border-color:rgba(255,214,121,.92)!important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.95), transparent 30%),
    linear-gradient(145deg,#fff5cf 0%,#efd08a 52%,#d8a94a 100%)!important;
}
.sp-v102-locked-sample{background:rgba(255,255,255,.30)!important;border-color:rgba(107,75,16,.13)!important}
@media(max-width:520px){
  .sp-v100-white-tip{grid-template-columns:48px 1fr!important;gap:12px!important}
  .sp-v100-white-tip .sp-gold-btn{grid-column:2;justify-self:start!important;margin-top:2px}
  .sp-v100-sample p{font-size:14.8px}
}

/* v101 Sales Process: keep opened step header visible below sticky app header */
.sp-stage-wrap{ scroll-margin-top: 140px; }


/* v102: Pro Mode locked/unlocked conversion cards + two-mode account labels */
.sp-v102-pro-tip.locked{
  position: relative;
  border-color: rgba(225, 190, 95, .65) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,255,246,.94)) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22), 0 0 30px rgba(225,190,95,.18) !important;
  cursor: pointer;
}
.sp-v102-pro-tip.locked .sp-v100-sample{
  opacity: .68;
  filter: blur(.2px);
}
.sp-v102-pro-tip.unlocked{
  border-color: rgba(36, 211, 131, .58) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.20), 0 0 30px rgba(36,211,131,.18) !important;
}
.subscription-status-pill.mode-pro,
.mode-pro .subscription-status-pill{
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(218,255,235,.94));
  color: #064329;
  border-color: rgba(50, 214, 130, .55);
}
.mode-pro .pro-unlocked-box span{ border-color: rgba(36,211,131,.35); }
.plan-hidden-for-ahente-only{ display:block !important; }

/* v104 Sales Process Rainbow Reassignment: Step 1 starts RED, then Orange, Yellow, Green, Blue, Indigo, Violet */
.sp-stage-list .sp-stage-wrap:nth-child(1){--sp-step-color:#ff3b4f;--sp-step-soft:rgba(255,59,79,.16);--sp-step-mid:rgba(255,59,79,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(2){--sp-step-color:#ff9f1c;--sp-step-soft:rgba(255,159,28,.16);--sp-step-mid:rgba(255,159,28,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(3){--sp-step-color:#ffe156;--sp-step-soft:rgba(255,225,86,.16);--sp-step-mid:rgba(255,225,86,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(4){--sp-step-color:#37f277;--sp-step-soft:rgba(55,242,119,.16);--sp-step-mid:rgba(55,242,119,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(5){--sp-step-color:#34c9ff;--sp-step-soft:rgba(52,201,255,.16);--sp-step-mid:rgba(52,201,255,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(6){--sp-step-color:#7c5cff;--sp-step-soft:rgba(124,92,255,.16);--sp-step-mid:rgba(124,92,255,.34)}
.sp-stage-list .sp-stage-wrap:nth-child(7){--sp-step-color:#f26bff;--sp-step-soft:rgba(242,107,255,.16);--sp-step-mid:rgba(242,107,255,.34)}
.sp-stage-wrap .sp-stage-head{border-color:color-mix(in srgb,var(--sp-step-color) 28%,rgba(255,255,255,.1));box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--sp-step-color) 70%,transparent)}
.sp-stage-wrap .sp-stage-number{border-color:color-mix(in srgb,var(--sp-step-color) 45%,rgba(255,255,255,.12));background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),var(--sp-step-soft) 38%,rgba(0,30,18,.82) 74%);color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--sp-step-color) 22%,transparent)}
.sp-stage-wrap .sp-stage-head b{border-color:color-mix(in srgb,var(--sp-step-color) 28%,rgba(255,255,255,.16));background:linear-gradient(145deg,rgba(255,255,255,.05),var(--sp-step-soft));color:#fff}
.sp-stage-wrap.open .sp-stage-head{background:linear-gradient(135deg,var(--sp-step-mid),rgba(0,30,18,.58));border-color:color-mix(in srgb,var(--sp-step-color) 58%,rgba(255,255,255,.08))}
.sp-stage-wrap.open .sp-stage-number{background:radial-gradient(circle at 28% 18%,#fff,var(--sp-step-color) 42%,#04120b 76%);color:#06150d;box-shadow:0 0 24px color-mix(in srgb,var(--sp-step-color) 48%,transparent)}
.sp-stage-wrap.open{border-color:color-mix(in srgb,var(--sp-step-color) 58%,rgba(255,255,255,.08));box-shadow:0 18px 42px rgba(0,0,0,.25),0 0 28px color-mix(in srgb,var(--sp-step-color) 18%,transparent)}

/* v105 Sales Process Pro Mode card: eye-comfort peppermint cream canvas */
.sp-v100-white-tip,
.sp-v102-pro-tip.locked,
.sp-v102-pro-tip.unlocked{
  border-color: rgba(212, 190, 126, .78) !important;
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 250, 226, .78), transparent 34%),
    linear-gradient(145deg, #f6f1df 0%, #e4f2e6 48%, #d8e9dc 100%) !important;
  color:#173827 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.28) inset,0 0 28px rgba(216,232,204,.18)!important;
}
.sp-v100-white-tip p,
.sp-v102-pro-tip.locked p,
.sp-v102-pro-tip.unlocked p{
  color:#254235!important;
}
.sp-v100-white-tip b,
.sp-v100-white-tip .sp-v100-sample strong,
.sp-v102-pro-tip.locked b,
.sp-v102-pro-tip.unlocked b{
  color:#06442b!important;
}
.sp-v100-sample,
.sp-v102-locked-sample{
  background:linear-gradient(180deg,rgba(255,250,232,.62),rgba(218,238,223,.54))!important;
  border-color:rgba(62,112,83,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.sp-v100-white-tip .sp-pro-lock,
.sp-v102-pro-tip.locked .sp-pro-lock,
.sp-v102-pro-tip.unlocked .sp-pro-lock{
  background:linear-gradient(180deg,#fff7dc 0%,#dfeeda 50%,#c8dfc9 100%)!important;
  color:#06442b!important;
  border-color:rgba(62,112,83,.18)!important;
}

/* v106 reassigned Sales Process colors + rainbow Aftersales */
.sp-v106-page .sp-guide-top p:not(.sp-breadcrumb){max-width:560px;color:rgba(234,255,243,.76);}
.sp-rainbow-rainbow{--sp-step-color:#ff7be7;}
.sp-rainbow-rainbow .sp-stage-head:after{background:linear-gradient(90deg,#5fc7ff,#9a7bff,#5dff9a,#ffe45f,#ffab45,#ff5f73,#ff7be7)!important;opacity:.9;}
.sp-rainbow-rainbow.open{background:linear-gradient(180deg,rgba(52,52,96,.66),rgba(0,28,18,.58));border-color:rgba(255,255,255,.28);box-shadow:0 16px 38px rgba(0,0,0,.25),0 0 30px rgba(255,123,231,.16),inset 0 1px 0 rgba(255,255,255,.16);}
.sp-rainbow-rainbow.open .sp-stage-number{background:conic-gradient(from 180deg,#5fc7ff,#9a7bff,#5dff9a,#ffe45f,#ffab45,#ff5f73,#ff7be7,#5fc7ff)!important;color:#04160e;border-color:rgba(255,255,255,.55);box-shadow:0 0 22px rgba(255,255,255,.18);}
.sp-rainbow-rainbow .sp-v98-flow-chip{border-color:rgba(255,255,255,.28);}

/* v107 corrected Sales Process colors: Blue, Indigo, Green, Yellow, Orange, Red, Rainbow */
.sp-stage-list .sp-stage-wrap:nth-child(1), .sp-stage-wrap.sp-rainbow-blue{--sp-step-color:#34c9ff!important;--sp-step-soft:rgba(52,201,255,.16)!important;--sp-step-mid:rgba(52,201,255,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(2), .sp-stage-wrap.sp-rainbow-indigo{--sp-step-color:#7c5cff!important;--sp-step-soft:rgba(124,92,255,.16)!important;--sp-step-mid:rgba(124,92,255,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(3), .sp-stage-wrap.sp-rainbow-green{--sp-step-color:#37f277!important;--sp-step-soft:rgba(55,242,119,.16)!important;--sp-step-mid:rgba(55,242,119,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(4), .sp-stage-wrap.sp-rainbow-yellow{--sp-step-color:#ffe156!important;--sp-step-soft:rgba(255,225,86,.16)!important;--sp-step-mid:rgba(255,225,86,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(5), .sp-stage-wrap.sp-rainbow-orange{--sp-step-color:#ff9f1c!important;--sp-step-soft:rgba(255,159,28,.16)!important;--sp-step-mid:rgba(255,159,28,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(6), .sp-stage-wrap.sp-rainbow-red{--sp-step-color:#ff3b4f!important;--sp-step-soft:rgba(255,59,79,.16)!important;--sp-step-mid:rgba(255,59,79,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(7), .sp-stage-wrap.sp-rainbow-rainbow{--sp-step-color:#ff7be7!important;--sp-step-soft:rgba(242,107,255,.16)!important;--sp-step-mid:rgba(242,107,255,.34)!important;}
.sp-stage-list .sp-stage-wrap:nth-child(7) .sp-stage-head:after,
.sp-stage-wrap.sp-rainbow-rainbow .sp-stage-head:after{background:linear-gradient(90deg,#34c9ff,#7c5cff,#37f277,#ffe156,#ff9f1c,#ff3b4f,#f26bff)!important;opacity:.95!important;}
.sp-stage-list .sp-stage-wrap:nth-child(7).open .sp-stage-number,
.sp-stage-wrap.sp-rainbow-rainbow.open .sp-stage-number{background:conic-gradient(from 180deg,#34c9ff,#7c5cff,#37f277,#ffe156,#ff9f1c,#ff3b4f,#f26bff,#34c9ff)!important;color:#04160e!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 0 22px rgba(255,255,255,.18)!important;}

/* v110 Client Tracker sorting + smart attention queue */
.tracker-sort-panel{
  display:grid;
  gap:12px;
  padding:14px!important;
  margin:0 0 12px!important;
  border:1px solid rgba(154,255,200,.18)!important;
  background:linear-gradient(145deg,rgba(10,70,42,.62),rgba(2,28,19,.92))!important;
}
.tracker-sort-panel > div:first-child{display:grid;gap:3px;}
.tracker-sort-panel b{color:#f2fff6;font-size:1.02rem;}
.tracker-sort-panel small{color:rgba(234,255,241,.68);line-height:1.35;}
.tracker-sort-select{
  width:100%;min-height:46px;border-radius:16px;padding:10px 12px;
  color:#ecfff3;background:rgba(255,255,255,.06);border:1px solid rgba(154,255,200,.22);
  font-weight:800;outline:none;
}
.tracker-attention-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid rgba(154,255,200,.12);padding-top:10px;}
.tracker-attention-strip span{font-weight:900;color:#ffe8a8;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;}
.tracker-attention-strip em{font-style:normal;border-radius:999px;padding:6px 10px;background:rgba(255,224,162,.12);color:#fff1ba;border:1px solid rgba(255,224,162,.28);font-weight:800;font-size:.78rem;}
.tracker-client-card.tracker-high-attention{border-left-color:#ffe0a2!important;box-shadow:0 0 0 1px rgba(255,224,162,.18),0 18px 42px rgba(255,190,80,.08)!important;}
.attention-mini{font-style:normal;color:#ffe0a2;font-size:.82em;margin-left:3px;}
@media(min-width:700px){.tracker-sort-panel{grid-template-columns:1fr 190px;align-items:center}.tracker-attention-strip{grid-column:1/-1}}

/* v112 Homepage Free/Pro Mode Card Design Upgrade
   Free Mode: all cards stay premium green; Pro-only cards show PRO LOCKED.
   Pro Mode: all Pro cards switch to the active mint treatment like Client Conversion Tracker. */
body:not(.is-pro) .nested-grid .pro-feature-card,
body:not(.is-pro) .nested-grid .pro-preview-card,
body:not(.is-pro) .nested-grid .ahente-exclusive-card,
body:not(.is-pro) .tools-green-grid .pro-feature-card,
body:not(.is-pro) .tools-green-grid .pro-preview-card,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card{
  background:
    radial-gradient(circle at 18% 8%,rgba(85,255,152,.20),transparent 42%),
    linear-gradient(145deg,#0b6d3d 0%,#064c2c 54%,#032f1c 100%)!important;
  border:1px solid rgba(94,255,165,.44)!important;
  color:#f5fff8!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.13),0 0 0 1px rgba(67,255,146,.06)!important;
}
body:not(.is-pro) .nested-grid .pro-feature-card b,
body:not(.is-pro) .nested-grid .pro-feature-card small,
body:not(.is-pro) .nested-grid .pro-feature-card .feature-icon,
body:not(.is-pro) .nested-grid .pro-preview-card b,
body:not(.is-pro) .nested-grid .pro-preview-card small,
body:not(.is-pro) .nested-grid .pro-preview-card .feature-icon,
body:not(.is-pro) .nested-grid .ahente-exclusive-card b,
body:not(.is-pro) .nested-grid .ahente-exclusive-card small,
body:not(.is-pro) .nested-grid .ahente-exclusive-card .feature-icon,
body:not(.is-pro) .tools-green-grid .pro-feature-card b,
body:not(.is-pro) .tools-green-grid .pro-feature-card small,
body:not(.is-pro) .tools-green-grid .pro-feature-card .feature-icon,
body:not(.is-pro) .tools-green-grid .pro-preview-card b,
body:not(.is-pro) .tools-green-grid .pro-preview-card small,
body:not(.is-pro) .tools-green-grid .pro-preview-card .feature-icon,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card b,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card small,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card .feature-icon{
  color:#f5fff8!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}
body:not(.is-pro) .nested-grid .pro-feature-card .badge,
body:not(.is-pro) .nested-grid .pro-preview-card .badge,
body:not(.is-pro) .nested-grid .ahente-exclusive-card .badge,
body:not(.is-pro) .tools-green-grid .pro-feature-card .badge,
body:not(.is-pro) .tools-green-grid .pro-preview-card .badge,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card .badge{
  min-width:92px!important;
  background:rgba(220,255,235,.13)!important;
  border-color:rgba(220,255,235,.28)!important;
  color:#f2fff7!important;
  text-shadow:none!important;
}
body:not(.is-pro) .nested-grid .pro-feature-card .mini-lock,
body:not(.is-pro) .nested-grid .pro-preview-card .mini-lock,
body:not(.is-pro) .nested-grid .ahente-exclusive-card .mini-lock,
body:not(.is-pro) .tools-green-grid .pro-feature-card .mini-lock,
body:not(.is-pro) .tools-green-grid .pro-preview-card .mini-lock,
body:not(.is-pro) .tools-green-grid .ahente-exclusive-card .mini-lock{
  color:#ffe28a!important;
}

body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked{
  background:linear-gradient(145deg,rgba(167,255,198,.96),rgba(211,255,225,.92))!important;
  border-color:rgba(101,255,166,.72)!important;
  color:#07351e!important;
  box-shadow:0 16px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.55), 0 0 18px rgba(93,255,165,.16)!important;
}
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked b,
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked small,
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked .mini-lock,
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked .feature-icon,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked b,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked small,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked .mini-lock,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked .feature-icon,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked b,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked small,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked .mini-lock,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked .feature-icon,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked b,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked small,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked .mini-lock,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked .feature-icon{
  color:#07351e!important;
  text-shadow:none!important;
  filter:none!important;
}
body.is-pro .nested-grid .pro-feature-card.pro-card-unlocked .badge,
body.is-pro .nested-grid .ahente-exclusive-card.pro-card-unlocked .badge,
body.is-pro .tools-green-grid .pro-feature-card.pro-card-unlocked .badge,
body.is-pro .tools-green-grid .ahente-exclusive-card.pro-card-unlocked .badge{
  min-width:auto!important;
  background:rgba(7,53,30,.10)!important;
  border-color:rgba(7,53,30,.24)!important;
  color:#0b4b2c!important;
  text-shadow:none!important;
  box-shadow:0 6px 16px rgba(7,53,30,.10), inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* v114 Pro Personalization + Theme Studio */
.quote-user-name{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(215,255,230,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.quote-user-name span{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.03em;text-transform:uppercase}.quote-user-name b{font-size:13px;color:var(--soft);font-weight:950}.theme-studio-card{overflow:hidden;position:relative}.theme-studio-card:before{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--green),transparent 68%);opacity:.16;pointer-events:none}.theme-name-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:14px 0}.theme-name-box label{font-size:11px;font-weight:900;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.theme-name-box input{width:100%;margin-top:7px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.065);color:var(--text);padding:13px 12px;font:inherit;font-weight:800}.theme-name-box input:disabled{opacity:.55}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.theme-swatch{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);border-radius:17px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;min-height:58px}.theme-swatch span{width:28px;height:28px;border-radius:999px;box-shadow:0 0 18px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.45);flex:0 0 auto}.theme-swatch b{font-size:12px;line-height:1.1}.theme-swatch small{display:block;color:var(--green);font-weight:900;font-size:9px;text-transform:uppercase;margin-left:auto}.theme-swatch.active{border-color:var(--green);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 20px rgba(53,231,138,.14);background:rgba(255,255,255,.09)}.theme-studio-card.locked .theme-grid{opacity:.72}.theme-studio-card.locked .theme-swatch:not(:first-child){filter:saturate(.65) brightness(.78)}

body.theme-green{--green:#35e78a;--green2:#00b86b;--soft:#d8ffe7;--gold:#ffd166;--card:#082d1f;--card2:#0c3c29;--muted:#a8c9b7;background:radial-gradient(circle at 20% 0%,#0d5135 0,#031b12 38%,#02120c 100%)!important;}
body.theme-blue{--green:#5bc7ff;--green2:#1478ff;--soft:#e5f6ff;--gold:#8fd3ff;--card:#071f36;--card2:#0b355b;--muted:#abcbe0;background:radial-gradient(circle at 20% 0%,#0b4e78 0,#031827 42%,#010b12 100%)!important;}
body.theme-indigo{--green:#8b7dff;--green2:#4b38d8;--soft:#edeaff;--gold:#c1b8ff;--card:#120d35;--card2:#22185a;--muted:#c3bfe0;background:radial-gradient(circle at 20% 0%,#2d247c 0,#100d2b 42%,#070613 100%)!important;}
body.theme-yellow{--green:#ffd166;--green2:#f5a400;--soft:#fff6cf;--gold:#ffe58a;--card:#2a2108;--card2:#4b390b;--muted:#e3d5a3;background:radial-gradient(circle at 20% 0%,#66500b 0,#201906 42%,#100c02 100%)!important;}
body.theme-orange{--green:#ff9f43;--green2:#f97316;--soft:#fff0df;--gold:#ffc36e;--card:#301706;--card2:#572a0c;--muted:#e1bea2;background:radial-gradient(circle at 20% 0%,#7a3f0b 0,#241105 42%,#110802 100%)!important;}
body.theme-red{--green:#ff7d7d;--green2:#e11d48;--soft:#ffe7e7;--gold:#ffb3b3;--card:#320c13;--card2:#5c1824;--muted:#e1b2b9;background:radial-gradient(circle at 20% 0%,#7a1e2d 0,#25090f 42%,#120407 100%)!important;}
body.theme-rainbow{--green:#72ffd2;--green2:#6d5dfc;--soft:#f5fff8;--gold:#ffd166;--card:#071f22;--card2:#17204b;--muted:#b8d1cf;background:radial-gradient(circle at 16% 0%,rgba(77,183,255,.28),transparent 30%),radial-gradient(circle at 78% 10%,rgba(255,97,200,.18),transparent 26%),radial-gradient(circle at 30% 75%,rgba(255,209,102,.18),transparent 28%),#04120f!important;}
body.theme-blue .app-shell{background:linear-gradient(180deg,rgba(5,35,62,.92),rgba(1,11,18,.97))!important}body.theme-indigo .app-shell{background:linear-gradient(180deg,rgba(23,17,70,.92),rgba(7,6,19,.97))!important}body.theme-yellow .app-shell{background:linear-gradient(180deg,rgba(55,43,10,.93),rgba(16,12,2,.97))!important}body.theme-orange .app-shell{background:linear-gradient(180deg,rgba(56,25,7,.93),rgba(17,8,2,.97))!important}body.theme-red .app-shell{background:linear-gradient(180deg,rgba(58,13,22,.93),rgba(18,4,7,.97))!important}body.theme-rainbow .app-shell{background:linear-gradient(180deg,rgba(5,45,44,.92),rgba(6,8,22,.97))!important}
body.theme-blue .app-shell:before,body.theme-indigo .app-shell:before,body.theme-yellow .app-shell:before,body.theme-orange .app-shell:before,body.theme-red .app-shell:before,body.theme-rainbow .app-shell:before{background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--green) 28%,transparent),transparent 24%),radial-gradient(circle at 10% 70%,color-mix(in srgb,var(--gold) 15%,transparent),transparent 30%)!important}
body.theme-rainbow .primary,body.theme-rainbow .pro-pill,body.theme-rainbow .nav-item.active{background:linear-gradient(135deg,#4db7ff,#6d5dfc,#35e78a,#ffd166,#ff8d4d,#ff62c8)!important;color:#05130e!important}body.theme-rainbow .theme-swatch.active{border-color:#ffd166!important;box-shadow:0 0 24px rgba(255,209,102,.22)!important}
@media(max-width:380px){.theme-grid{grid-template-columns:1fr}.theme-name-box{grid-template-columns:1fr}.theme-name-box .secondary{width:100%;}}

/* v115 Home Pro Active Cards — Theme-Adaptive Upgrade
   Active / unlocked Pro cards on the Home dashboard now follow the selected Theme Studio color
   while keeping text, badges, and notes readable on mobile. */
body.theme-green{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#9dffc8 0%,#ccffe0 48%,#65f2a1 100%);
  --home-pro-card-border:rgba(112,255,171,.82);
  --home-pro-card-text:#05351e;
  --home-pro-card-muted:#0b5733;
  --home-pro-card-badge-bg:rgba(5,53,30,.12);
  --home-pro-card-badge-border:rgba(5,53,30,.28);
  --home-pro-card-glow:rgba(53,231,138,.26);
}
body.theme-blue{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(145deg,#a9eaff 0%,#d9f7ff 48%,#63c7ff 100%);
  --home-pro-card-border:rgba(105,207,255,.84);
  --home-pro-card-text:#052b42;
  --home-pro-card-muted:#0a4f78;
  --home-pro-card-badge-bg:rgba(5,43,66,.12);
  --home-pro-card-badge-border:rgba(5,43,66,.28);
  --home-pro-card-glow:rgba(91,199,255,.26);
}
body.theme-indigo{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.74),transparent 34%),linear-gradient(145deg,#cec8ff 0%,#eeeaff 48%,#9c91ff 100%);
  --home-pro-card-border:rgba(176,167,255,.84);
  --home-pro-card-text:#17104a;
  --home-pro-card-muted:#352a78;
  --home-pro-card-badge-bg:rgba(23,16,74,.12);
  --home-pro-card-badge-border:rgba(23,16,74,.28);
  --home-pro-card-glow:rgba(139,125,255,.28);
}
body.theme-yellow{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(145deg,#ffe78f 0%,#fff5c8 48%,#ffc94a 100%);
  --home-pro-card-border:rgba(255,221,105,.86);
  --home-pro-card-text:#3f2d00;
  --home-pro-card-muted:#6b4a00;
  --home-pro-card-badge-bg:rgba(63,45,0,.12);
  --home-pro-card-badge-border:rgba(63,45,0,.28);
  --home-pro-card-glow:rgba(255,209,102,.30);
}
body.theme-orange{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#ffc27b 0%,#fff0da 48%,#ff9f43 100%);
  --home-pro-card-border:rgba(255,168,82,.86);
  --home-pro-card-text:#3b1900;
  --home-pro-card-muted:#743200;
  --home-pro-card-badge-bg:rgba(59,25,0,.12);
  --home-pro-card-badge-border:rgba(59,25,0,.28);
  --home-pro-card-glow:rgba(255,159,67,.30);
}
body.theme-red{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(145deg,#ffb8bd 0%,#ffe7ea 48%,#ff7d8f 100%);
  --home-pro-card-border:rgba(255,142,154,.86);
  --home-pro-card-text:#4a0811;
  --home-pro-card-muted:#7b1522;
  --home-pro-card-badge-bg:rgba(74,8,17,.12);
  --home-pro-card-badge-border:rgba(74,8,17,.28);
  --home-pro-card-glow:rgba(255,125,125,.30);
}
body.theme-rainbow{
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(135deg,#9ee7ff 0%,#d6cfff 24%,#b7ffd8 48%,#fff0a8 70%,#ffc39c 86%,#ffc1ef 100%);
  --home-pro-card-border:rgba(255,255,255,.80);
  --home-pro-card-text:#082520;
  --home-pro-card-muted:#12443c;
  --home-pro-card-badge-bg:rgba(8,37,32,.12);
  --home-pro-card-badge-border:rgba(8,37,32,.28);
  --home-pro-card-glow:rgba(255,255,255,.22);
}
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked{
  background:var(--home-pro-card-bg)!important;
  border-color:var(--home-pro-card-border)!important;
  color:var(--home-pro-card-text)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.62),0 0 22px var(--home-pro-card-glow)!important;
}
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked b,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .feature-icon{
  color:var(--home-pro-card-text)!important;
  text-shadow:none!important;
  filter:none!important;
}
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked small,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .mini-lock{
  color:var(--home-pro-card-muted)!important;
  text-shadow:none!important;
  filter:none!important;
}
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .badge,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .badge.gold,
body.is-pro .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked .badge.unlocked{
  background:var(--home-pro-card-badge-bg)!important;
  border-color:var(--home-pro-card-badge-border)!important;
  color:var(--home-pro-card-muted)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.36)!important;
  text-shadow:none!important;
}
  background-image:none!important;
  background-size:auto!important;
  animation:none!important;
  border-color:rgba(93,255,165,.50)!important;
}
.nested-grid .feature-card-simple,
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.nested-grid .pro-feature-card,
.tools-green-grid .feature-card-simple,
.tools-green-grid .soon-card,
.tools-green-grid .pro-preview-card,
.tools-green-grid .pro-feature-card{
  background:#086b3d!important;
  background-image:none!important;
  border:1px solid rgba(94,255,165,.38)!important;
  color:#f5fff8!important;
}
.nested-grid .feature-card-simple:before,
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before,
.tools-green-grid .feature-card-simple:before,
.tools-green-grid .soon-card:before,
.tools-green-grid .pro-preview-card:before{
  display:none!important;
  background:none!important;
}

/* v40 Text Visibility Boost: subtle shadows on white text over green surfaces */
.quote-hero h1,
.quote-hero .eyebrow,
.quote-hero .muted,
.quote-hero .stats b,
.quote-hero .stats span,
.quote-hero .video-placeholder b,
.quote-hero .video-placeholder small,
.quote-hero .secondary,
.section-head h2,
.section-head .see,
.group-card-head h3,
.group-card-head p,
.single-main-card .feature-card-simple b,
.single-main-card .feature-card-simple small,
.single-main-card .feature-card-simple .badge,
.nested-grid .feature-card-simple b,
.nested-grid .feature-card-simple small,
.nested-grid .feature-card-simple .badge,
.tools-green-grid .feature-card-simple b,
.tools-green-grid .feature-card-simple small,
.tools-green-grid .feature-card-simple .badge,
.path-card h3,
.path-card p,
.lesson h3,
.lesson p,
.script-card h3,
.script-card p,
.tool-row b,
.tool-row span,
.step h3,
.step p,
.bottom-nav .nav-item,
.bottom-nav .nav-item span,
.hero h1,
.hero p,
.hero .eyebrow,
.hero .question,
.hero .script-text,
.cheat-display .question,
.seg-btn,
.tool-hero .page-title,
.tool-hero .muted,
.card h2,
.card h3,
.card h4,
.card p,
.card small,
.card li {
  text-shadow: 0 2px 8px rgba(0,0,0,.38), 0 1px 2px rgba(0,0,0,.45) !important;
}

/* Keep dark text controls crisp without shadow */
.pro-pill,
.top-actions .pro-pill,
button.pro-pill,
.primary,
.quote-hero .hero-actions .primary,
.quote-hero .hero-actions .secondary:first-child,
.quote-hero .hero-actions .primary *,
.primary *,
.pro-pill * {
  text-shadow: none !important;
}

/* v41 minor subscription mode polish */
.subscription-status-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin: 8px 0 14px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(101,255,166,.38);
  background: rgba(9,93,48,.45);
  color: #eafff0;
  font-weight: 900;
  letter-spacing: .08em;
  font-size: .82rem;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 28px rgba(0,0,0,.22);
}
.subscription-status-pill.mode-free {
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
}
.subscription-status-pill.mode-starter {
  border-color: rgba(255,216,111,.55);
  background: rgba(145,103,13,.30);
  color: #ffe59b;
}
.subscription-status-pill.mode-ahente {
  border-color: rgba(101,255,166,.65);
  background: linear-gradient(135deg, rgba(0,113,55,.72), rgba(5,49,32,.76));
  color: #dffff0;
}
.current-plan-card {
  outline: 2px solid rgba(101,255,166,.65);
  box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 26px rgba(71,255,145,.12);
}
.current-plan-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 20px;
  border: 1px solid rgba(101,255,166,.48);
  background: rgba(101,255,166,.12);
  color: #dbffea;
  font-weight: 900;
  letter-spacing: .03em;
  text-align: center;
}
.ahente-exclusive-card .badge {
  min-width: 92px;
  font-size: .72rem;
}
.ahente-exclusive-card.pro-card-unlocked .badge {
  min-width: auto;
}
.mode-starter .pro-mode-banner {
  border-color: rgba(255,216,111,.42);
  background: rgba(145,103,13,.18);
}
.mode-ahente .pro-mode-banner {
  border-color: rgba(101,255,166,.48);
  background: rgba(12,122,61,.24);
}

/* v42 Client Conversion Tracker MVP */
.tracker-card.pro-card-unlocked {
  border-color: rgba(101,255,166,.60) !important;
  background: linear-gradient(145deg, rgba(167,255,198,.96), rgba(211,255,225,.90)) !important;
  color: #07351e !important;
}
.tracker-hero h1,
.locked-tool-page h1 {
  margin-top: 4px;
}
.tracker-form-card label {
  display: grid;
  gap: 8px;
  color: rgba(234,255,241,.84);
  font-weight: 800;
  font-size: .92rem;
}
.tracker-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.tracker-form-grid .wide {
  grid-column: 1 / -1;
}
.tracker-form-grid input,
.tracker-form-grid select,
.tracker-form-grid textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(101,255,166,.28);
  border-radius: 18px;
  padding: 12px 13px;
  background: rgba(5,30,20,.72);
  color: #effff4;
  font: inherit;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.tracker-form-grid textarea {
  min-height: 92px;
  resize: vertical;
}
.tracker-limit-box,
.empty-tracker {
  border: 1px dashed rgba(255,216,111,.42);
  border-radius: 22px;
  padding: 18px;
  color: #fff3bd;
  background: rgba(111,75,8,.15);
}
.tracker-analytics .section-head b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  min-height: 46px;
  border-radius: 16px;
  background: rgba(101,255,166,.14);
  border: 1px solid rgba(101,255,166,.34);
  color: #dffff0;
  font-size: 1.15rem;
}
.tracker-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 16px;
}
.tracker-metrics span {
  min-height: 76px;
  border-radius: 20px;
  padding: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(234,255,241,.78);
  display: grid;
  align-content: center;
  gap: 2px;
  font-weight: 800;
}
.tracker-metrics b {
  display: block;
  font-size: 1.45rem;
  color: #f1fff5;
}
.tracker-breakdown {
  margin-top: 14px;
  color: rgba(234,255,241,.74);
  line-height: 1.55;
}
.tracker-client-list {
  display: grid;
  gap: 14px;
}
.tracker-client-card {
  padding: 18px !important;
}
.tracker-client-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.tracker-client-top h3 {
  margin: 3px 0 0;
  font-size: 1.28rem;
  line-height: 1.05;
}
.tracker-status {
  flex: 0 0 auto;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #07351e;
  background: #c8f7d6;
}
.tracker-status.status-hot { background: #ffe0a2; color: #4a2b00; }
.tracker-status.status-warm { background: #d9ffdf; color: #07351e; }
.tracker-status.status-cold { background: #d7e6ff; color: #0b2a53; }
.tracker-status.status-closed { background: #a9ffcc; color: #07351e; }
.tracker-status.status-lost { background: #ffd1d1; color: #571515; }
.tracker-stage-line {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(101,255,166,.22);
  background: rgba(101,255,166,.08);
  display: grid;
  gap: 4px;
}
.tracker-stage-line small,
.tracker-advice small {
  color: rgba(234,255,241,.74);
  line-height: 1.45;
}
.tracker-advice {
  margin-top: 12px;
  display: grid;
  gap: 6px;
  color: rgba(234,255,241,.82);
}
.tracker-advice b {
  color: #72ffa8;
}
.tracker-advice p {
  margin: 0;
  line-height: 1.5;
}
.tracker-notes {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  color: rgba(234,255,241,.76);
  line-height: 1.45;
}
.tracker-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.tracker-actions button {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 16px;
}
.locked-tool-page {
  margin-top: 16px;
}
@media (max-width: 380px){
  .tracker-form-grid { grid-template-columns: 1fr; }
  .tracker-metrics { grid-template-columns: repeat(2, 1fr); }
}


/* v44 targeted language toggle + Client Script Bank subtitle sizing fix */
#langToggle{
  min-width:82px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.scriptbank-subtitle,
body.lang-fil .scriptbank-subtitle{
  font-size:15px!important;
  line-height:1.55!important;
  letter-spacing:-.15px!important;
}
.script-bank-intro,
body.lang-fil .script-bank-intro{
  font-size:15px!important;
  line-height:1.55!important;
  letter-spacing:-.15px!important;
}
.script-bank-head{
  align-items:flex-start!important;
  gap:12px!important;
}
.script-bank-head h2,
body.lang-fil .script-bank-head h2{
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.7px!important;
  max-width:68%!important;
}
.script-bank-head span,
body.lang-fil .script-bank-head span{
  flex:0 0 96px!important;
  max-width:96px!important;
  text-align:right!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:500!important;
  color:rgba(236,255,245,.92)!important;
}
@media(max-width:370px){
  #langToggle{min-width:74px!important;font-size:11px!important;padding-left:8px!important;padding-right:8px!important;}
  .script-bank-head h2,
  body.lang-fil .script-bank-head h2{font-size:20px!important;max-width:66%!important;}
  .script-bank-head span,
  body.lang-fil .script-bank-head span{flex-basis:88px!important;max-width:88px!important;font-size:13px!important;}
}

/* v45 Ahente Pro Tracker Card Readability Fix
   Targeted only: Client Conversion Tracker card when Ahente Pro Mode turns it light green. */
.tracker-card.pro-card-unlocked,
.nested-grid .tracker-card.pro-card-unlocked,
.tools-green-grid .tracker-card.pro-card-unlocked {
  background: linear-gradient(145deg, rgba(167,255,198,.96), rgba(211,255,225,.92)) !important;
  border-color: rgba(101,255,166,.72) !important;
  color: #07351e !important;
}
.tracker-card.pro-card-unlocked b,
.tracker-card.pro-card-unlocked small,
.tracker-card.pro-card-unlocked .mini-lock,
.tracker-card.pro-card-unlocked .feature-icon,
.nested-grid .tracker-card.pro-card-unlocked b,
.nested-grid .tracker-card.pro-card-unlocked small,
.nested-grid .tracker-card.pro-card-unlocked .mini-lock,
.nested-grid .tracker-card.pro-card-unlocked .feature-icon,
.tools-green-grid .tracker-card.pro-card-unlocked b,
.tools-green-grid .tracker-card.pro-card-unlocked small,
.tools-green-grid .tracker-card.pro-card-unlocked .mini-lock,
.tools-green-grid .tracker-card.pro-card-unlocked .feature-icon {
  color: #07351e !important;
  text-shadow: none !important;
  filter: none !important;
}
.tracker-card.pro-card-unlocked .badge,
.nested-grid .tracker-card.pro-card-unlocked .badge,
.tools-green-grid .tracker-card.pro-card-unlocked .badge {
  background: rgba(7,53,30,.10) !important;
  border-color: rgba(7,53,30,.24) !important;
  color: #0b4b2c !important;
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(7,53,30,.10), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.tracker-card.pro-card-unlocked .mini-lock,
.nested-grid .tracker-card.pro-card-unlocked .mini-lock,
.tools-green-grid .tracker-card.pro-card-unlocked .mini-lock {
  color: #0b6b3a !important;
}

/* v46 Header Tagline Consistency Fix
   Keep the top subtitle/tagline visually identical in English and Tagalog modes. */
.brand-copy small,
body.lang-fil .brand-copy small{
  font-size:8.7px!important;
  line-height:1.04!important;
  max-width:168px!important;
  white-space:pre!important;
  letter-spacing:-.08px!important;
  color:rgba(236,255,245,.78)!important;
}
@media(max-width:390px){
  .brand-copy small,
  body.lang-fil .brand-copy small{
    font-size:7.8px!important;
    line-height:1.04!important;
    max-width:142px!important;
  }
}
@media(max-width:370px){
  .brand-copy small,
  body.lang-fil .brand-copy small{
    font-size:7.8px!important;
    line-height:1.04!important;
    max-width:132px!important;
  }
}


/* v47 Document Templates library */
.document-hero .academy-icon{background:linear-gradient(145deg,#eafff0,#7ff0a9);color:#052e1d;}
.document-template-list{display:grid;gap:12px;}
.doc-template-card{padding:14px!important;background:linear-gradient(145deg,rgba(7,79,49,.92),rgba(3,32,20,.76));border-color:rgba(53,231,138,.28);}
.doc-template-top{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;}
.doc-num{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#eafff0,#7ff0a9);color:#04301d;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);}
.doc-template-card h3{margin:0 0 5px;font-size:16px;line-height:1.08;letter-spacing:-.45px;font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;color:#f4fff7;}
.doc-template-card p{margin:0;color:#bfd9c8;font-size:12.5px;line-height:1.45;}
.doc-use-grid{display:grid;gap:9px;margin-top:12px;}
.doc-use-grid>div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:10px 11px;}
.doc-use-grid b{display:block;margin-bottom:4px;color:#d8ffe7;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.doc-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;}
.doc-actions a,.doc-actions button{border:0;border-radius:14px;padding:11px 8px;font-weight:900;font-size:11.5px;text-align:center;text-decoration:none;background:linear-gradient(135deg,#eafff0,#d7ffe5);color:#052e1d;box-shadow:0 10px 22px rgba(0,0,0,.14);}
.doc-actions button.secondary{background:rgba(255,255,255,.07);color:#f1fff7;border:1px solid rgba(255,255,255,.14);}
@media(max-width:360px){.doc-actions{grid-template-columns:1fr}.doc-template-top{grid-template-columns:36px 1fr}.doc-num{width:36px;height:36px;border-radius:13px}.doc-template-card h3{font-size:15px}.doc-template-card p{font-size:12px}}

/* v48: RESA Law reminder inside Document Templates */
.resa-reminder-card{
  border-color: rgba(255,216,120,.42);
  background: linear-gradient(145deg, rgba(5,71,41,.96), rgba(5,42,29,.92));
  box-shadow: 0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
}
.resa-reminder-card .eyebrow{
  color: #7CFF9D;
}
.resa-reminder-card h2{
  margin: 8px 0 12px;
}
.resa-reminder-card .academy-actions{
  margin-top: 18px;
}
.resa-reminder-card .primary{
  width: 100%;
}

/* v49: RESA Law reminder inside Real Estate Fundamentals */
.fundamentals-resa-card{
  margin-top:18px;
}
.fundamentals-resa-card .primary{
  white-space:normal;
}

/* v50 Tools access visual alignment
   Document Templates becomes the same light active card as Client Conversion Tracker in Ahente Pro Mode.
   Both exclusive cards stay green when locked/inactive for Free and Starter Pro users.
   Commission Calculator is a free card for every user type. */
.ahente-exclusive-card:not(.pro-card-unlocked),
.nested-grid .ahente-exclusive-card:not(.pro-card-unlocked),
.tools-green-grid .ahente-exclusive-card:not(.pro-card-unlocked){
  background:linear-gradient(145deg,rgba(11,136,75,.92),rgba(5,88,50,.94))!important;
  border-color:rgba(53,231,138,.48)!important;
  color:#f1fff6!important;
}
.ahente-exclusive-card:not(.pro-card-unlocked) b,
.ahente-exclusive-card:not(.pro-card-unlocked) small,
.ahente-exclusive-card:not(.pro-card-unlocked) .feature-icon{
  color:#f1fff6!important;
}
.ahente-exclusive-card:not(.pro-card-unlocked) .mini-lock{
  color:#ffe28a!important;
}
.docs-card.pro-card-unlocked,
.nested-grid .docs-card.pro-card-unlocked,
.tools-green-grid .docs-card.pro-card-unlocked{
  background:linear-gradient(145deg,rgba(167,255,198,.96),rgba(211,255,225,.92))!important;
  border-color:rgba(101,255,166,.72)!important;
  color:#07351e!important;
}
.docs-card.pro-card-unlocked b,
.docs-card.pro-card-unlocked small,
.docs-card.pro-card-unlocked .mini-lock,
.docs-card.pro-card-unlocked .feature-icon,
.nested-grid .docs-card.pro-card-unlocked b,
.nested-grid .docs-card.pro-card-unlocked small,
.nested-grid .docs-card.pro-card-unlocked .mini-lock,
.nested-grid .docs-card.pro-card-unlocked .feature-icon,
.tools-green-grid .docs-card.pro-card-unlocked b,
.tools-green-grid .docs-card.pro-card-unlocked small,
.tools-green-grid .docs-card.pro-card-unlocked .mini-lock,
.tools-green-grid .docs-card.pro-card-unlocked .feature-icon{
  color:#07351e!important;
  text-shadow:none!important;
  filter:none!important;
}
.docs-card.pro-card-unlocked .badge,
.nested-grid .docs-card.pro-card-unlocked .badge,
.tools-green-grid .docs-card.pro-card-unlocked .badge{
  background:rgba(7,53,30,.10)!important;
  border-color:rgba(7,53,30,.24)!important;
  color:#0b4b2c!important;
  text-shadow:none!important;
  box-shadow:0 6px 16px rgba(7,53,30,.10), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.docs-card.pro-card-unlocked .mini-lock,
.nested-grid .docs-card.pro-card-unlocked .mini-lock,
.tools-green-grid .docs-card.pro-card-unlocked .mini-lock{
  color:#0b6b3a!important;
}
.commission-free-card,
.nested-grid .commission-free-card,
.tools-green-grid .commission-free-card{
  background:linear-gradient(145deg,rgba(11,136,75,.92),rgba(5,88,50,.94))!important;
  border-color:rgba(53,231,138,.48)!important;
  color:#f1fff6!important;
}
.commission-free-card .badge{
  background:rgba(220,255,235,.16)!important;
  border-color:rgba(220,255,235,.32)!important;
  color:#dfffee!important;
}
.commission-free-card .free-note{
  color:#9affc8!important;
}
.commission-tool-card input{
  width:100%;
  margin:8px 0;
}

/* v51: Clear subscription inclusions in plan cards */
.plan-detail-card{display:flex;flex-direction:column;min-height:280px}
.plan-includes{display:grid;gap:6px;margin:10px 0 0;padding:10px;border-radius:14px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.08)}
.plan-includes b{font-size:11px;color:var(--green);letter-spacing:.06em;text-transform:uppercase}
.plan-includes span{display:block;font-size:10.8px;line-height:1.28;color:#e9fff1;position:relative;padding-left:15px}
.plan-includes span:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.plan-limit{display:block;margin-top:8px;font-size:10.5px;line-height:1.3;color:#f8d67a;font-style:normal;font-weight:800}
.price-card .current-plan-label{margin-top:auto}
.price-card.plan-detail-card .secondary.full,.price-card.plan-detail-card .primary.full{margin-top:auto}
@media(max-width:380px){.plan-detail-card{padding:12px}.plan-includes{padding:8px;gap:5px}.plan-includes span{font-size:10px}.plan-limit{font-size:9.8px}.price-card h3{font-size:22px}}

/* Admin Panel v1 + payment verification upgrade */
.payment-help-note{font-size:11.5px;line-height:1.45;color:rgba(216,255,231,.68);margin:-3px 0 4px;padding:10px 12px;border-radius:14px;background:rgba(53,231,138,.07);border:1px solid rgba(53,231,138,.18)}
.admin-hero .academy-actions{grid-template-columns:1fr 1fr}.admin-help-card ol{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.55}.admin-help-card li{margin:6px 0}.admin-form-card{overflow:hidden}.admin-form-grid{display:grid;gap:10px}.admin-form-grid label,.admin-import-card label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:900}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.admin-import-card textarea{width:100%;padding:12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font:inherit;font-weight:700}.admin-form-grid select option{color:#082316;background:#f9fff9}.admin-form-grid input[readonly]{color:var(--green);background:rgba(53,231,138,.08);letter-spacing:.02em}.admin-form-grid textarea,.admin-import-card textarea{min-height:92px;resize:vertical;line-height:1.45}.admin-full{grid-column:1/-1}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.admin-actions button:nth-child(3){grid-column:1/-1}.admin-stats-card .stats{grid-template-columns:repeat(4,1fr);gap:7px}.admin-stats-card .stats div{padding:12px 6px}.admin-stats-card .stats b{font-size:20px}.admin-stats-card .stats span{font-size:10px}.admin-list{display:grid;gap:10px}.admin-row{display:grid;gap:12px;border-color:rgba(53,231,138,.22)}.admin-row h3{margin:3px 0 4px;font-size:18px}.admin-row small{display:block;margin-top:8px;color:rgba(216,255,231,.58);font-size:11px}.admin-code-box{margin-top:10px;padding:11px;border-radius:14px;background:rgba(53,231,138,.1);border:1px solid rgba(53,231,138,.26);font-size:12px;font-weight:900;letter-spacing:.03em;color:#dffff0;word-break:break-all}.admin-row-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-row-actions .mini-btn{padding:9px 8px;font-size:10.5px}.mini-btn.danger{border-color:rgba(255,99,99,.35);color:#ffd6d6}.admin-import-card textarea{min-height:120px;font-size:12px}.admin-form-card .small-note,.admin-hero .small-note{font-size:11.5px;line-height:1.45}.admin-form-card .section-head h2,.admin-help-card h2,.admin-import-card h2{font-size:22px;line-height:1.05}@media(min-width:430px){.admin-form-grid{grid-template-columns:1fr 1fr}.admin-row{grid-template-columns:1fr auto}.admin-row-actions{width:150px;grid-template-columns:1fr}.admin-actions button:nth-child(3){grid-column:auto}}

/* Payment Verification Upgrade v2 */
.admin-cloud-card input,
.admin-form-card input,
.admin-form-card select,
.admin-form-card textarea,
.admin-import-card textarea {
  width: 100%;
}
.cloud-row .admin-code-box {
  margin-top: 10px;
}
.cloud-list .empty {
  border: 1px dashed rgba(152,255,197,.24);
}
.optional-note{font-size:11px;font-weight:800;color:rgba(216,255,231,.62)}


/* v57 Client Script Bank targeted fix: keep scroll position on reveal + cleaner compact reading layout */
.scriptbank-page{
  padding-bottom:8px!important;
}
.scriptbank-page .page-title{
  font-size:clamp(32px,8.4vw,46px)!important;
  line-height:.98!important;
  letter-spacing:-1.6px!important;
  margin:10px 0 8px!important;
}
.scriptbank-page .pro-page-pill{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin-left:0!important;
  margin-top:10px!important;
  padding:7px 14px!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.scriptbank-subtitle,
body.lang-fil .scriptbank-subtitle{
  max-width:620px!important;
  margin:0 0 16px!important;
  font-size:16px!important;
  line-height:1.48!important;
  color:rgba(236,255,245,.72)!important;
}
.script-client-section{
  margin-top:8px!important;
  margin-bottom:14px!important;
}
.script-client-tabs{
  gap:9px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.script-client-tabs .seg-btn{
  min-height:50px!important;
  padding:11px 10px!important;
  border-radius:22px!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  letter-spacing:-.2px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(222,255,236,.13)!important;
  box-shadow:none!important;
}
.script-client-tabs .seg-btn.active{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(219,235,225,.86))!important;
  color:#052b1b!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.scriptbank-page .section{
  margin-top:16px!important;
}
.scriptbank-page .section-head{
  margin-bottom:8px!important;
}
.script-bank-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.script-bank-head h2,
body.lang-fil .script-bank-head h2{
  font-size:25px!important;
  line-height:1.08!important;
  letter-spacing:-.9px!important;
  max-width:76%!important;
  margin:0!important;
}
.script-bank-head span,
body.lang-fil .script-bank-head span{
  flex:0 0 auto!important;
  max-width:none!important;
  font-size:12px!important;
  line-height:1!important;
  opacity:.72!important;
  white-space:nowrap!important;
  text-transform:none!important;
}
.script-bank-intro,
body.lang-fil .script-bank-intro{
  margin:4px 0 14px!important;
  font-size:15.5px!important;
  line-height:1.52!important;
  color:rgba(236,255,245,.72)!important;
}
.scenario-grid{
  gap:11px!important;
}
.scriptbank-page .script-card.card{
  border-radius:24px!important;
  padding:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(222,255,236,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
.scriptbank-page .script-card.card.open{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(3,34,22,.72))!important;
  border-color:rgba(82,255,153,.24)!important;
}
.scriptbank-page .accordion-head.script-head{
  min-height:auto!important;
  padding:18px 18px!important;
  gap:12px!important;
}
.scriptbank-page .script-head .eyebrow{
  margin:0 0 8px!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  color:rgba(236,255,245,.7)!important;
}
.scriptbank-page .script-head b{
  display:block!important;
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.45px!important;
  color:#f7fff9!important;
}
.scenario-card .script-head small{
  margin-top:8px!important;
  font-size:14px!important;
  line-height:1.38!important;
  color:rgba(236,255,244,.66)!important;
  font-weight:650!important;
}
.scriptbank-page .script-head em{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(83,255,154,.10)!important;
  color:#65ff9e!important;
  font-size:26px!important;
  line-height:1!important;
  font-style:normal!important;
}
.scriptbank-page .script-accordion-body{
  padding:0 16px 16px!important;
  border-top:1px solid rgba(222,255,236,.08)!important;
}
.scriptbank-page .lesson-note{
  padding:13px 14px!important;
  border-radius:18px!important;
  margin:14px 0 12px!important;
  background:rgba(255,255,255,.04)!important;
}
.scriptbank-page .lesson-note b{
  font-size:13px!important;
  margin-bottom:4px!important;
}
.scriptbank-page .lesson-note p{
  font-size:14.5px!important;
  line-height:1.48!important;
  color:rgba(236,255,244,.76)!important;
}
.scriptbank-page .script-stack{
  gap:10px!important;
}
.scriptbank-page .copy-script-block{
  padding:13px 13px 58px!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.14)!important;
  border-color:rgba(222,255,236,.10)!important;
}
.scriptbank-page .copy-script-block p,
.scriptbank-page .script-text{
  font-size:14.8px!important;
  line-height:1.55!important;
  color:rgba(249,255,251,.92)!important;
}
.scriptbank-page .inline-copy,
.scriptbank-page .copy-btn{
  border-radius:14px!important;
  font-size:12px!important;
}
.scriptbank-page .inline-copy{
  top:auto!important;
  right:12px!important;
  bottom:12px!important;
  min-width:64px!important;
  padding:9px 12px!important;
}
.legacy-script-head{
  margin-top:18px!important;
}
@media(max-width:390px){
  .scriptbank-page .page-title{font-size:36px!important;}
  .script-client-tabs{gap:8px!important;}
  .script-client-tabs .seg-btn{font-size:12.5px!important;padding:10px 8px!important;min-height:48px!important;}
  .script-bank-head h2,body.lang-fil .script-bank-head h2{font-size:22px!important;max-width:72%!important;}
  .scriptbank-page .accordion-head.script-head{padding:16px 15px!important;}
  .scriptbank-page .script-head b{font-size:18px!important;}
  .scenario-card .script-head small{font-size:13.5px!important;}
}

/* v58 performance patch: smoother mobile scrolling / faster content rendering
   Removes expensive visual effects from scrolling cards and app panels. */
html{scroll-behavior:auto!important;}
*,*::before,*::after{
  animation:none!important;
  transition:none!important;
}
body{
  background:#031b12!important;
}
.app-shell{
  background:linear-gradient(180deg,#052e1d,#02140d)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.app-shell:before,
.hero:after,
.feature-card-simple:before,
.process-card:before,
.main-tool-card:before,
.tool-hero:before,
.mvp-card:before{
  display:none!important;
}
.glass,
.topbar,
.bottom-nav,
.modal-card,
.video-frame{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.card,
.hero,
.compact-hero,
.path-card,
.feature-card-simple,
.main-tool-card,
.tool-card,
.scriptbank-page .script-card.card,
.academy-accordion,
.direct-card,
.pro-seq-card,
.lesson-row,
.tool-row,
.process-card,
.mvp-card,
.doc-card,
.modal-card,
.qr-box,
.video-frame{
  box-shadow:none!important;
}
.card,
.hero,
.path-card,
.feature-card-simple,
.main-tool-card,
.tool-card,
.scriptbank-page .script-card.card,
.academy-accordion,
.direct-card,
.pro-seq-card,
.lesson-row,
.tool-row,
.process-card,
.mvp-card{
  background-color:rgba(7,52,33,.72)!important;
}
.primary,.secondary,.seg-btn,.choice,.copy-btn,.mini-btn,.pro-pill,.nav-item,.feature-card-simple,.path-card,.tool-card,.main-tool-card{
  transform:none!important;
  filter:none!important;
}
button:active,a:active,.path-card:active,.lesson:active,.choice:active,.tool-row:active,.feature-card-simple:active{
  transform:none!important;
  filter:none!important;
}
.bottom-nav{
  background:rgba(3,27,18,.98)!important;
  border-top:1px solid rgba(216,255,231,.12)!important;
}
.topbar{
  background:rgba(3,27,18,.98)!important;
}
.quote-progress span{animation:none!important;}
.daily-quote-slide.is-changing,
.daily-quote-slide.is-entering{
  opacity:1!important;
  transform:none!important;
}
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:auto!important;}
}

/* v59 targeted tracker + quote performance polish */
.quote-progress span{
  animation:quoteBar 12s linear infinite!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,#f8fff9,#dfeee4,#aac4b5)!important;
  box-shadow:0 0 12px rgba(248,255,249,.22)!important;
}
.tracker-form-collapsed{padding:14px 16px!important;}
.tracker-form-collapsed .section-head{margin:0!important;gap:12px!important;}
.compact-add-btn{min-height:42px!important;padding:10px 14px!important;border-radius:16px!important;white-space:nowrap!important;}
.tracker-form-grid.compact{gap:10px!important;margin:12px 0!important;}
.tracker-form-grid.compact input,
.tracker-form-grid.compact select{min-height:44px!important;border-radius:16px!important;padding:10px 12px!important;}
.tracker-form-grid.compact textarea{min-height:70px!important;border-radius:16px!important;padding:10px 12px!important;}
.tracker-client-list{gap:10px!important;}
.tracker-client-card{padding:0!important;overflow:hidden!important;border-left:4px solid rgba(154,255,200,.38)!important;}
.tracker-client-summary{
  width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;
  background:transparent;border:0;color:inherit;text-align:left;padding:13px 12px;min-height:74px;cursor:pointer;
}
.tracker-summary-main{display:grid;gap:2px;min-width:0;}
.tracker-summary-main b{font-size:1.04rem;line-height:1.08;color:#f3fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tracker-summary-main small{font-size:.78rem;line-height:1.15;color:rgba(234,255,241,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tracker-status-dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 4px rgba(255,255,255,.04);}
.tracker-status-dot.status-hot{background:#ffe0a2;}
.tracker-status-dot.status-warm{background:#9affc8;}
.tracker-status-dot.status-cold{background:#9ec6ff;}
.tracker-status-dot.status-closed{background:#65ffa6;}
.tracker-status-dot.status-lost{background:#ff9f9f;}
.tracker-open-indicator{font-size:1.35rem;font-weight:900;color:rgba(234,255,241,.82);line-height:1;}
.tracker-client-details{padding:0 12px 14px;}
.status-card-hot{border-left-color:#ffe0a2!important;}
.status-card-warm{border-left-color:#9affc8!important;}
.status-card-cold{border-left-color:#9ec6ff!important;}
.status-card-closed{border-left-color:#65ffa6!important;}
.status-card-lost{border-left-color:#ff9f9f!important;}
.tracker-stage-line{margin-top:2px!important;padding:10px 12px!important;border-radius:16px!important;}
.tracker-advice{margin-top:10px!important;gap:5px!important;}
.tracker-notes{margin-top:10px!important;padding:10px 12px!important;}
.tracker-actions{gap:8px!important;margin-top:10px!important;}
.tracker-actions button{min-height:40px!important;border-radius:14px!important;}
.tracker-metrics{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
.tracker-metrics span{min-height:58px!important;border-radius:16px!important;padding:10px!important;position:relative;overflow:hidden;}
.tracker-metrics span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(154,255,200,.55);}
.tracker-metrics b{font-size:1.25rem!important;}
.tracker-metrics .metric-hot:before{background:#ffe0a2;}
.tracker-metrics .metric-warm:before{background:#9affc8;}
.tracker-metrics .metric-cold:before{background:#9ec6ff;}
.tracker-metrics .metric-closed:before{background:#65ffa6;}
.tracker-metrics .metric-lost:before{background:#ff9f9f;}
.tracker-metrics .metric-total:before{background:#f8fff9;}
.tracker-metrics .metric-active:before{background:#43e890;}
@media(max-width:420px){
  .tracker-client-summary{grid-template-columns:auto 1fr auto;}
  .tracker-open-indicator{display:none;}
  .tracker-status{padding:7px 9px;font-size:.70rem;}
}

/* Admin v67: dedicated payment verification + activation control center */
.admin-page .content{padding-bottom:38px}
.admin-login-hero{margin-top:18px}
.admin-system-card,.admin-pipeline-card,.admin-crm-summary{border-color:rgba(80,255,158,.24)}
.admin-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#eafff3;white-space:nowrap}
.admin-status-pill.status-approved,.admin-status-pill.status-active{background:rgba(53,231,138,.16);border-color:rgba(53,231,138,.45);color:#65ffad}
.admin-status-pill.status-pending{background:rgba(255,204,92,.13);border-color:rgba(255,204,92,.38);color:#ffe097}
.admin-status-pill.status-need-clear-screenshot,.admin-status-pill.status-need-clear-photo,.admin-status-pill.status-need-clarification{background:rgba(255,145,73,.14);border-color:rgba(255,145,73,.42);color:#ffbd83}
.admin-status-pill.status-rejected,.admin-status-pill.status-expired{background:rgba(255,85,85,.13);border-color:rgba(255,85,85,.36);color:#ffb0b0}
.admin-flow{display:grid;gap:8px;margin:16px 0}.admin-flow span{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:13px;font-weight:850;color:#eafff3}.admin-flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(80,255,158,.16);color:#65ffad;border:1px solid rgba(80,255,158,.24)}
.admin-section-note{font-size:12.5px;line-height:1.45;margin:0 0 12px}.admin-crm-summary{padding:14px}.admin-crm-summary .stats{grid-template-columns:repeat(4,1fr)}.admin-crm-summary .stats div{padding:11px 5px}.admin-crm-summary .stats b{font-size:20px}.admin-crm-summary .stats span{font-size:9.5px;letter-spacing:.04em}
.approved-row{border-color:rgba(53,231,138,.32);background:linear-gradient(180deg,rgba(15,97,56,.42),rgba(4,38,25,.84))}.cloud-row{background:linear-gradient(180deg,rgba(7,61,38,.72),rgba(2,28,18,.9))}.admin-row .admin-status-pill{margin-bottom:8px;width:max-content}.admin-row .eyebrow{margin-top:4px}.admin-row-actions{align-content:start}.admin-row-actions .mini-btn{min-height:38px}.admin-import-card #adminImportBox{display:none;margin-top:12px}.admin-import-card #adminImportBox.show{display:block}
@media(max-width:380px){.admin-crm-summary .stats{gap:5px}.admin-crm-summary .stats b{font-size:17px}.admin-flow span{font-size:12px}.admin-status-pill{font-size:9px;padding:6px 9px}}


/* v70 processing guidemap */
.guidemap-preview-card{margin-top:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.guidemap-image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.guidemap-image-button img{display:block;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.guidemap-note,.guidemap-disclaimer{margin-top:10px;font-size:12px;line-height:1.55;color:var(--muted)}
.guidemap-actions{margin-top:12px}


/* v71 contextual Ahente Pro-only subscription modal */
#proModal.ahente-only-modal .pricing-grid{grid-template-columns:1fr;}
#proModal.ahente-only-modal .price-card:not(.featured){display:none;}
#proModal.ahente-only-modal .price-card.featured{border-color:rgba(255,213,91,.55);box-shadow:0 18px 48px rgba(255,213,91,.10), inset 0 0 0 1px rgba(255,255,255,.08);}
#proModal.ahente-only-modal .modal-card::after{content:'₱499 plan only';display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:999px;background:rgba(255,213,91,.15);border:1px solid rgba(255,213,91,.35);color:#ffeaa0;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:11px;}

/* v72: faster Ahente-only checkout modal */
#proModal.ahente-only-modal .plan-hidden-for-ahente-only{display:none!important}
#proModal.ahente-only-modal .pricing-grid{grid-template-columns:1fr!important}
#proModal.ahente-only-modal .ahente-only-featured-plan{max-width:100%;width:100%}
#proModal.ahente-only-modal .ahente-only-featured-plan button{pointer-events:auto;touch-action:manipulation}

/* v75 Home Ahente Pro visual billboard carousel - image-only clickable */
.home-promo-carousel{
  position:relative;
  z-index:2;
  margin:12px 0 0;
  padding:4px;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(0,0,0,.14);
  min-height:0;
}
.home-promo-carousel:before{display:none;}
.promo-slide{position:relative;z-index:1;will-change:transform,opacity;}
.promo-slide.pan-out-next{animation:promoPanOutNext .30s cubic-bezier(.45,.05,.25,1) both;}
.promo-slide.pan-in-next{animation:promoPanInNext .68s cubic-bezier(.18,.78,.22,1) both;}
.promo-slide.pan-out-prev{animation:promoPanOutPrev .30s cubic-bezier(.45,.05,.25,1) both;}
.promo-slide.pan-in-prev{animation:promoPanInPrev .68s cubic-bezier(.18,.78,.22,1) both;}
@keyframes promoPanOutNext{0%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(-34px) scale(.985)}}
@keyframes promoPanInNext{0%{opacity:0;transform:translateX(44px) scale(.985)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes promoPanOutPrev{0%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(34px) scale(.985)}}
@keyframes promoPanInPrev{0%{opacity:0;transform:translateX(-44px) scale(.985)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes billboardImagePan{0%{transform:scale(1.035) translateX(-1.4%)}50%{transform:scale(1.055) translateX(1.4%)}100%{transform:scale(1.035) translateX(-1.4%)}}
.promo-image-link{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:none;
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
  cursor:pointer;
  line-height:0;
}
.promo-image-link img{
  display:block;
  width:100%;
  aspect-ratio:1200/545;
  height:auto;
  object-fit:cover;
  border-radius:17px;
  animation:billboardImagePan 6.5s ease-in-out infinite;
  transform-origin:center center;
}
.promo-bottom-bar,.promo-inline-cta,.promo-dots,.promo-dot,.promo-next{display:none!important;}
@media(max-width:380px){.home-promo-carousel{padding:5px;border-radius:20px}.promo-image-link,.promo-image-link img{border-radius:16px}}


/* v78 Tutorial Library page and home card */
.tutorial-home-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.tutorial-home-card:before{
  content:"";
  position:absolute;
  inset:-50% -30% auto auto;
  width:190px;
  height:190px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);
  pointer-events:none;
}
.tutorial-home-icon{
  width:58px;
  height:58px;
  border-radius:21px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  color:#f6fff9;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(0,0,0,.16);
}
.tutorial-home-copy{position:relative;z-index:1;min-width:0;}
.tutorial-home-copy h2{margin:0 0 5px;font-size:22px;line-height:1.05;letter-spacing:-.7px;}
.tutorial-home-copy .muted{font-size:13px;line-height:1.45;margin:0;}
.tutorial-mini-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.tutorial-mini-tags span{font-size:10px;font-weight:850;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(235,255,244,.78);}
.tutorial-home-btn{grid-column:1/-1;min-height:44px!important;border-radius:16px!important;}
.tutorial-hero .academy-icon{font-size:24px;}
.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.tutorial-video-card{
  position:relative;
  text-align:left;
  min-height:238px;
  border-radius:22px;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  color:var(--text);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 24px rgba(0,0,0,.12);
}
.tutorial-video-card.pro-tutorial{border-color:rgba(255,218,112,.24);}
.tutorial-video-thumb{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  aspect-ratio:9/16;
  width:72px;
  max-height:128px;
  border-radius:18px;
  margin-bottom:10px;
  background:radial-gradient(circle at top,rgba(255,255,255,.18),rgba(255,255,255,.05) 46%,rgba(0,0,0,.18));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.16);
}
.tutorial-video-thumb em{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.9);color:#07321f;font-style:normal;font-weight:950;}
.tutorial-video-thumb b{font-size:14px;}
.tutorial-video-thumb small{font-size:9px;color:rgba(239,255,246,.7);}
.tutorial-video-card .badge{position:absolute;top:14px;right:12px;}
.tutorial-video-card strong{display:block;font-size:16px;line-height:1.12;margin:4px 0 6px;letter-spacing:-.35px;}
.tutorial-video-card > small{display:block;font-size:11.5px;line-height:1.4;color:rgba(229,255,240,.72);}
.tutorial-player-card{scroll-margin-top:88px;}
.tutorial-video-shell{margin:13px 0;border-radius:24px;overflow:hidden;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);}
.tutorial-video-shell iframe{display:block;width:100%;aspect-ratio:9/16;border:0;background:#000;max-height:70vh;margin:0 auto;}
.tutorial-placeholder-screen{display:grid;place-items:center;min-height:460px;padding:18px;background:radial-gradient(circle at top,rgba(255,255,255,.12),rgba(0,0,0,.18));}
.phone-frame{width:min(250px,80%);aspect-ratio:9/16;border-radius:36px;border:2px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;box-shadow:0 22px 44px rgba(0,0,0,.24);}
.phone-frame span{font-size:12px;font-weight:950;letter-spacing:.18em;color:#65ffab;}
.phone-frame b{font-size:20px;line-height:1.12;}
.phone-frame small{font-size:12px;line-height:1.45;color:rgba(232,255,241,.74);}
@media(max-width:380px){.tutorial-home-card{gap:10px}.tutorial-home-icon{width:50px;height:50px;border-radius:18px}.tutorial-home-copy h2{font-size:19px}.tutorial-grid{gap:10px}.tutorial-video-card{padding:10px;min-height:224px}.tutorial-video-card strong{font-size:14.5px}.tutorial-video-thumb{width:64px}.tutorial-placeholder-screen{min-height:390px}}


/* v80 Messenger-first checkout */
.messenger-payment-steps{display:grid;gap:10px;margin:14px 0}
.messenger-payment-steps div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:11px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.messenger-payment-steps b{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#062717;font-weight:950}
.messenger-payment-steps span{font-size:13px;line-height:1.45;color:rgba(232,255,239,.82)}
.messenger-template-box{margin:14px 0;padding:12px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12)}
.messenger-template-box pre{white-space:pre-wrap;font-family:inherit;font-size:12.5px;line-height:1.45;color:rgba(247,255,250,.9);margin:8px 0 0}
.messenger-actions{display:grid;gap:10px;margin-top:12px}

/* v84 Google Login + subscription access layer */
.login-card{position:relative;overflow:hidden;border-color:rgba(53,231,138,.28)!important;}
.login-card:before{content:"";position:absolute;inset:-30% -10% auto auto;width:190px;height:190px;background:radial-gradient(circle,rgba(53,231,138,.18),transparent 65%);pointer-events:none;}
.account-avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(53,231,138,.95),rgba(255,209,102,.86));color:#02160e;font-weight:900;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.account-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.account-message{margin:12px 0;padding:12px 13px;border-radius:16px;border:1px solid rgba(255,209,102,.28);background:rgba(255,209,102,.08);color:#ffe6a6;font-size:12.5px;line-height:1.45;}
.account-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;}
.account-meta-grid span{display:grid;gap:3px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--muted);overflow-wrap:anywhere;}
.account-meta-grid b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9affc8;}
.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.login-benefits{display:grid;gap:7px;margin:13px 0 15px;padding:12px;border-radius:18px;background:rgba(53,231,138,.07);border:1px solid rgba(53,231,138,.18);}
.login-benefits span{font-size:12px;color:rgba(225,255,238,.82);}
@media(max-width:380px){.account-meta-grid,.account-actions{grid-template-columns:1fr}.account-avatar{width:43px;height:43px;border-radius:15px}}

/* v88 Sales Process 3x3 client-line script formula */
.process-filter-card{padding:14px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.process-filter-label{margin-top:14px!important}
.process-client-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:visible!important}
.process-client-grid .seg-btn{width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.15;padding:13px 10px!important}

/* ─────────────────────────────────────────────────────────
   v119 Premium Mobile App Redesign overrides
   Homepage + More Page: no-overlap mobile polish layer
   ───────────────────────────────────────────────────────── */
:root{
  --apv119-bg:#020b08;
  --apv119-surface:rgba(5,33,21,.84);
  --apv119-surface2:rgba(8,48,31,.78);
  --apv119-line:rgba(182,255,216,.14);
  --apv119-line-strong:rgba(61,243,133,.36);
  --apv119-text:#f2fff8;
  --apv119-muted:#a1c9b7;
  --apv119-green:#28ed83;
  --apv119-green2:#00bd70;
  --apv119-gold:#ffd166;
  --apv119-shadow:0 18px 55px rgba(0,0,0,.38);
}
body{
  background:
    radial-gradient(circle at 85% 4%, rgba(45,232,122,.16), transparent 34%),
    radial-gradient(circle at 12% 82%, rgba(255,209,102,.08), transparent 30%),
    #020b08 !important;
}
.app-shell{
  background:
    linear-gradient(180deg, rgba(9,49,31,.94) 0%, rgba(1,16,10,.98) 48%, #010906 100%) !important;
  overflow-x:hidden !important;
}
.content{
  padding:18px 16px calc(var(--navH) + 42px + env(safe-area-inset-bottom)) !important;
  position:relative;
  z-index:1;
}
.topbar{
  min-height:76px;
  padding-inline:15px !important;
  background:rgba(1,15,10,.88) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}
.logo-mark{
  width:48px !important;
  height:48px !important;
  border-radius:17px !important;
  border:1px solid rgba(45,232,122,.42);
  background:linear-gradient(145deg, rgba(6,38,23,.95), rgba(39,239,126,.20)) !important;
}
.logo-mark img{border-radius:16px !important;}
.brand-copy b{font-size:19px !important;line-height:1.05;color:#fff !important;letter-spacing:-.55px;}
.brand-copy b::first-letter{color:#fff;}
.brand-copy small{font-size:10px !important;line-height:1.08 !important;color:#bfdccd !important;max-width:150px;}
.top-actions{gap:9px !important;}
.chip{height:42px;padding:0 16px !important;background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.13) !important;color:#d8f8e8 !important;font-size:13px !important;}
.pro-pill{height:42px;padding:0 17px !important;border-radius:999px !important;background:linear-gradient(135deg,#9bffc2,#10d976) !important;color:#03120b !important;font-weight:900 !important;box-shadow:0 10px 30px rgba(45,232,122,.30) !important;}
.bottom-nav{
  left:50% !important;
  transform:translateX(-50%);
  max-width:448px;
  width:calc(100% - 18px) !important;
  bottom:8px !important;
  height:78px !important;
  border-radius:24px !important;
  background:rgba(1,15,10,.92) !important;
  border:1px solid rgba(204,255,225,.12) !important;
  box-shadow:0 -16px 45px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  padding:8px !important;
}
.nav-item{
  min-width:0 !important;
  border-radius:18px !important;
  color:rgba(237,255,245,.66) !important;
  gap:4px !important;
  padding:6px 4px !important;
}
.nav-item span{font-size:22px !important;line-height:1 !important;}
.nav-item b{font-size:11px !important;line-height:1 !important;white-space:nowrap;}
.nav-item.active{background:linear-gradient(145deg,rgba(45,232,122,.22),rgba(5,54,31,.95)) !important;color:#59ff9a !important;box-shadow:inset 0 0 0 1px rgba(45,232,122,.22),0 10px 25px rgba(0,0,0,.22) !important;}

.apv119-page,
.apv119-page *{box-sizing:border-box;}
.apv119-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;overflow:hidden;color:var(--apv119-text);}
.apv119-panel{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--apv119-line);
  border-radius:26px;
  background:
    linear-gradient(145deg, rgba(14,69,43,.82), rgba(2,22,14,.91)),
    var(--apv119-surface);
  box-shadow:var(--apv119-shadow), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.apv119-page h1,.apv119-page h2,.apv119-page h3,.apv119-page b{font-family:var(--font-display);letter-spacing:-.03em;}
.apv119-page button{font-family:var(--font-body);-webkit-tap-highlight-color:transparent;}
.apv119-muted{color:var(--apv119-muted);}
.apv119-eyebrow,.apv119-overline,.apv119-card-label{font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#55ff9c;}
.apv119-small-line{font-size:12px;color:var(--apv119-muted);margin-top:12px;line-height:1.4;}

/* Homepage */
.apv119-hero-grid{display:grid;grid-template-columns:1fr;gap:12px;}
.apv119-welcome{padding:20px;min-height:128px;background:
  linear-gradient(90deg,rgba(7,43,26,.94),rgba(4,31,22,.66)),
  radial-gradient(circle at 82% 50%, rgba(255,209,102,.14), transparent 34%);}
.apv119-welcome h1{font-size:34px;line-height:1;margin:8px 0 12px;color:#fff;}
.apv119-welcome p{display:flex;align-items:center;gap:8px;color:var(--apv119-muted);font-weight:700;}
.apv119-welcome p i{width:10px;height:10px;border-radius:50%;background:var(--apv119-green);box-shadow:0 0 16px rgba(45,232,122,.65);}
.apv119-quote{padding:20px;}
.apv119-quote h2{font-size:23px;line-height:1.08;margin:8px 0;color:#fff;}
.apv119-quote span{font-size:12px;color:var(--apv119-muted);font-weight:700;}
.apv119-quote-bar{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:12px;}
.apv119-quote-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7dffae,#27e582,#ffd166);}
.apv119-feature-banner{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px;min-height:310px;background:
  linear-gradient(145deg,rgba(4,49,29,.92),rgba(1,19,13,.90)),
  radial-gradient(circle at 78% 34%,rgba(45,232,122,.16),transparent 42%);}
.apv119-featured-pill{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.20);color:#ffe288;font-size:10px;font-weight:900;letter-spacing:.20em;}
.apv119-feature-copy h2{text-transform:uppercase;font-size:42px;line-height:.96;margin:12px 0 8px;color:#fff;letter-spacing:-.065em;}
.apv119-feature-copy p{font-size:15px;color:#dcf9eb;font-weight:650;}
.apv119-buyer-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;}
.apv119-buyer-chips span{min-width:0;padding:10px 9px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:800;color:#dffbed;line-height:1.18;}
.apv119-phone-art{border:1px solid rgba(165,255,205,.14);background:rgba(0,10,7,.42);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 30px rgba(45,232,122,.08);}
.apv119-phone-art b{font-size:14px;color:#fff;}
.apv119-phone-art span{display:block;padding:11px 12px;border-radius:14px;background:rgba(45,232,122,.07);border:1px solid rgba(45,232,122,.14);color:#caf6df;font-size:12px;font-weight:750;}
.apv119-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;min-width:0;}
.apv119-actions button{min-width:0;border-radius:22px;border:1px solid var(--apv119-line);padding:16px 14px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-height:78px;overflow:hidden;}
.apv119-actions button span{font-size:26px;grid-row:1/3;}
.apv119-actions button b{font-size:16px;line-height:1.05;white-space:normal;overflow-wrap:anywhere;}
.apv119-actions button small{font-size:11px;color:rgba(3,18,11,.76);line-height:1.2;}
.apv119-primary-action{background:linear-gradient(135deg,#9dffc1,#09d879) !important;color:#03140c !important;box-shadow:0 14px 34px rgba(45,232,122,.24);}
.apv119-secondary-action{background:rgba(255,255,255,.055);color:#effff6;border-color:rgba(255,255,255,.12) !important;}
.apv119-secondary-action small{color:var(--apv119-muted) !important;}
.apv119-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.apv119-stats article{min-width:0;border:1px solid var(--apv119-line);border-radius:22px;background:rgba(3,28,18,.76);padding:13px 10px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);}
.apv119-stats span{font-size:22px;display:block;margin-bottom:4px;}
.apv119-stats b{font-size:26px;line-height:1;display:block;color:#fff;}
.apv119-stats small{display:block;color:var(--apv119-muted);font-size:11px;line-height:1.15;margin-top:4px;}
.apv119-section{display:flex;flex-direction:column;gap:10px;}
.apv119-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;}
.apv119-section-head h2{font-size:23px;color:#fff;line-height:1.05;}
.apv119-section-head button{flex-shrink:0;border:0;background:transparent;color:#59ff9b;font-weight:900;font-size:12px;}
.apv119-process-card{display:flex;align-items:flex-start;gap:14px;text-align:left;border:1px solid var(--apv119-line);padding:18px;background:rgba(5,36,23,.82);color:inherit;}
.apv119-process-card div{min-width:0;flex:1;}
.apv119-process-card h3{font-size:20px;color:#fff;margin:0 0 3px;}
.apv119-process-card p{font-size:13px;color:var(--apv119-muted);margin-bottom:10px;}
.apv119-process-card em{font-size:28px;color:#75ffad;font-style:normal;}
.apv119-lightning{font-size:36px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,209,102,.32));}
.apv119-stage-chips{display:flex;flex-wrap:wrap;gap:7px;}
.apv119-stage-chips span{padding:6px 10px;border-radius:999px;background:rgba(45,232,122,.09);border:1px solid rgba(45,232,122,.26);color:#95ffc0;font-size:11px;font-weight:900;line-height:1;}
.apv119-mini-grid,.apv119-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;}
.apv119-mini-card,.apv119-tool-card{position:relative;min-width:0;min-height:142px;text-align:left;border:1px solid var(--apv119-line);border-radius:22px;background:rgba(8,55,34,.76);color:inherit;padding:14px;display:flex;flex-direction:column;gap:7px;overflow:hidden;}
.apv119-mini-card b,.apv119-tool-card b{font-size:16px;line-height:1.08;color:#fff;overflow-wrap:anywhere;}
.apv119-mini-card small,.apv119-tool-card small{font-size:12px;line-height:1.25;color:var(--apv119-muted);}
.apv119-tool-card em{font-style:normal;color:#78ffad;font-weight:900;font-size:11px;line-height:1.15;}
.apv119-highlight-card{background:linear-gradient(145deg,rgba(157,255,193,.95),rgba(23,216,122,.84));color:#052014;}
.apv119-highlight-card b,.apv119-highlight-card small{color:#052014 !important;}
.apv119-emoji{font-size:28px;line-height:1;}
.apv119-badge{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:rgba(45,232,122,.08);border:1px solid rgba(45,232,122,.22);color:#80ffb1;font-size:10px;font-weight:950;letter-spacing:.08em;}
.apv119-badge.active{background:rgba(157,255,193,.22);color:#dffff0;}
.apv119-duo-section{display:grid;grid-template-columns:1fr;gap:12px;}
.apv119-tutorial{display:flex;gap:14px;align-items:flex-start;padding:18px;}
.apv119-play{width:54px;height:54px;border-radius:18px;border:1px solid rgba(45,232,122,.28);background:rgba(45,232,122,.08);display:grid;place-items:center;flex-shrink:0;color:#fff;}
.apv119-tutorial h2{font-size:20px;color:#fff;}
.apv119-tutorial p:not(.apv119-eyebrow){color:var(--apv119-muted);font-size:13px;margin:4px 0 12px;}
.apv119-tutorial button{border:1px solid rgba(45,232,122,.25);background:rgba(45,232,122,.08);color:#9dffc1;padding:10px 16px;border-radius:999px;font-weight:900;}
.apv119-focus{padding:18px;}
.apv119-progress-row{display:grid;grid-template-columns:90px 1fr 38px;gap:10px;align-items:center;margin-top:10px;}
.apv119-progress-row span{font-size:12px;font-weight:850;color:#ebfff4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.apv119-progress-row div{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.apv119-progress-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#60f59a,#ffd166);}
.apv119-progress-row b{font-size:12px;color:#d7ffea;text-align:right;}

/* More */
.apv119-page-head h1{font-size:38px;line-height:1;color:#fff;margin-bottom:8px;}
.apv119-page-head p{font-size:17px;line-height:1.45;color:var(--apv119-muted);}
.apv119-account-card{padding:20px;}
.apv119-account-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
.apv119-account-main h2{font-size:24px;line-height:1.1;color:#fff;margin:5px 0 8px;overflow-wrap:anywhere;}
.apv119-email{font-size:13px;color:var(--apv119-muted);font-weight:700;overflow-wrap:anywhere;}
.apv119-initials{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#9dffc1,#ffd166);color:#03140c;font:900 20px var(--font-display);box-shadow:0 14px 30px rgba(45,232,122,.16);}
.apv119-account-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;}
.apv119-account-meta article{min-width:0;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.15);border-radius:18px;padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;}
.apv119-account-meta span{font-size:19px;grid-row:1/3;color:#58ff9b;}
.apv119-account-meta b{font-size:11px;color:#82ffc0;text-transform:uppercase;letter-spacing:.10em;}
.apv119-account-meta small{font-size:12px;color:#e7fff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.more-actions{grid-template-columns:1fr;}
.apv119-unlock-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px;}
.apv119-unlock-card .apv119-star{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,209,102,.10);border:1px solid rgba(255,209,102,.24);color:#ffd166;font-size:30px;}
.apv119-unlock-card h2{font-size:21px;line-height:1.12;color:#fff;}
.apv119-unlock-card p{color:var(--apv119-muted);font-size:13px;line-height:1.38;margin-top:5px;}
.apv119-unlock-card button{grid-column:1 / -1;border-radius:18px;min-height:54px;font-weight:950;}
.apv119-code-card{display:grid;grid-template-columns:1fr;gap:12px;padding:18px;}
.apv119-code-card p:not(.apv119-eyebrow){color:var(--apv119-muted);font-size:13px;line-height:1.4;}
.apv119-code-card input,.apv119-name-card input{width:100%;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:#fff;padding:0 14px;font:700 14px var(--font-body);outline:none;}
.apv119-code-card input:focus,.apv119-name-card input:focus{border-color:rgba(45,232,122,.55);box-shadow:0 0 0 3px rgba(45,232,122,.10);}
.apv119-code-card button,.apv119-name-card button{width:100%;height:50px;margin-top:10px;border-radius:16px;border:1px solid rgba(45,232,122,.38);background:rgba(45,232,122,.08);color:#82ffb7;font-weight:950;}
.apv119-pricing-grid{display:grid;grid-template-columns:1fr;gap:12px;}
.apv119-price-card{min-width:0;overflow:hidden;border:1px solid var(--apv119-line);border-radius:24px;background:linear-gradient(145deg,rgba(6,45,28,.88),rgba(2,20,13,.92));padding:18px;color:var(--apv119-text);box-shadow:var(--apv119-shadow);}
.apv119-pro-card{border-color:rgba(255,209,102,.45);box-shadow:0 18px 55px rgba(0,0,0,.38), 0 0 0 1px rgba(255,209,102,.08) inset;}
.apv119-plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.apv119-plan-icon{font-size:24px;}
.apv119-status-chip,.apv119-value-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(45,232,122,.24);background:rgba(45,232,122,.08);color:#7bffaf;font-size:10px;font-weight:950;letter-spacing:.08em;}
.apv119-value-chip{border-color:rgba(255,209,102,.38);background:rgba(255,209,102,.10);color:#ffe18b;}
.apv119-card-label.gold{color:#ffd166;}
.apv119-price-card h3{font-size:42px;line-height:1;color:#fff;margin:8px 0 4px;}
.apv119-old-price{font-weight:850;color:#ffe0a1;margin-top:6px;}
.apv119-price-card ul{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;list-style:none;}
.apv119-price-card li{position:relative;padding-left:24px;color:#eafff2;font-size:13px;line-height:1.25;}
.apv119-price-card li::before{content:'✓';position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:rgba(45,232,122,.18);color:#68ff9f;font-size:10px;font-weight:950;}
.apv119-pro-card li::before{background:rgba(255,209,102,.18);color:#ffd166;}
.apv119-cta{margin-top:14px;min-height:52px;border-radius:17px !important;}
.apv119-guide{padding:18px;}
.apv119-guide-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;}
.apv119-guide-steps article{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;min-width:0;padding:12px;border-radius:18px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.08);}
.apv119-guide-steps span{position:relative;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(45,232,122,.23);background:rgba(45,232,122,.08);font-size:20px;}
.apv119-guide-steps b{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--apv119-green);color:#052014;font-size:10px;}
.apv119-guide-steps p{font-size:12px;line-height:1.3;color:#d8f7e7;}
.apv119-settings-row{display:grid;grid-template-columns:1fr;gap:12px;}
.apv119-name-card,.apv119-theme-card{padding:18px;}
.apv119-name-card p:not(.apv119-eyebrow),.apv119-theme-card p:not(.apv119-eyebrow){color:var(--apv119-muted);font-size:13px;margin:2px 0 12px;}
.apv119-theme-dots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.apv119-theme-dots button{min-width:0;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.14);border-radius:18px;padding:10px 7px;color:#d9f7e8;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:11px;font-weight:800;}
.apv119-theme-dots button.active{border-color:rgba(45,232,122,.72);box-shadow:0 0 0 3px rgba(45,232,122,.10),0 0 24px rgba(45,232,122,.13);color:#71ffa8;}
.apv119-theme-dots span{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 14px rgba(0,0,0,.20);}
.apv119-note{display:flex;gap:12px;align-items:center;padding:14px 16px;color:var(--apv119-muted);font-size:12px;line-height:1.35;}
.apv119-note span{font-size:22px;}

/* Guardrails against previous overlap issues */
.apv119-page button,
.apv119-page article,
.apv119-page section,
.apv119-page div{max-width:100%;}
.apv119-page b,
.apv119-page h1,
.apv119-page h2,
.apv119-page h3,
.apv119-page p,
.apv119-page small,
.apv119-page span,
.apv119-page li{overflow-wrap:anywhere;}
.apv119-page img{max-width:100%;height:auto;}

@media (min-width:430px){
  .apv119-hero-grid{grid-template-columns:1fr 1fr;}
  .more-actions{grid-template-columns:1fr 1fr;}
  .apv119-pricing-grid{grid-template-columns:1fr 1fr;}
  .apv119-settings-row{grid-template-columns:1fr 1.25fr;}
}
@media (max-width:380px){
  .content{padding-inline:12px !important;}
  .brand-copy b{font-size:17px !important;}
  .brand-copy small{font-size:9px !important;max-width:118px;}
  .chip{display:none !important;}
  .pro-pill{height:40px;padding:0 13px !important;font-size:12px !important;}
  .apv119-actions,.apv119-mini-grid,.apv119-tools-grid,.apv119-stats,.apv119-account-meta{grid-template-columns:1fr;}
  .apv119-feature-copy h2{font-size:34px;}
  .apv119-buyer-chips{grid-template-columns:1fr;}
  .bottom-nav{width:calc(100% - 12px) !important;}
  .nav-item b{font-size:10px !important;}
}

/* ─────────────────────────────────────────────────────────
   v120 layout refinement overrides
   ───────────────────────────────────────────────────────── */
.brand-copy{
  align-items:flex-start !important;
  text-align:left !important;
  min-width:0;
}
.brand-copy small{
  text-align:left !important;
}
.topbar{
  gap:10px;
}
.top-actions{
  flex-shrink:0;
  gap:7px !important;
}
#langToggle,
#langToggle.chip{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  visibility:visible !important;
  opacity:1 !important;
  min-width:68px !important;
  padding-inline:12px !important;
}

.apv120-hero-grid{gap:10px;}
.apv120-welcome{
  padding:16px 18px;
  min-height:102px;
}
.apv120-welcome .apv119-overline{font-size:10px;}
.apv120-welcome h1{
  font-size:28px;
  margin:6px 0 8px;
}
.apv120-welcome p{font-size:13px;}
.apv120-quote{padding:18px;}
.apv120-quote h2{font-size:20px;line-height:1.08;}
.apv120-news-panel{padding:16px;}
.apv120-home-carousel{margin-top:8px !important;}
.apv120-actions button{min-height:74px;}
.apv120-stats{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px;
}
.apv120-stats article{
  padding:12px 8px;
  border-radius:20px;
}
.apv120-stats b{font-size:24px;}
.apv120-stats small{font-size:10px;}
.apv120-free-pill{
  display:inline-flex;
  align-items:center;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,209,102,.12);
  border:1px solid rgba(255,209,102,.30);
  color:#ffe18b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.apv120-process-card{
  background:
    linear-gradient(145deg,rgba(8,61,37,.96),rgba(2,24,15,.94)),
    rgba(5,36,23,.82) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,209,102,.08);
}
.apv120-process-card h3{font-size:22px;}
.apv120-square-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px;
}
.apv120-square-grid .apv119-mini-card,
.apv120-square-grid .apv119-tool-card{
  aspect-ratio:1 / 1;
  min-height:0;
  padding:14px;
  border-radius:22px;
}
.apv120-square-grid .apv119-mini-card b,
.apv120-square-grid .apv119-tool-card b{
  font-size:15px;
  line-height:1.12;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.apv120-square-grid .apv119-mini-card small,
.apv120-square-grid .apv119-tool-card small{
  font-size:11px;
  line-height:1.22;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.apv120-square-grid .apv119-tool-card em{
  margin-top:auto;
  font-size:10px;
}
.apv120-square-grid .apv119-emoji{font-size:26px;}

.apv120-profile-panel,
.apv120-account-card{padding:18px;}
.apv120-profile-main,
.apv120-account-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.apv120-profile-copy,
.apv120-account-copy{
  min-width:0;
  flex:1;
}
.apv120-profile-copy h2,
.apv120-account-copy h2{
  font-size:22px;
  line-height:1.08;
  margin:5px 0 8px;
  color:#fff;
}
.apv120-avatar{
  position:relative;
  overflow:hidden;
  flex-shrink:0;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,#9dffc1,#ffd166);
  box-shadow:0 14px 30px rgba(45,232,122,.16);
  color:#03140c;
  display:grid;
  place-items:center;
}
.apv120-avatar.large{
  width:82px;
  height:82px;
  border-radius:24px;
}
.apv120-avatar.small{
  width:58px;
  height:58px;
  border-radius:19px;
}
.apv120-avatar span{
  font:900 24px var(--font-display);
}
.apv120-avatar.small span{font-size:20px;}
.apv120-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.apv120-profile-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.apv120-profile-actions button{
  min-height:44px;
  padding:0 14px;
  border-radius:14px;
}

@media (max-width:380px){
  .topbar{padding-inline:12px !important;}
  .logo-mark{width:44px !important;height:44px !important;}
  .brand{gap:8px;min-width:0;flex:1;}
  .brand-copy b{font-size:16px !important;}
  .brand-copy small{font-size:8.7px !important;max-width:108px;}
  .chip{height:38px !important;padding-inline:10px !important;}
  #langToggle,#langToggle.chip{display:inline-flex !important;min-width:62px !important;font-size:11px !important;}
  .pro-pill{height:38px !important;padding:0 12px !important;font-size:11px !important;}
  .apv120-welcome{padding:14px 16px;min-height:94px;}
  .apv120-welcome h1{font-size:24px;}
  .apv120-quote h2{font-size:18px;}
  .apv120-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .apv120-stats article{padding:11px 6px;}
  .apv120-stats b{font-size:22px;}
  .apv120-stats small{font-size:9px;}
  .apv120-square-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .apv120-square-grid .apv119-mini-card,
  .apv120-square-grid .apv119-tool-card{aspect-ratio:1/1; padding:12px;}
  .apv120-square-grid .apv119-mini-card b,
  .apv120-square-grid .apv119-tool-card b{font-size:14px;}
  .apv120-square-grid .apv119-mini-card small,
  .apv120-square-grid .apv119-tool-card small{font-size:10px;}
  .apv120-profile-main,
  .apv120-account-main{align-items:flex-start;}
  .apv120-profile-copy h2,
  .apv120-account-copy h2{font-size:20px;}
}

/* v121 home cleanup */
.apv121-home .apv119-section-head button{
  min-width:auto;
}
.apv121-welcome{
  padding:14px 18px;
  min-height:unset;
}
.apv121-welcome .apv119-overline{margin-bottom:6px;}
.apv121-welcome h1{font-size:28px; margin-bottom:4px;}
.apv121-welcome p{font-size:14px;}
.apv121-quote{padding-top:18px;}
.apv121-news-panel{padding:16px 16px 14px;}
.apv121-news-panel .apv119-eyebrow{margin-bottom:10px;}
.apv121-home-carousel{margin-top:0 !important;}

.apv121-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.apv121-actions button{
  width:100%;
  min-height:88px;
}

.apv121-flagship-section{margin-top:4px;}
.apv121-process-card{
  padding:16px 18px;
  align-items:flex-start;
  gap:12px;
}
.apv121-process-card .apv119-lightning{
  font-size:38px;
  width:56px;
  height:56px;
  border-radius:18px;
  flex:0 0 56px;
}
.apv121-process-card h3{font-size:20px; line-height:1.08; margin-bottom:4px;}
.apv121-process-card p{font-size:12px; line-height:1.35; margin-bottom:10px;}
.apv121-process-card em{font-size:26px; align-self:flex-start; margin-top:4px;}
.apv121-stage-loop{
  position:relative;
  overflow:hidden;
  width:100%;
  -webkit-mask-image:linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%);
}
.apv121-stage-track{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  animation:apv121StageMarquee 18s linear infinite;
}
.apv121-stage-track span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(155,255,190,.22);
  background:rgba(109,255,157,.10);
  color:#c9ffd8;
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
}
@keyframes apv121StageMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media (max-width:380px){
  .apv121-actions{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .apv121-actions button{min-height:80px;}
  .apv121-process-card{padding:14px 15px;}
  .apv121-process-card .apv119-lightning{font-size:34px; width:48px; height:48px; flex-basis:48px;}
  .apv121-process-card h3{font-size:18px;}
  .apv121-stage-track span{padding:8px 12px; font-size:10px;}
}

/* v122 premium home refinement */
.apv122-home{gap:14px;}
.apv122-welcome{
  padding:12px 18px 14px;
  min-height:112px;
  display:flex;
  align-items:center;
}
.apv122-welcome .apv119-overline{
  font-size:12px;
  letter-spacing:.14em;
  margin-bottom:4px;
}
.apv122-welcome-row{display:flex; align-items:flex-end; gap:8px;}
.apv122-welcome h1{
  font-size:24px;
  line-height:1;
  margin:0 0 6px;
}
.apv122-welcome p{
  font-size:13px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.apv122-welcome p i{
  width:16px;
  height:16px;
}

.apv122-news-panel{padding-bottom:12px;}
.apv122-home-carousel .promo-slide{min-height:auto;}

.apv122-actions{
  gap:10px;
  margin-top:2px;
}
.apv122-action-btn{
  min-height:74px !important;
  padding:12px 14px !important;
  border-radius:24px !important;
  grid-template-columns:30px 1fr !important;
  gap:8px 10px !important;
  align-items:center !important;
}
.apv122-action-btn span{
  font-size:22px !important;
  width:30px !important;
  min-width:30px !important;
}
.apv122-action-btn b{
  font-size:15px !important;
  line-height:1.05 !important;
  white-space:nowrap;
}
.apv122-action-btn small{
  font-size:12px !important;
  line-height:1.05 !important;
  white-space:nowrap;
}

.apv122-flagship-section{margin-top:2px;}
.apv122-process-card{
  position:relative;
  padding:16px 16px 14px;
  gap:12px;
  border-radius:28px;
  border:1px solid rgba(255,216,125,.24);
  background:
    radial-gradient(circle at top left, rgba(255,214,102,.12), transparent 38%),
    radial-gradient(circle at 85% 20%, rgba(101,255,168,.12), transparent 30%),
    linear-gradient(145deg, rgba(12,77,45,.96), rgba(3,33,21,.98));
  box-shadow:0 22px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,216,125,.04);
}
.apv122-process-card::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.apv122-lightning{
  width:52px !important;
  height:52px !important;
  flex-basis:52px !important;
  font-size:34px !important;
  border-radius:16px !important;
  background:linear-gradient(145deg, rgba(255,215,102,.22), rgba(255,215,102,.08)) !important;
  border:1px solid rgba(255,215,102,.25) !important;
  color:#ffd76d !important;
  box-shadow:0 10px 24px rgba(255,215,102,.12);
}
.apv122-process-copy{position:relative; z-index:1;}
.apv122-free-pill{
  border-color:rgba(255,215,102,.28) !important;
  background:rgba(255,215,102,.12) !important;
  color:#ffe29d !important;
}
.apv122-process-card h3{
  font-size:22px;
  line-height:1.04;
  margin:7px 0 5px;
}
.apv122-process-card p{
  font-size:12px;
  line-height:1.35;
  color:#d7fce5;
  margin-bottom:10px;
  max-width:36ch;
}
.apv122-process-card em{
  font-size:28px;
  color:#b7ffd2;
  align-self:flex-start;
  margin-top:2px;
  position:relative;
  z-index:1;
}
.apv122-process-card .apv121-stage-track span{
  padding:8px 13px;
  font-size:10px;
  border-color:rgba(196,255,217,.18);
  background:rgba(87,255,156,.09);
}

.apv122-box-section{
  padding:18px 14px 16px;
  border-radius:30px;
}
.apv122-box-head{margin-bottom:12px; padding:0 2px;}
.apv122-square-grid{gap:12px;}
.apv122-box-section .apv119-mini-card,
.apv122-box-section .apv119-tool-card{
  min-height:136px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(9,59,35,.86), rgba(5,38,24,.92));
}
.apv122-box-section .apv119-mini-card b,
.apv122-box-section .apv119-tool-card b{font-size:15px;}
.apv122-box-section .apv119-mini-card small,
.apv122-box-section .apv119-tool-card small{font-size:11px; line-height:1.25;}
.apv122-box-section .apv119-badge{top:10px; right:10px; font-size:9px; padding:5px 8px;}
.apv122-box-section .apv119-tool-card em{margin-top:auto;}

@media (max-width:380px){
  .apv122-welcome{padding:12px 16px 13px; min-height:104px;}
  .apv122-welcome h1{font-size:22px;}
  .apv122-action-btn{min-height:70px !important; padding:11px 12px !important;}
  .apv122-action-btn b{font-size:14px !important;}
  .apv122-action-btn small{font-size:11px !important;}
  .apv122-process-card{padding:14px 14px 13px;}
  .apv122-process-card h3{font-size:20px;}
}

/* v123 compact premium home refresh */
.apv123-home{
  gap:14px;
}
.apv123-hero-card{
  padding:14px;
  border-radius:30px;
  background:
    radial-gradient(circle at 15% 0%, rgba(111,255,174,.12), transparent 28%),
    radial-gradient(circle at 100% 15%, rgba(255,217,110,.10), transparent 26%),
    linear-gradient(145deg, rgba(6,44,27,.96), rgba(4,28,18,.98));
}
.apv123-welcome-strip{
  display:flex;
  align-items:center;
  gap:12px;
}
.apv123-welcome-strip .apv119-eyebrow{margin:0 0 6px;}
.apv123-welcome-strip h1{
  margin:0;
  font-size:24px;
  line-height:1.02;
}
.apv123-welcome-strip h1 span{font-size:.92em;}
.apv123-subline{
  margin:6px 0 0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#d6fbe2;
}
.apv123-subline i{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#72ff9f;
  box-shadow:0 0 0 4px rgba(114,255,159,.14);
  flex:0 0 12px;
}
.apv123-hero-divider{
  height:1px;
  margin:10px 0 12px;
  background:linear-gradient(90deg, rgba(143,255,187,.18), rgba(255,220,132,.08), rgba(143,255,187,.18));
}
.apv123-quote-wrap{margin-bottom:12px;}
.apv123-quote-slide .eyebrow,
.apv123-news-head .apv119-eyebrow{margin-bottom:8px;}
.apv123-quote-slide h1{
  font-size:23px !important;
  line-height:1.05 !important;
  letter-spacing:-.02em;
  margin-bottom:10px !important;
}
.apv123-quote-slide .quote-author{
  font-size:12px !important;
}
.apv123-progress{margin-top:0 !important;}
.apv123-home-carousel{
  margin-top:0 !important;
  border-radius:24px;
}
.apv123-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:-2px;
}
.apv123-action-btn{
  min-height:60px !important;
  padding:10px 12px !important;
  border-radius:22px !important;
  grid-template-columns:24px 1fr !important;
  gap:6px 10px !important;
}
.apv123-action-btn span{
  width:24px !important;
  min-width:24px !important;
  font-size:18px !important;
}
.apv123-action-btn b{
  font-size:12px !important;
  line-height:1.02 !important;
  white-space:normal !important;
}
.apv123-action-btn small{
  font-size:10px !important;
  line-height:1.05 !important;
  white-space:normal !important;
}

.apv123-flagship-section{margin-top:0;}
.apv123-section-head{margin-bottom:10px;}
.apv123-process-card{
  padding:14px 14px 12px;
  gap:10px;
  border-radius:26px;
  overflow:hidden;
}
.apv123-process-card::before{
  content:"";
  position:absolute;
  inset:auto -30% -35% auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(114,255,171,.20), rgba(114,255,171,0));
  pointer-events:none;
}
.apv123-lightning{
  width:46px !important;
  height:46px !important;
  flex-basis:46px !important;
  font-size:28px !important;
  border-radius:14px !important;
}
.apv123-process-copy h3{
  font-size:20px !important;
  line-height:1.03 !important;
  margin:7px 0 4px !important;
}
.apv123-process-copy p{
  font-size:11px !important;
  line-height:1.3 !important;
  margin-bottom:8px !important;
}
.apv123-process-card em{
  font-size:24px !important;
  margin-top:4px !important;
}
.apv123-stage-loop{
  overflow:hidden;
  position:relative;
  margin-top:2px;
  mask-image:linear-gradient(to right, transparent 0, black 10%, black 90%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, transparent 0, black 10%, black 90%, transparent 100%);
}
.apv123-stage-track{
  display:flex;
  gap:7px;
  width:max-content;
  animation:apv123StageRoll 16s linear infinite;
}
.apv123-stage-track span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(174,255,205,.15);
  background:rgba(116,255,166,.08);
  color:#d8ffe8;
  white-space:nowrap;
}
.apv123-stage-track span i{
  font-style:normal;
  font-size:10px;
  color:#9cffbf;
}
.apv123-stage-track span b{
  font-size:10px;
  line-height:1;
  letter-spacing:.01em;
}
@keyframes apv123StageRoll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.apv123-square-grid{
  gap:10px !important;
}
.apv123-home .apv122-box-section{
  padding:14px 12px 14px;
  border-radius:26px;
}
.apv123-home .apv122-box-head{margin-bottom:10px;}
.apv123-home .apv122-box-section .apv119-mini-card,
.apv123-home .apv122-box-section .apv119-tool-card{
  min-height:120px;
  aspect-ratio:auto !important;
  padding:12px;
  border-radius:20px;
  gap:6px;
}
.apv123-home .apv122-box-section .apv119-mini-card b,
.apv123-home .apv122-box-section .apv119-tool-card b{
  font-size:12px;
  line-height:1.05;
}
.apv123-home .apv122-box-section .apv119-mini-card small,
.apv123-home .apv122-box-section .apv119-tool-card small{
  font-size:9px;
  line-height:1.18;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.apv123-home .apv122-box-section .apv119-emoji{font-size:22px;}
.apv123-home .apv122-box-section .apv119-badge{
  top:8px;
  right:8px;
  font-size:8px;
  padding:4px 7px;
}
.apv123-home .apv122-box-section .apv119-tool-card em{
  font-size:10px;
}
.apv123-duo-section .apv119-panel{padding:16px;}

@media (max-width:380px){
  .apv123-hero-card{padding:12px;}
  .apv123-welcome-strip h1{font-size:22px;}
  .apv123-quote-slide h1{font-size:20px !important;}
  .apv123-action-btn{min-height:56px !important; padding:9px 10px !important;}
  .apv123-action-btn b{font-size:11px !important;}
  .apv123-action-btn small{font-size:9px !important;}
  .apv123-home .apv122-box-section .apv119-mini-card,
  .apv123-home .apv122-box-section .apv119-tool-card{min-height:112px; padding:11px;}
  .apv123-home .apv122-box-section .apv119-mini-card b,
  .apv123-home .apv122-box-section .apv119-tool-card b{font-size:11px;}
}

/* v124 home polish + support email + welcome avatar */
.apv124-home{
  gap:14px;
}
.apv124-hero-card{
  padding:14px 14px 16px;
}
.apv124-welcome-strip{
  align-items:flex-start;
  justify-content:space-between;
}
.apv124-welcome-copy{
  flex:1 1 auto;
  min-width:0;
}
.apv124-welcome-avatar{
  flex:0 0 auto;
  margin-left:12px;
}
.apv124-welcome-avatar .apv120-avatar.home{
  width:88px;
  height:88px;
  border-radius:24px;
  border:1px solid rgba(169,255,206,.24);
  background:linear-gradient(145deg, rgba(16,54,34,.92), rgba(8,36,23,.96));
  box-shadow:0 16px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}
.apv124-welcome-avatar .apv120-avatar.home span{
  font-size:28px;
}
.apv124-welcome-avatar .apv120-avatar.home img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.apv124-quote-wrap{margin-bottom:12px;}
.apv124-home-carousel{border-radius:24px; overflow:hidden;}
.apv124-actions{margin-top:0;}
.apv124-action-btn b{font-size:12px !important;}
.apv124-action-btn small{font-size:10px !important;}

.apv124-flagship-section{margin-top:0;}
.apv124-process-card{
  position:relative;
  padding:16px 16px 14px;
  border-radius:28px;
  background:
    radial-gradient(circle at 15% 10%, rgba(255,219,120,.16), transparent 24%),
    radial-gradient(circle at 100% 100%, rgba(132,255,182,.16), transparent 28%),
    linear-gradient(145deg, rgba(15,63,40,.97), rgba(7,34,22,.98));
  border:1px solid rgba(170,255,205,.14);
  box-shadow:0 18px 45px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05);
}
.apv124-process-card::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.apv124-lightning{
  background:linear-gradient(145deg, rgba(255,217,106,.34), rgba(255,176,53,.18)) !important;
  border:1px solid rgba(255,223,135,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.apv124-process-copy{
  position:relative;
  z-index:1;
}
.apv124-process-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.apv124-process-topline small{
  color:#b9eecb;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}
.apv124-process-copy h3{
  margin:8px 0 6px !important;
}
.apv124-process-copy p{
  max-width:32ch;
  margin-bottom:10px !important;
  color:#d8ece0 !important;
}
.apv124-process-card .apv123-stage-track span{
  background:rgba(120,255,170,.10);
  border-color:rgba(174,255,205,.16);
}
.apv124-process-card .apv123-stage-track span b,
.apv124-process-card .apv123-stage-track span i{
  color:#ecfff3;
}

.apv124-home .apv122-box-section .apv119-highlight-card{
  background:
    radial-gradient(circle at 15% 12%, rgba(255,219,115,.18), transparent 24%),
    linear-gradient(145deg, rgba(18,81,51,.98), rgba(16,124,75,.90));
  border-color:rgba(152,255,196,.24);
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.apv124-home .apv122-box-section .apv119-highlight-card b,
.apv124-home .apv122-box-section .apv119-highlight-card small,
.apv124-home .apv122-box-section .apv119-highlight-card .apv119-emoji{
  color:#f5fff8 !important;
}
.apv124-home .apv122-box-section .apv119-highlight-card small{
  opacity:.92;
}
.apv124-home .apv122-box-section .apv119-highlight-card .apv119-badge.active,
.apv124-home .apv122-box-section .apv119-highlight-card .apv119-badge{
  background:rgba(233,255,242,.20);
  color:#f5fff8;
  border-color:rgba(255,255,255,.10);
}

.apv124-more .more-actions .apv119-secondary-action small{
  max-width:18ch;
}

@media (max-width:380px){
  .apv124-welcome-avatar .apv120-avatar.home{
    width:72px;
    height:72px;
    border-radius:20px;
  }
  .apv124-welcome-avatar .apv120-avatar.home span{font-size:22px;}
  .apv124-process-topline{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .apv124-process-copy p{max-width:none;}
}


/* v125 tools active cards match Get Direct Clients card in Pro Mode */
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active{
  background:
    radial-gradient(circle at 15% 12%, rgba(255,219,115,.18), transparent 24%),
    linear-gradient(145deg, rgba(18,81,51,.98), rgba(16,124,75,.90));
  border-color:rgba(152,255,196,.24);
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active b,
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active small,
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active .apv119-emoji,
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active em{
  color:#f5fff8 !important;
}
.apv124-home .apv122-box-section .apv119-tool-card.apv124-tool-active .apv119-badge.active{
  background:rgba(233,255,242,.20);
  color:#f5fff8;
  border-color:rgba(255,255,255,.10);
}

/* v125 — Match Pro Mode active tool cards to Get Direct Clients premium green */
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active),
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active),
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active){
  background:
    radial-gradient(circle at 18% 14%, rgba(255,219,115,.16), transparent 24%),
    linear-gradient(145deg, rgba(31,124,77,.98), rgba(22,147,84,.88)) !important;
  border-color: rgba(152,255,196,.30) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) b,
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) small,
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) em,
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) .apv119-emoji,
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) b,
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) small,
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) em,
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) .apv119-emoji,
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) b,
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) small,
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) em,
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) .apv119-emoji{
  color:#f5fff8 !important;
  opacity:1 !important;
}
.apv124-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) .apv119-badge,
.apv123-home .apv122-box-section .apv119-tool-card:has(.apv119-badge.active) .apv119-badge,
.apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) .apv119-badge{
  background: rgba(233,255,242,.22) !important;
  color:#f5fff8 !important;
  border-color: rgba(255,255,255,.14) !important;
}


/* v126 Pro Mode More page: collapsible account + utilization guide */
.apv126-account-details{
  padding:0;
  overflow:hidden;
}
.apv126-account-details summary{
  list-style:none;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  cursor:pointer;
  min-height:96px;
}
.apv126-account-details summary::-webkit-details-marker{display:none;}
.apv126-summary-copy{
  flex:1;
  min-width:0;
}
.apv126-summary-copy h2{
  font-size:22px;
  line-height:1.08;
  margin:5px 0 7px;
  color:#fff;
}
.apv126-summary-copy small{
  display:inline-flex;
  margin-top:8px;
  color:#78ffad;
  font-size:12px;
  font-weight:850;
}
.apv126-chevron{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  color:#8cffb7;
  background:rgba(116,255,166,.10);
  border:1px solid rgba(116,255,166,.20);
  transition:transform .18s ease;
}
.apv126-account-details[open] .apv126-chevron{
  transform:rotate(180deg);
}
.apv126-account-details .apv126-account-meta{
  margin:0 18px 18px;
  padding-top:14px;
  border-top:1px solid rgba(200,255,225,.10);
}

.apv126-utilization-card{
  padding:18px;
  border-color:rgba(255,216,125,.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,216,125,.13), transparent 30%),
    radial-gradient(circle at 100% 10%, rgba(110,255,169,.16), transparent 30%),
    linear-gradient(145deg, rgba(7,53,32,.95), rgba(4,27,18,.98));
}
.apv126-util-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
.apv126-util-head > span{
  width:50px;
  height:50px;
  border-radius:17px;
  display:grid;
  place-items:center;
  flex:0 0 50px;
  color:#ffd76d;
  font-size:25px;
  background:rgba(255,216,125,.12);
  border:1px solid rgba(255,216,125,.24);
}
.apv126-util-head h2{
  font-size:22px;
  line-height:1.08;
  color:#fff;
  margin:4px 0 6px;
}
.apv126-util-head p:not(.apv119-eyebrow){
  color:#bddfce;
  font-size:13px;
  line-height:1.4;
}
.apv126-util-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.apv126-util-grid article{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:flex-start;
  padding:12px;
  border-radius:18px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.08);
}
.apv126-util-grid article > span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(116,255,166,.09);
  border:1px solid rgba(116,255,166,.18);
}
.apv126-util-grid b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.15;
  margin-bottom:4px;
}
.apv126-util-grid small{
  color:#bddfce;
  font-size:12px;
  line-height:1.35;
}
.apv126-util-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.apv126-util-actions button{
  min-height:48px;
  border-radius:16px;
  font-weight:900;
}

.apv126-mode-card{
  border-color:rgba(116,255,166,.18);
}
@media (max-width:380px){
  .apv126-account-details summary{padding:16px;}
  .apv126-summary-copy h2{font-size:19px;}
  .apv126-util-head h2{font-size:20px;}
  .apv126-util-actions{grid-template-columns:1fr;}
}

/* v127 Pro Mode More page cleanup */
.apv127-profile-account-card{
  padding:20px;
  border-radius:30px;
}
.apv127-profile-row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.apv127-profile-copy{
  min-width:0;
  flex:1;
}
.apv127-profile-copy h2{
  font-size:26px;
  line-height:1.05;
  color:#fff;
  margin:6px 0 8px;
}
.apv127-profile-note{
  margin-top:8px;
  color:#a9d7bf;
  font-size:13px;
  line-height:1.35;
}
.apv127-profile-actions{
  margin:18px 0 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.apv127-profile-actions button{
  width:100%;
  min-height:48px;
}
.apv127-details-toggle{
  margin-top:16px;
  border-top:1px solid rgba(183,255,214,.10);
  padding-top:12px;
}
.apv127-details-toggle summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(164,255,204,.13);
  background:rgba(0,0,0,.14);
}
.apv127-details-toggle summary::-webkit-details-marker{display:none;}
.apv127-details-toggle summary span{
  color:#77ffad;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.apv127-details-toggle summary small{
  grid-column:1 / 2;
  color:#b7d9c5;
  font-size:12px;
  line-height:1.25;
}
.apv127-details-toggle summary b{
  grid-column:2;
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(124,255,175,.10);
  border:1px solid rgba(124,255,175,.18);
  color:#9effc6;
  transition:transform .18s ease;
}
.apv127-details-toggle[open] summary b{
  transform:rotate(180deg);
}
.apv127-account-meta{
  margin-top:12px;
}
.apv127-more .apv120-profile-panel,
.apv127-more .apv126-account-details{
  display:none !important;
}

@media (max-width:380px){
  .apv127-profile-account-card{padding:16px;}
  .apv127-profile-row{gap:12px;}
  .apv127-profile-copy h2{font-size:21px;}
  .apv127-profile-actions{grid-template-columns:1fr;}
}

/* v129 Free Mode locked Direct Clients card: match normal dark green cards */
.apv129-direct-locked{
  background:linear-gradient(145deg, rgba(9,59,35,.86), rgba(5,38,24,.92)) !important;
  color:var(--apv119-text) !important;
  border-color:var(--apv119-line) !important;
  box-shadow:none !important;
}
.apv129-direct-locked b,
.apv129-direct-locked small,
.apv129-direct-locked .apv119-emoji{
  color:#fff !important;
}
.apv129-direct-locked small{
  color:var(--apv119-muted) !important;
}
.apv129-direct-locked .apv119-badge{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#d8f8e8 !important;
}
.apv129-direct-unlocked{
  background:
    radial-gradient(circle at 15% 12%, rgba(255,219,115,.18), transparent 24%),
    linear-gradient(145deg, rgba(18,81,51,.98), rgba(16,124,75,.90)) !important;
  color:#f5fff8 !important;
}

/* v130 Pro Mode logout button */
.apv130-logout-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(54,30,36,.72), rgba(18,24,21,.90));
  border-color:rgba(255,170,170,.18);
}
.apv130-logout-card > span{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,120,120,.10);
  border:1px solid rgba(255,160,160,.18);
  font-size:23px;
}
.apv130-logout-card b{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.1;
}
.apv130-logout-card small{
  display:block;
  color:#d6c8c8;
  font-size:11px;
  line-height:1.3;
  margin-top:4px;
}
.apv130-logout-card button{
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  color:#ffd1d1;
  border:1px solid rgba(255,160,160,.20);
}
@media(max-width:380px){
  .apv130-logout-card{grid-template-columns:auto 1fr;}
  .apv130-logout-card button{grid-column:1 / -1; width:100%;}
}

/* v131 Free Account + Subscription-Ready Login */
.apv131-free-account-card{display:grid;grid-template-columns:1.25fr .85fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(4,61,42,.96),rgba(8,92,61,.94));box-shadow:0 18px 44px rgba(0,0,0,.22);}
.apv131-free-account-card.is-pro{background:linear-gradient(135deg,rgba(67,45,5,.98),rgba(13,83,55,.96));border-color:rgba(255,216,138,.42);}
.apv131-account-copy h2{margin:.15rem 0 .35rem;font-size:1.25rem;line-height:1.15;color:#fff;}
.apv131-account-copy p{margin:0;color:rgba(255,255,255,.78);font-size:.9rem;line-height:1.45;}
.apv131-mini-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.apv131-mini-list span,.apv131-email-pill,.apv131-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.1);color:#fff;font-size:.78rem;font-weight:700;}
.apv131-email-pill{margin-top:10px;background:rgba(255,255,255,.14);word-break:break-all;}
.apv131-login-box{display:grid;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:18px;}
.apv131-login-box input{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.96);color:#0d2b1d;border-radius:13px;padding:12px;font-size:.95rem;outline:none;box-sizing:border-box;}
.apv131-login-box small{color:rgba(255,255,255,.72);font-size:.74rem;line-height:1.35;}
.apv131-account-actions{display:grid;gap:8px;justify-items:stretch;}
.apv131-status-chip{justify-content:center;background:rgba(255,216,138,.16);color:#ffe5a8;text-transform:capitalize;}
.apv131-message{grid-column:1/-1;margin-top:4px;}
@media(max-width:760px){.apv131-free-account-card{grid-template-columns:1fr;}.apv131-account-copy h2{font-size:1.12rem}.apv131-mini-list span{font-size:.72rem;padding:6px 8px;}}

/* v132 Guest Preview + Clear Logout Flow */
.apv132-guest-shell{
  margin: 18px 0 22px;
  padding: 26px 20px;
  border-radius: 30px;
  background: radial-gradient(circle at 15% 0%, rgba(99,255,180,.18), transparent 45%), rgba(4,44,29,.88);
  border: 1px solid rgba(112,255,184,.32);
  box-shadow: 0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.apv132-guest-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(105,255,180,.15);
  color:#70ffb0;
  border:1px solid rgba(105,255,180,.35);
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.76rem;
  margin-bottom:14px;
}
.apv132-guest-shell h2{margin:0 0 10px;font-size:clamp(1.65rem,8vw,2.5rem);line-height:1.03;}
.apv132-preview-grid{display:grid;gap:10px;margin:18px 0;padding:16px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);}
.apv132-preview-grid span{color:rgba(239,255,246,.92);font-weight:700;}
.apv132-email-form{display:grid;gap:12px;margin-top:16px;}
.apv132-email-form label{display:grid;gap:9px;color:rgba(255,255,255,.88);font-size:1rem;}
.apv132-email-form input{width:100%;box-sizing:border-box;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;padding:18px 18px;font-size:1rem;font-weight:800;outline:none;}
.apv132-email-form small{color:rgba(230,255,238,.72);line-height:1.45;}
.apv132-pro-note,.apv132-logout-note{margin-top:14px;padding:14px 16px;border-radius:18px;background:rgba(255,221,110,.09);border:1px solid rgba(255,221,110,.24);color:rgba(255,246,203,.95);line-height:1.45;}
.apv132-logout-note{display:grid;gap:5px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);color:rgba(238,255,244,.82);}
.apv132-logout-note b{color:#fff;}

/* v133 Full Guest Login Gate + Free Account First Flow */
.apv133-login-page{padding:18px 0 120px;display:grid;gap:18px;}
.apv133-login-hero,.apv133-preview-panel{position:relative;overflow:hidden;border-radius:34px;padding:26px 22px;background:radial-gradient(circle at 15% 0%, rgba(80,255,160,.22), transparent 46%), linear-gradient(145deg, rgba(7,65,42,.96), rgba(3,29,20,.96));border:1px solid rgba(112,255,184,.34);box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);}
.apv133-login-hero:before{content:"";position:absolute;right:-70px;top:-75px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle, rgba(91,255,171,.25), transparent 67%);pointer-events:none;}
.apv133-login-logo{width:72px;height:72px;border-radius:22px;margin-bottom:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.22);}
.apv133-login-logo img{width:64px;height:64px;border-radius:20px;object-fit:cover;}
.apv133-login-hero h1{font-size:clamp(2.25rem,13vw,4rem);line-height:.94;margin:0 0 12px;letter-spacing:-.07em;}
.apv133-login-card{display:grid;gap:12px;margin:22px 0 0;padding:16px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);}
.apv133-login-card label{font-weight:900;color:rgba(237,255,244,.94);}
.apv133-login-card input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.98);color:#062418;border-radius:18px;padding:17px 18px;font-size:1rem;font-weight:900;outline:none;}
.apv133-login-card small{color:rgba(236,255,244,.76);line-height:1.45;}
.apv133-login-note{margin-top:16px;padding:14px 15px;border-radius:18px;background:rgba(255,221,110,.10);border:1px solid rgba(255,221,110,.28);color:rgba(255,248,210,.94);line-height:1.45;}
.apv133-free-grid{display:grid;gap:10px;margin-top:14px;}
.apv133-free-grid span{padding:12px 13px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:rgba(237,255,244,.93);font-weight:800;}
.apv133-pro-panel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:radial-gradient(circle at 18% 0%, rgba(255,220,89,.18), transparent 45%), linear-gradient(145deg, rgba(6,56,37,.96), rgba(3,29,20,.96));}
.apv133-star{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fff8b6,#2aff9a);color:#062418;font-size:2rem;font-weight:1000;box-shadow:0 14px 30px rgba(0,0,0,.24);}
.apv133-pro-panel h2{margin:.15rem 0 .5rem;font-size:1.55rem;line-height:1.05;}
.apv133-message{margin-top:2px;}
@media(max-width:520px){.apv133-login-page{padding-top:10px}.apv133-login-hero,.apv133-preview-panel{border-radius:30px;padding:24px 18px}.apv133-pro-panel{grid-template-columns:1fr}.apv133-star{width:56px;height:56px}}

/* v134+v136 Premium guest login gate */
body.apv134-guest-login-active .topbar,
body.apv134-guest-login-active .bottom-nav{
  display:none !important;
}
body.apv134-guest-login-active .content{
  padding-top:calc(14px + env(safe-area-inset-top)) !important;
  padding-bottom:28px !important;
}
.apv134-login-page,
.apv136-login-page{
  min-height:calc(100svh - 40px);
  display:grid;
  align-items:flex-start;
  padding:8px 0 28px !important;
}
.apv136-hero-shell{
  position:relative;
  overflow:hidden;
  max-width:860px;
  width:100%;
  margin:0 auto;
  padding:26px 22px 24px;
  border-radius:38px;
  background:
    radial-gradient(circle at 18% 0%, rgba(73,255,163,.18), transparent 34%),
    radial-gradient(circle at 72% 28%, rgba(21,163,82,.2), transparent 28%),
    linear-gradient(120deg, rgba(1,20,12,.98), rgba(4,43,28,.97) 48%, rgba(1,20,12,.98));
  border:1px solid rgba(79,255,159,.34);
  box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.apv136-hero-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(97,255,169,.06), transparent 24%, transparent 70%, rgba(97,255,169,.05));
}
.apv136-hero-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.apv136-brand-wrap{display:flex;align-items:center;gap:16px;min-width:0;}
.apv136-brand-logo{
  width:88px;height:88px;border-radius:28px;
  display:grid;place-items:center;
  background:radial-gradient(circle at 30% 20%, rgba(80,255,170,.2), rgba(6,44,29,.95));
  border:1px solid rgba(84,255,168,.42);
  box-shadow:0 18px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);
}
.apv136-brand-logo img{width:78px;height:78px;border-radius:23px;object-fit:cover;}
.apv136-brand-name{font-size:clamp(2rem,4vw,3.3rem);font-weight:1000;letter-spacing:-.05em;line-height:1;}
.apv136-brand-name span{color:#71ffb0;}
.apv136-go-pro-pill{
  appearance:none;border:1px solid rgba(104,255,180,.32);color:#8effbe;
  background:rgba(255,255,255,.04);border-radius:999px;padding:18px 26px;
  font-weight:900;font-size:clamp(1rem,2.1vw,1.18rem);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  white-space:nowrap;
}
.apv136-hero-content{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:18px;align-items:end;
  margin-top:24px;
}
.apv136-copy-column{max-width:620px;z-index:2;position:relative;}
.apv136-eyebrow{margin:0 0 14px;color:#76ffb2;font-size:clamp(.96rem,1.7vw,1.18rem);letter-spacing:.2em;font-weight:1000;}
.apv136-copy-column h1{margin:0;font-size:clamp(3rem,9vw,6.4rem);line-height:.92;letter-spacing:-.075em;font-weight:1000;}
.apv136-copy-column h1 span{color:#64f7a1;}
.apv136-intro{margin:22px 0 0;max-width:630px;color:rgba(236,255,244,.86);font-size:clamp(1rem,2vw,1.16rem);line-height:1.58;}
.apv136-hero-visual{
  position:relative;min-height:320px;align-self:stretch;
}
.apv136-arc{
  position:absolute;right:-24px;top:8px;width:min(96%,420px);height:min(96%,420px);
  border-radius:50%;border:1px solid rgba(125,255,189,.24);
  border-left-color:transparent;border-bottom-color:transparent;
  transform:rotate(18deg);
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
}
.apv136-building{
  position:absolute;bottom:0;border-radius:8px 8px 0 0;
  background:linear-gradient(180deg, rgba(15,73,46,.78), rgba(4,28,18,.98));
  border:1px solid rgba(93,255,173,.12);
  box-shadow:0 20px 45px rgba(0,0,0,.32);
}
.apv136-building::before,
.apv136-building::after{
  content:"";position:absolute;inset:12px 10px auto 10px;height:calc(100% - 22px);
  background:
    repeating-linear-gradient(to right,
      rgba(0,0,0,.18) 0 28px,
      rgba(119,255,186,.3) 28px 54px,
      rgba(0,0,0,.18) 54px 64px);
  opacity:.5;
}
.apv136-building-front{right:30px;width:180px;height:260px;}
.apv136-building-back{right:138px;width:82px;height:162px;opacity:.6;filter:brightness(.78);}
.apv136-action-stack{display:grid;gap:16px;margin-top:22px;position:relative;z-index:2;}
.apv136-action-card{
  appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  text-align:left;padding:22px 20px;border-radius:28px;
  border:1px solid rgba(122,255,190,.18);
  background:linear-gradient(115deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color:#f4fff8;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.apv136-action-card.active{
  border-color:rgba(107,255,178,.72);
  background:linear-gradient(115deg, rgba(89,255,167,.18), rgba(255,255,255,.04));
  box-shadow:0 20px 40px rgba(23,255,132,.08), inset 0 1px 0 rgba(255,255,255,.1);
}
.apv136-action-icon{
  width:68px;height:68px;border-radius:22px;display:grid;place-items:center;
  font-size:2rem;background:linear-gradient(135deg, #dfffe7, #72ffae);color:#062418;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  flex-shrink:0;
}
.apv136-icon-signin{
  background:linear-gradient(135deg, rgba(40,80,60,.95), rgba(15,50,36,.98));
  border:1px solid rgba(100,255,175,.22);
}
.apv136-action-copy b{display:block;font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.08;}
.apv136-action-copy small{display:block;margin-top:8px;color:rgba(235,255,243,.72);font-size:clamp(.92rem,1.8vw,1.08rem);line-height:1.35;}
.apv136-action-arrow{
  width:60px;height:60px;border-radius:999px;display:grid;place-items:center;
  font-size:3rem;line-height:1;color:#b6ffd3;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.apv136-form-card{
  position:relative;z-index:2;margin-top:18px;padding:22px 18px 20px;border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border:1px solid rgba(122,255,190,.16);
}
.apv136-form-card label{display:block;font-size:clamp(1.15rem,2.6vw,1.45rem);font-weight:1000;color:#f2fff7;margin-bottom:14px;}
.apv136-input-wrap{
  display:flex;align-items:center;gap:12px;padding:0 18px;
  height:84px;border-radius:24px;border:1px solid rgba(255,255,255,.12);
  background:rgba(6,28,18,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.apv136-input-icon{font-size:1.65rem;color:rgba(229,255,239,.58);}
.apv136-input-wrap input{
  width:100%;border:none;outline:none;background:transparent;color:#f4fff8;
  font-size:clamp(1.08rem,2.4vw,1.42rem);font-weight:800;padding:0;
}
.apv136-input-wrap input::placeholder{color:rgba(226,255,237,.54);}
.apv136-submit-btn{
  width:100%;margin-top:16px;border:none;border-radius:24px;padding:22px 22px;
  background:linear-gradient(180deg,#8effbe,#55eb96);color:#041a10;font-size:clamp(1.3rem,3vw,1.7rem);
  font-weight:1000;box-shadow:0 16px 30px rgba(53,255,139,.2), inset 0 1px 0 rgba(255,255,255,.46);
}
.apv136-submit-btn[disabled]{opacity:.68;filter:saturate(.72);}
.apv136-security-note{
  display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;
  margin-top:16px;color:rgba(227,255,237,.88);font-size:clamp(.94rem,1.8vw,1.08rem);
}
.apv136-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 14px;color:#63fda0;}
.apv136-divider::before,.apv136-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg, transparent, rgba(110,255,179,.26), transparent);}
.apv136-divider span{font-size:1.15rem;}
.apv136-bottom-note{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 14px;border-radius:22px;
  border:1px solid rgba(122,255,190,.12);background:rgba(255,255,255,.035);
}
.apv136-bottom-icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(118,255,179,.14);
  color:#90ffc1;font-size:1.35rem;
}
.apv136-bottom-note p{margin:0;color:rgba(236,255,244,.86);font-size:clamp(1rem,1.9vw,1.08rem);line-height:1.55;}
.apv136-bottom-note strong{color:#79ffb4;}
.apv136-message{margin-top:14px;}
@media(max-width:760px){
  .apv136-hero-shell{padding:22px 16px 20px;border-radius:30px;}
  .apv136-hero-top{align-items:flex-start;}
  .apv136-go-pro-pill{padding:14px 18px;font-size:.98rem;}
  .apv136-brand-logo{width:74px;height:74px;border-radius:24px;}
  .apv136-brand-logo img{width:66px;height:66px;border-radius:20px;}
  .apv136-hero-content{grid-template-columns:1fr;gap:10px;}
  .apv136-copy-column h1{font-size:clamp(3rem,16vw,4.8rem);}
  .apv136-intro{margin-top:18px;font-size:1rem;}
  .apv136-hero-visual{min-height:190px;order:2;opacity:.85;}
  .apv136-building-front{right:10px;width:140px;height:200px;}
  .apv136-building-back{right:102px;width:68px;height:118px;}
  .apv136-action-card{padding:18px 16px;border-radius:24px;gap:14px;}
  .apv136-action-icon{width:56px;height:56px;border-radius:18px;font-size:1.65rem;}
  .apv136-action-arrow{width:50px;height:50px;font-size:2.3rem;}
  .apv136-form-card{padding:18px 14px 18px;border-radius:28px;}
  .apv136-input-wrap{height:72px;border-radius:20px;padding:0 14px;}
  .apv136-submit-btn{padding:19px 18px;border-radius:20px;font-size:1.22rem;}
}
@media(max-width:460px){
  .apv136-hero-top{gap:12px;}
  .apv136-brand-wrap{gap:12px;}
  .apv136-brand-name{font-size:2.2rem;}
  .apv136-go-pro-pill{padding:12px 15px;font-size:.92rem;}
  .apv136-eyebrow{font-size:.92rem;letter-spacing:.16em;}
  .apv136-copy-column h1{font-size:clamp(2.7rem,16vw,4.4rem);}
  .apv136-action-copy b{font-size:1.12rem;}
  .apv136-action-copy small{font-size:.88rem;}
  .apv136-bottom-note{grid-template-columns:1fr;}
  .apv136-bottom-icon{width:42px;height:42px;}
}



/* v137 Compact Mobile Login Optimization
   - Minimizes the hero card for mobile app use.
   - Removes the marked blank building/visual area.
*/
body.apv134-guest-login-active .content{
  padding-top:calc(8px + env(safe-area-inset-top)) !important;
  padding-bottom:18px !important;
}
.apv137-login-page{
  min-height:auto;
  align-items:start;
  padding:4px 0 18px !important;
}
.apv137-hero-shell{
  max-width:720px;
  padding:18px 16px 18px !important;
  border-radius:28px !important;
}
.apv137-hero-shell .apv136-hero-visual,
.apv137-hero-shell .apv136-arc,
.apv137-hero-shell .apv136-building{
  display:none !important;
}
.apv137-hero-top{
  align-items:center !important;
  gap:12px !important;
}
.apv137-brand-logo{
  width:62px !important;
  height:62px !important;
  border-radius:20px !important;
}
.apv137-brand-logo img{
  width:54px !important;
  height:54px !important;
  border-radius:17px !important;
}
.apv137-brand-name{
  font-size:clamp(1.55rem,8vw,2.15rem) !important;
  letter-spacing:-.055em !important;
  line-height:.95 !important;
}
.apv137-brand-sub{
  margin-top:4px;
  color:rgba(231,255,239,.68);
  font-size:.78rem;
  font-weight:800;
  line-height:1.1;
}
.apv137-go-pro-pill{
  padding:11px 14px !important;
  font-size:.88rem !important;
  min-height:42px;
}
.apv137-hero-content{
  display:block !important;
  margin-top:18px !important;
}
.apv137-copy-column{
  max-width:none !important;
}
.apv137-eyebrow{
  margin:0 0 10px !important;
  font-size:.82rem !important;
  letter-spacing:.16em !important;
}
.apv137-copy-column h1{
  font-size:clamp(2.45rem,14vw,3.75rem) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  margin:0 !important;
}
.apv137-intro{
  margin:14px 0 0 !important;
  font-size:.98rem !important;
  line-height:1.46 !important;
  max-width:none !important;
}
.apv137-action-stack{
  gap:10px !important;
  margin-top:16px !important;
}
.apv137-action-card{
  padding:13px 13px !important;
  border-radius:20px !important;
  gap:12px !important;
  grid-template-columns:auto 1fr auto !important;
}
.apv137-action-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
}
.apv137-action-copy b{
  font-size:1rem !important;
  line-height:1.08 !important;
}
.apv137-action-copy small{
  font-size:.78rem !important;
  margin-top:3px !important;
}
.apv137-action-arrow{
  width:38px !important;
  height:38px !important;
  font-size:2rem !important;
}
.apv137-form-card{
  margin-top:12px !important;
  padding:14px 12px !important;
  border-radius:22px !important;
}
.apv137-form-card label{
  font-size:.98rem !important;
  margin-bottom:8px !important;
}
.apv137-input-wrap{
  height:56px !important;
  border-radius:17px !important;
  padding:0 13px !important;
}
.apv137-input-icon{
  font-size:1.2rem !important;
}
.apv137-input-wrap input{
  font-size:.98rem !important;
}
.apv137-submit-btn{
  margin-top:10px !important;
  padding:15px 16px !important;
  border-radius:17px !important;
  font-size:1.05rem !important;
}
.apv137-security-note{
  margin-top:10px !important;
  font-size:.82rem !important;
  line-height:1.35 !important;
}
.apv137-hero-shell .apv136-divider{
  display:none !important;
}
.apv137-bottom-note{
  margin-top:10px !important;
  grid-template-columns:auto 1fr !important;
  gap:10px !important;
  padding:11px 10px !important;
  border-radius:16px !important;
}
.apv137-bottom-note .apv136-bottom-icon{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
}
.apv137-bottom-note p{
  font-size:.84rem !important;
  line-height:1.36 !important;
}
@media(max-width:420px){
  .apv137-hero-shell{
    padding:16px 14px 16px !important;
    border-radius:26px !important;
  }
  .apv137-brand-logo{
    width:56px !important;
    height:56px !important;
  }
  .apv137-brand-logo img{
    width:49px !important;
    height:49px !important;
  }
  .apv137-brand-name{
    font-size:1.68rem !important;
  }
  .apv137-brand-sub{
    font-size:.7rem;
  }
  .apv137-go-pro-pill{
    padding:10px 12px !important;
    font-size:.82rem !important;
  }
  .apv137-copy-column h1{
    font-size:clamp(2.32rem,15vw,3.25rem) !important;
  }
  .apv137-intro{
    font-size:.92rem !important;
  }
}


/* v138 Instant Free Account Status */
.apv138-free-status-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  margin:0 0 16px;
  padding:16px 15px;
  border-radius:22px;
  border:1px solid rgba(110,255,178,.26);
  background:linear-gradient(135deg, rgba(43,255,142,.16), rgba(255,255,255,.035));
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07);
}
.apv138-free-status-icon{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#efffe9,#60ffa3);
  color:#062418;
  font-weight:1000;
}
.apv138-free-status-card b{
  display:block;
  color:#ffffff;
  font-size:1.05rem;
  margin-bottom:4px;
}
.apv138-free-status-card p{
  margin:0;
  color:rgba(235,255,243,.78);
  line-height:1.45;
  font-size:.9rem;
}
.apv138-free-status-card strong{
  color:#8effbe;
  overflow-wrap:anywhere;
}

/* v139 Free User Mode cleanup + enhanced Pro offer */
.apv139-free-hero-card{
  background:
    radial-gradient(circle at 16% 0%, rgba(128,255,181,.16), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(255,217,110,.09), transparent 22%),
    linear-gradient(145deg, rgba(7,49,30,.98), rgba(4,29,19,.98));
}
.apv139-free-welcome{
  padding:2px 0 0;
}
.apv139-free-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(130,255,175,.11);
  border:1px solid rgba(130,255,175,.18);
  color:#8effbe;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.12em;
}
.apv139-free-welcome h1{
  margin:0 0 8px;
  color:#fff;
  font-size:28px;
  line-height:1.02;
  letter-spacing:-.04em;
}
.apv139-free-welcome p{
  margin:0;
  color:rgba(232,255,240,.78);
  font-size:14px;
  line-height:1.38;
}
.apv139-free-more-account-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
}
.apv139-free-account-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#efffe9,#61ffa3);
  color:#04180f;
  font-weight:1000;
  font-size:22px;
}
.apv139-free-more-account-card h2{
  margin:4px 0 6px;
  font-size:24px;
  color:#fff;
}
.apv139-free-more-account-card p{
  margin:8px 0 0;
  color:rgba(232,255,240,.78);
  line-height:1.45;
}
.apv139-free-more .more-actions,
.apv139-free-more .apv120-profile-panel{
  display:none !important;
}
.apv139-pro-offer-card{
  border-color:rgba(255,219,120,.24);
  background:
    radial-gradient(circle at 18% 10%, rgba(255,220,111,.18), transparent 26%),
    radial-gradient(circle at 100% 8%, rgba(125,255,175,.12), transparent 24%),
    linear-gradient(145deg, rgba(10,54,35,.98), rgba(4,27,18,.98));
}
.apv139-offer-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.apv139-crown{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,215,102,.12);
  border:1px solid rgba(255,215,102,.22);
  font-size:28px;
}
.apv139-offer-head h2{
  margin:2px 0 0;
  font-size:28px;
  line-height:1.05;
  color:#fff;
}
.apv139-price-box{
  display:grid;
  grid-template-columns:.95fr 1.2fr;
  gap:10px;
  margin:12px 0 14px;
}
.apv139-price-box > div{
  min-width:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:14px;
  background:rgba(0,0,0,.18);
}
.apv139-price-box span{
  display:block;
  color:rgba(230,255,238,.70);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.apv139-price-box strong{
  position:relative;
  display:inline-block;
  margin-top:8px;
  color:#ffdf86;
  font-size:32px;
  line-height:1;
  opacity:.9;
}
.apv139-price-box strong::after{
  content:"";
  position:absolute;
  left:-4px;
  right:-4px;
  top:50%;
  height:4px;
  border-radius:999px;
  background:#ff6b6b;
  transform:rotate(-8deg);
}
.apv139-price-box b{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:48px;
  line-height:.92;
  letter-spacing:-.06em;
}
.apv139-price-box small{
  display:block;
  margin-top:5px;
  color:#8effbe;
  font-weight:900;
}
.apv139-offer-note{
  margin:0 0 14px;
  color:rgba(236,255,243,.78);
  line-height:1.45;
}
.apv139-unlock-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-bottom:16px;
}
.apv139-unlock-grid span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:15px;
  border:1px solid rgba(126,255,178,.12);
  background:rgba(126,255,178,.06);
  color:#f2fff7;
  font-size:14px;
  line-height:1.22;
  font-weight:750;
}
.apv139-unlock-grid i{
  font-style:normal;
  flex:0 0 auto;
}
.apv139-upgrade-btn{
  min-height:58px;
  font-weight:1000;
}
.apv139-code-card{
  border-color:rgba(255,255,255,.09);
}
@media(max-width:380px){
  .apv139-free-welcome h1{font-size:24px;}
  .apv139-price-box{grid-template-columns:1fr;}
  .apv139-price-box b{font-size:42px;}
  .apv139-free-more-account-card{grid-template-columns:1fr;}
}

/* v140 free login and offer polish */
.apv140-login-page .apv136-action-stack,
.apv140-login-page .apv137-action-stack{display:none !important;}
.apv140-login-page .apv136-copy-column h1,
.apv140-login-page .apv137-copy-column h1{letter-spacing:-.065em;}
.apv140-login-page .apv136-intro,
.apv140-login-page .apv137-intro{max-width:32rem;}
.apv140-form-card label{font-size:1rem;}
.apv140-submit-btn{background:linear-gradient(135deg,#bafcd2,#46d47d) !important;}
.apv140-bottom-note{border-color:rgba(145,255,189,.18);}
.apv140-free-hero-card .apv140-free-welcome h1{font-size:2rem;line-height:1.02;margin:.45rem 0 .55rem;letter-spacing:-.04em;}
.apv140-free-hero-card .apv140-free-welcome p{font-size:.98rem;line-height:1.45;color:#d7f6e3;margin:0;}
.apv140-price-showcase{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0;}
.apv140-regular,.apv140-now{border-radius:22px;padding:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);}
.apv140-regular span,.apv140-now span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#9dffc1;margin-bottom:.25rem;}
.apv140-regular strong{font-size:2.1rem;color:#ffcf6a;text-decoration:line-through;text-decoration-thickness:4px;opacity:.9;}
.apv140-now{background:linear-gradient(135deg,rgba(255,214,104,.16),rgba(80,255,149,.10));border-color:rgba(255,214,104,.28);}
.apv140-now b{display:block;font-size:3.6rem;line-height:.95;color:#fff;font-weight:950;letter-spacing:-.06em;}
.apv140-now small{display:block;margin-top:.35rem;color:#ffe3a2;font-weight:800;}
.apv140-unlock-grid span{align-items:flex-start;gap:.55rem;}
.apv140-unlock-grid span i{font-style:normal;flex:0 0 auto;}
.apv140-upgrade-btn{margin-top:1rem;}


/* v142 free more page CTA image + simple checklist */
.apv140-offer-stack{display:grid;gap:1rem;}
.apv140-image-offer-panel,
.apv140-checklist-panel{padding:0;overflow:hidden;}
.apv140-image-offer-btn{
  display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;
}
.apv140-image-offer-btn img{
  display:block;width:100%;height:auto;border-radius:28px;
}
.apv140-checklist-panel{padding:1rem 1rem 1.1rem;background:linear-gradient(180deg,rgba(103,255,163,.10),rgba(255,255,255,.03));border:1px solid rgba(138,255,184,.16);}
.apv140-checklist-head{padding:0 .1rem .75rem;}
.apv140-checklist-head h2{margin:.18rem 0 0;font-size:1.15rem;line-height:1.22;color:#f5fff8;font-weight:600;}
.apv140-simple-checklist-box{
  padding:.95rem;border-radius:22px;background:rgba(255,255,255,.035);
  border:1px solid rgba(130,255,178,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.apv140-simple-checklist{display:block;}
.apv140-check-item{display:flex;align-items:flex-start;gap:.7rem;color:#f3fff7;font-size:.98rem;line-height:1.3;font-weight:500;}
.apv140-check-item + .apv140-check-item{padding-top:.7rem;border-top:1px solid rgba(130,255,178,.12);}
.apv140-check-item i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#c9ffd8,#4adf82);color:#08341a;font-style:normal;font-weight:700;font-size:.8rem;box-shadow:0 8px 18px rgba(84,235,136,.18);margin-top:.05rem;}
.apv140-check-item span{display:block;}
.apv142-free-more .apv119-panel{scroll-margin-top:84px;}


.apv140-simple-checklist-flat{display:flex;flex-direction:column;gap:.72rem;}
.apv140-check-line{display:flex;align-items:flex-start;gap:.68rem;color:rgba(244,255,248,.88);font-size:.96rem;line-height:1.32;font-weight:400;letter-spacing:.01em;}
.apv140-check-line i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,#d5ffe0,#79ed9e);color:#123d22;font-style:normal;font-weight:700;font-size:.76rem;margin-top:.06rem;box-shadow:none;}
.apv140-check-line span{display:block;font-weight:400;}


/* v144 premium sales process card refresh */
.apv144-process-card{
  display:block !important;
  padding:16px 16px 15px;
  overflow:hidden;
}
.apv144-process-card::before{
  content:"";
  position:absolute;
  inset:auto -38px -40px auto;
  width:170px;
  height:170px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(129,255,176,.18), rgba(129,255,176,0) 72%);
  pointer-events:none;
}
.apv144-process-header{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  position:relative;
  z-index:1;
}
.apv144-lightning{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  flex:0 0 56px !important;
  font-size:31px !important;
  line-height:1 !important;
  margin:0 !important;
}
.apv144-process-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.apv144-process-meta small{
  color:#d7f3de;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:700;
}
.apv144-process-card em{
  align-self:center !important;
  margin:0 !important;
  font-size:28px !important;
  color:#d5ffdf !important;
}
.apv144-process-copy{
  position:relative;
  z-index:1;
}
.apv144-process-copy h3{
  margin:2px 0 6px !important;
  font-size:21px !important;
  line-height:1.04 !important;
}
.apv144-process-copy p{
  max-width:none !important;
  margin-bottom:12px !important;
  font-size:12px !important;
  line-height:1.38 !important;
}
.apv144-funnel-panel{
  margin-top:4px;
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(179,255,209,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.apv144-funnel-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:10px;
}
.apv144-funnel-head span{
  color:#95ffc0;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
}
.apv144-funnel-head b{
  color:#f2fff5;
  font-size:12px;
  line-height:1.3;
  font-weight:600;
}
.apv144-funnel-visual{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.apv144-funnel-bar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:30px;
  padding:7px 10px;
  border-radius:14px;
  border:1px solid rgba(190,255,216,.14);
  background:linear-gradient(90deg, rgba(103,255,161,.15), rgba(103,255,161,.05));
  color:#f3fff7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.apv144-funnel-bar i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(255,240,182,.18);
  color:#ffe7a0;
  font-size:9px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.04em;
  flex:0 0 22px;
}
.apv144-funnel-bar span{
  display:block;
  font-size:11px;
  line-height:1.18;
  font-weight:600;
  letter-spacing:.01em;
}
.apv144-funnel-bar-1{width:100%;}
.apv144-funnel-bar-2{width:94%; margin-left:auto; margin-right:auto;}
.apv144-funnel-bar-3{width:88%; margin-left:auto; margin-right:auto;}
.apv144-funnel-bar-4{width:82%; margin-left:auto; margin-right:auto;}
.apv144-funnel-bar-5{width:76%; margin-left:auto; margin-right:auto;}
.apv144-funnel-bar-6{width:70%; margin-left:auto; margin-right:auto;}
.apv144-funnel-bar-7{width:64%; margin-left:auto; margin-right:auto; background:linear-gradient(90deg, rgba(255,214,110,.18), rgba(103,255,161,.06)); border-color:rgba(255,224,138,.18);}
.apv144-process-foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.apv144-process-foot span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(176,255,207,.14);
  background:rgba(116,255,166,.07);
  color:#e8fff0;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
}
@media (max-width:380px){
  .apv144-process-header{grid-template-columns:52px minmax(0,1fr) auto; gap:10px;}
  .apv144-lightning{width:52px !important; height:52px !important; min-width:52px !important; flex-basis:52px !important; font-size:28px !important;}
  .apv144-process-copy h3{font-size:19px !important;}
  .apv144-funnel-panel{padding:11px;}
  .apv144-funnel-bar{padding:7px 8px;}
  .apv144-funnel-bar span{font-size:10px;}
  .apv144-process-foot span{font-size:9px; padding:7px 10px;}
}


/* v147 Sales Process Cheat Code card color aligned to Open Academy */
.apv144-process-card{padding:14px 14px 13px;}
.apv145-process-card{
  background:linear-gradient(135deg,#9dffc1,#09d879);
  border:1px solid rgba(157,255,193,.72);
  box-shadow:0 18px 42px rgba(45,232,122,.22), inset 0 1px 0 rgba(255,255,255,.18);
  color:#03140c;
}
.apv145-process-card::after{border-color:rgba(3,20,12,.10);}
.apv145-process-card h3,
.apv145-process-card p,
.apv145-process-card small,
.apv145-process-card b,
.apv145-process-card strong,
.apv145-process-card em{color:#03140c !important;}
.apv145-process-header{margin-bottom:8px;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;}
.apv144-lightning{width:48px !important;height:48px !important;min-width:48px !important;flex:0 0 48px !important;font-size:28px !important;}
.apv145-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;}
.apv145-pulse-dot{
  position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:999px;
  background:#03140c;border:2px solid rgba(157,255,193,.95);box-shadow:0 0 0 0 rgba(3,20,12,.20);
  animation:apv145Pulse 1.7s infinite;
}
@keyframes apv145Pulse{0%{box-shadow:0 0 0 0 rgba(3,20,12,.18);}70%{box-shadow:0 0 0 10px rgba(3,20,12,0);}100%{box-shadow:0 0 0 0 rgba(3,20,12,0);}}
.apv145-main-pill{
  background:linear-gradient(135deg, rgba(6,42,26,.96), rgba(10,70,42,.98));
  border-color:rgba(157,255,193,.24) !important;
  color:#0b3d26 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(3,20,12,.18);
}
.apv145-process-copy h3{font-size:20px !important;line-height:1.04 !important;margin:2px 0 6px !important;}
.apv145-process-copy p{font-size:12px !important;line-height:1.38 !important;color:#052014 !important;margin-bottom:10px !important;}
.apv145-quickline{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px;}
.apv145-quickline span{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 10px;border-radius:999px;
  background:rgba(3,20,12,.08);border:1px solid rgba(3,20,12,.12);
  color:#052014;font-size:10px;letter-spacing:.03em;
}
.apv145-cta-bar{
  margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:16px;
  background:linear-gradient(135deg, rgba(3,20,12,.86), rgba(9,61,36,.90));
  border:1px solid rgba(157,255,193,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(3,20,12,.16);
}
.apv145-cta-bar b{display:block;color:#ffffff !important;font-size:13px;line-height:1.15;font-weight:700;}
.apv145-cta-bar small{display:block;margin-top:2px;color:#bdf8cf !important;font-size:10px;line-height:1.24;}
.apv145-cta-bar strong{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#b8ffd2,#7df5ac);color:#03140c;font-size:10px;
  text-transform:uppercase;letter-spacing:.08em;font-weight:800;border:1px solid rgba(157,255,193,.42);
  box-shadow:0 6px 16px rgba(125,245,172,.20);
}
.apv145-cta-bar strong::after{content:' →';}
.apv145-process-card .apv122-lightning,
.apv145-process-card .apv123-lightning,
.apv145-process-card .apv124-lightning,
.apv145-process-card .apv144-lightning{
  background:linear-gradient(135deg, rgba(6,42,26,.96), rgba(11,76,45,.98)) !important;
  border:1px solid rgba(157,255,193,.22) !important;
  color:#ffd45c !important;
  box-shadow:0 10px 22px rgba(3,20,12,.16), inset 0 1px 0 rgba(255,255,255,.04);
}
@media (max-width:380px){
  .apv144-process-card{padding:13px 13px 12px;}
  .apv145-process-copy h3{font-size:18px !important;}
  .apv145-process-copy p{font-size:11px !important;}
  .apv145-quickline span{font-size:9px;padding:5px 9px;}
  .apv145-cta-bar{padding:9px 11px;gap:8px;}
  .apv145-cta-bar b{font-size:12px;}
  .apv145-cta-bar small{font-size:9px;}
  .apv145-cta-bar strong{padding:8px 10px;font-size:9px;}
}

/* v152 Pro Offline Access UI */
.apv152-offline-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  background:linear-gradient(145deg, rgba(13,79,49,.92), rgba(4,30,19,.98));
  border-color:rgba(139,255,184,.18);
}
.apv152-offline-card.ready{
  background:linear-gradient(145deg, rgba(29,111,68,.96), rgba(5,37,23,.98));
  box-shadow:0 18px 38px rgba(91,255,151,.10), inset 0 1px 0 rgba(255,255,255,.04);
}
.apv152-offline-icon{
  width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(155,255,192,.20),rgba(255,220,120,.10));
  border:1px solid rgba(155,255,192,.18);font-size:28px;
}
.apv152-offline-card h2{margin:.1rem 0 .3rem;font-size:1.25rem;line-height:1.1;color:#f6fff9;}
.apv152-offline-card p{margin:0;color:rgba(236,255,242,.82);line-height:1.36;}
.apv152-offline-card small{display:block;margin-top:6px;color:rgba(190,255,210,.72);line-height:1.3;}
.apv152-offline-card button{grid-column:1/-1;width:100%;border:0;border-radius:18px;padding:14px 16px;font-weight:900;}
.apv152-is-offline .topbar::after{
  content:'OFFLINE';position:absolute;right:14px;bottom:-10px;font-size:10px;letter-spacing:.12em;font-weight:900;color:#03140c;background:#9dffc1;border-radius:999px;padding:4px 8px;
}
@media (min-width:560px){.apv152-offline-card{grid-template-columns:auto 1fr auto}.apv152-offline-card button{grid-column:auto;width:auto;}}


/* v153 restore Free Mode Refresh Access sync button */
.apv153-free-sync-actions{margin-top:.95rem;margin-bottom:1rem;}
.apv153-free-sync-actions .apv119-primary-action{width:100%;}


/* v154 fix: show Refresh Access sync button in Free Mode */
.apv139-free-more .apv153-free-sync-actions,
.apv140-free-more .apv153-free-sync-actions,
.apv142-free-more .apv153-free-sync-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:1rem !important;
  margin-bottom:1rem !important;
}
.apv139-free-more .apv153-free-sync-actions .apv119-primary-action,
.apv140-free-more .apv153-free-sync-actions .apv119-primary-action,
.apv142-free-more .apv153-free-sync-actions .apv119-primary-action{
  display:grid !important;
  width:100% !important;
  grid-template-columns:auto 1fr !important;
}

/* v155 Supabase Admin CRM UI */
.crm-hero h1{letter-spacing:-.04em}.crm-tabbar{display:flex;gap:.6rem;overflow-x:auto;padding:.8rem 0 1rem;margin:0 0 .4rem;scrollbar-width:none}.crm-tabbar::-webkit-scrollbar{display:none}.crm-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:var(--text,#f8fafc);border-radius:999px;padding:.72rem 1rem;font-weight:800;white-space:nowrap;box-shadow:0 10px 25px rgba(0,0,0,.08)}.crm-tab.active{background:linear-gradient(135deg,#f6d365,#fda085);color:#181204;border-color:rgba(255,255,255,.35)}.crm-filterbar{display:grid;grid-template-columns:1fr 180px auto;gap:.8rem;align-items:end;margin-bottom:1rem}.crm-filterbar label,.crm-form-card label,.crm-admin-gate label{font-weight:800;color:var(--text,#fff)}.crm-filterbar input,.crm-filterbar select,.crm-form-card input,.crm-form-card select,.crm-form-card textarea,.crm-admin-gate input{margin-top:.38rem}.crm-filterbar .secondary{height:46px}.crm-stats .stats{grid-template-columns:repeat(5,1fr)}.crm-admin-gate code{background:rgba(255,255,255,.1);padding:.08rem .35rem;border-radius:.35rem}.crm-form-card textarea{min-height:86px}.crm-row h3{margin:.24rem 0}.crm-settings-card .admin-actions{flex-wrap:wrap}.admin-status-pill.status-active,.admin-status-pill.status-approved{background:rgba(34,197,94,.15);color:#86efac;border-color:rgba(34,197,94,.3)}.admin-status-pill.status-free{background:rgba(56,189,248,.14);color:#7dd3fc;border-color:rgba(56,189,248,.3)}.admin-status-pill.status-pending{background:rgba(251,191,36,.16);color:#fde68a;border-color:rgba(251,191,36,.3)}.admin-status-pill.status-need-clear-proof,.admin-status-pill.status-need-clear-screenshot,.admin-status-pill.status-clarification{background:rgba(249,115,22,.16);color:#fdba74;border-color:rgba(249,115,22,.3)}.admin-status-pill.status-expired,.admin-status-pill.status-rejected{background:rgba(248,113,113,.15);color:#fca5a5;border-color:rgba(248,113,113,.3)}
@media (max-width:760px){.crm-filterbar{grid-template-columns:1fr}.crm-stats .stats{grid-template-columns:repeat(2,1fr)}.crm-tab{padding:.68rem .85rem;font-size:.88rem}.crm-tabbar{margin-left:-.2rem;margin-right:-.2rem}.crm-row{gap:1rem}.crm-row .admin-row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.crm-row .mini-btn{width:100%}}

/* ─────────────────────────────────────────────────────────
   v156 SUPABASE MOBILE-INSPIRED FRONT-END THEME UPGRADE
   Visual-only polish: dark Supabase-style surfaces, green CTA,
   clean borders, calmer typography, mobile spacing, buttons.
   Layout structure and app logic are preserved.
   ───────────────────────────────────────────────────────── */
:root{
  --bg:#121212;
  --bg2:#151515;
  --card:#181818;
  --card2:#1c1c1c;
  --line:rgba(255,255,255,.105);
  --line2:rgba(255,255,255,.075);
  --text:#f8f8f8;
  --muted:#a1a1a1;
  --soft:#ffffff;
  --green:#3ecf8e;
  --green2:#00a76f;
  --green-glow:rgba(62,207,142,.16);
  --gold:#3ecf8e;
  --gold-glow:rgba(62,207,142,.12);
  --red:#ff6b6b;
  --glass:rgba(18,18,18,.92);
  --glass-border:rgba(255,255,255,.10);
  --radius:16px;
  --radius2:12px;
  --topbarH:72px;
  --navH:74px;
  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:0 28px 70px rgba(0,0,0,.55);
  --font-body:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html,body{background:#121212 !important;color:var(--text);}
body{
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.55;
  letter-spacing:-.01em;
}

.app-shell{
  background:#121212 !important;
  box-shadow:none;
  border-left:1px solid rgba(255,255,255,.05);
  border-right:1px solid rgba(255,255,255,.05);
}
.app-shell::before{
  background:
    radial-gradient(ellipse 65% 28% at 50% 0%, rgba(62,207,142,.09), transparent 70%),
    linear-gradient(180deg,#121212 0%,#121212 42%,#101010 100%) !important;
}

.glass{
  background:rgba(18,18,18,.92) !important;
  border-color:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.topbar{
  height:calc(76px + env(safe-area-inset-top));
  padding:0 24px;
  padding-top:env(safe-area-inset-top);
  border-bottom:1px solid rgba(255,255,255,.11) !important;
  background:#121212 !important;
}
.brand{gap:13px;}
.logo-mark{
  width:37px;
  height:37px;
  border-radius:10px;
  background:#121212;
  border:0;
  box-shadow:none;
}
.logo-mark img{border-radius:9px;object-fit:contain;background:transparent;}
.brand-copy b{
  font-size:24px;
  font-weight:800;
  letter-spacing:-.055em;
  color:#fff;
}
.brand-copy small{display:none;}
.top-actions{gap:9px;}

.content{
  padding:24px 24px calc(var(--navH) + 34px);
}

.eyebrow{
  color:#3ecf8e;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:800;
  margin-bottom:10px;
}
.page-title,
.hero h1,
.compact-hero h1,
.daily-quote-slide h1,
.modal h2{
  font-family:var(--font-display);
  color:#fff;
  font-weight:700;
  letter-spacing:-.065em;
}
.page-title,
.hero h1,
.compact-hero h1{
  font-size:42px;
  line-height:1.08;
  margin-bottom:13px;
}
.daily-quote-slide h1{font-size:34px;line-height:1.08;}
.section-head h2{
  color:#fff;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.055em;
}
.muted,.hero p,.group-card-head p,.stage-note,.pro-seq-head small{
  color:#a1a1a1 !important;
  font-size:15px;
  line-height:1.58;
}
.see{color:#3ecf8e;font-weight:700;}

.hero,.compact-hero,.quote-hero,.card,.main-tool-card,.feature-card-simple,.cheat-panel,.pro-seq-card,.inline-script,.ready-script,.modal-card,.price-card,.admin-card,.crm-form-card,.crm-admin-gate,.crm-settings-card,.crm-row{
  background:#181818 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.hero,.compact-hero,.quote-hero{
  border-radius:16px !important;
  padding:26px 24px !important;
}
.hero::after,.feature-card-simple::before,.single-main-card .feature-card-simple::before,.soon-card::before{display:none !important;}
.card,.main-tool-card,.feature-card-simple,.cheat-panel,.pro-seq-card,.inline-script,.ready-script,.price-card{
  border-radius:14px !important;
}
.card{padding:20px;}
.section{margin-top:28px;}
.section-head{margin-bottom:14px;}
.grid,.main-card-stack{gap:12px;}

.primary,.secondary,.ghost-btn,.mini-btn,.chip,.pro-pill,.seg-btn,.choice,.back-link,.copy-btn,.close,.crm-tab{
  border-radius:8px !important;
  box-shadow:none !important;
  font-family:var(--font-body);
}
.primary{
  background:#008f5d !important;
  border:1px solid #12b981 !important;
  color:#fff !important;
  font-size:16px;
  font-weight:700;
  padding:14px 18px;
}
.primary:hover{background:#00a76f !important;filter:none;}
.secondary,.ghost-btn,.mini-btn,.chip,.crm-tab,.back-link,.copy-btn,.close{
  background:#1f1f1f !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#f3f3f3 !important;
  font-weight:650;
}
.secondary:hover,.ghost-btn:hover,.mini-btn:hover,.chip:hover,.crm-tab:hover,.back-link:hover{background:#262626 !important;}
.pro-pill{
  background:#1f1f1f !important;
  border:1px solid rgba(62,207,142,.42) !important;
  color:#3ecf8e !important;
  padding:10px 13px;
  font-size:12px;
  font-weight:800;
}
.chip{padding:10px 12px;font-size:12px;}

.hero-actions{gap:12px;margin-top:22px;}
.stats{gap:10px;margin-top:18px;}
.stats>div,.stat{
  background:#1d1d1d !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:12px;
  padding:14px 8px;
}
.stats>div b,.stat b{color:#fff;font-size:20px;font-weight:700;}
.stats>div span,.stat span{color:#a1a1a1;font-size:11px;}

.feature-grid-simple{gap:12px;}
.feature-card-simple{
  min-height:132px;
  padding:16px 15px;
  background:#181818 !important;
}
.feature-card-simple:hover{border-color:rgba(62,207,142,.40) !important;}
.feature-card-simple .feature-icon{font-size:25px;opacity:.96;}
.feature-card-simple b{
  color:#fff;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.035em;
}
.feature-card-simple small{color:#a1a1a1 !important;font-size:12px;line-height:1.42;}
.feature-card-simple .badge{
  background:rgba(62,207,142,.10) !important;
  border:1px solid rgba(62,207,142,.35) !important;
  color:#3ecf8e !important;
}
.feature-card-simple .badge.gold{color:#3ecf8e !important;}
.flagship-card,.single-main-card .feature-card-simple,.apv145-process-card,.soon-card{
  background:#181818 !important;
  border-color:rgba(62,207,142,.35) !important;
  color:#fff !important;
}
.flagship-card b,.flagship-card small,.single-main-card .feature-card-simple b,.single-main-card .feature-card-simple small,
.apv145-process-card h3,.apv145-process-card p,.apv145-process-card small,.apv145-process-card b,.apv145-process-card strong,.apv145-process-card em{
  color:#fff !important;
}
.flagship-card small,.single-main-card .feature-card-simple small,.apv145-process-copy p{color:#a1a1a1 !important;}
.process-flow span,.apv145-quickline span,.apv144-process-foot span{
  background:#1f1f1f !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#cfcfcf !important;
}
.apv145-cta-bar{
  background:#1f1f1f !important;
  border-color:rgba(62,207,142,.28) !important;
}
.apv145-cta-bar strong{
  background:#008f5d !important;
  border-color:#12b981 !important;
  color:#fff !important;
}

.tabs,.crm-tabbar{gap:9px;padding:2px 0 12px;}
.seg-btn,.crm-tab{
  padding:10px 14px;
  color:#a1a1a1 !important;
}
.seg-btn.active,.crm-tab.active{
  background:#008f5d !important;
  border-color:#12b981 !important;
  color:#fff !important;
}

.choice{
  background:#1f1f1f !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#f5f5f5 !important;
  padding:15px;
  font-weight:600;
}
.choice:hover,.choice.active{
  background:rgba(62,207,142,.09) !important;
  border-color:rgba(62,207,142,.40) !important;
}
.choice.active b,.pro-seq-head em{color:#3ecf8e !important;}
.question{font-size:21px;line-height:1.22;color:#fff;letter-spacing:-.055em;}
.script-text{
  background:#121212 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#eeeeee;
  border-radius:10px;
}
.script-card::before{background:#3ecf8e;}

.bottom-nav{
  width:min(480px,100%);
  background:#121212 !important;
  border-top:1px solid rgba(255,255,255,.11) !important;
  border-radius:0 !important;
  padding:10px 12px calc(12px + env(safe-area-inset-bottom));
}
.nav-item{
  color:#8f8f8f;
  border-radius:8px;
  font-size:10px;
  font-weight:650;
}
.nav-item span{font-size:20px;}
.nav-item.active{
  color:#3ecf8e !important;
  background:rgba(62,207,142,.09) !important;
}
.bottom-nav .nav-item[data-tab="process"]{
  transform:none !important;
  background:#1f1f1f !important;
  border:1px solid rgba(62,207,142,.30) !important;
  animation:none !important;
  border-radius:10px;
}
.bottom-nav .nav-item[data-tab="process"] span{color:#3ecf8e !important;}

.modal{background:rgba(0,0,0,.70);backdrop-filter:blur(8px);}
.modal-card{
  border-radius:16px !important;
  padding:24px !important;
  background:#181818 !important;
}
.modal h2{font-size:28px;line-height:1.08;margin-bottom:10px;}
.close{width:38px;height:38px;}
.price-card h3{color:#fff !important;letter-spacing:-.06em;}
.price-card small,.price-card p,.plan-includes span,.plan-limit{color:#a1a1a1 !important;}
.price-card.featured{border-color:rgba(62,207,142,.42) !important;}

input,select,textarea,.checkout-form input,.checkout-form select,.checkout-form textarea,.crm-filterbar input,.crm-filterbar select,.crm-form-card input,.crm-form-card select,.crm-form-card textarea,.crm-admin-gate input{
  background:#121212 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-radius:8px !important;
  font-family:var(--font-body) !important;
}
input::placeholder,textarea::placeholder{color:#737373 !important;}
label{color:#f5f5f5 !important;}
.qr-box,.messenger-template-box,.payment-help-note,.form-divider,.pro-unlocked-box,.pro-mode-banner,.locked,.locked-card,.preview-lock-note,.apv152-offline-card{
  background:#181818 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.pro-unlocked-box span::before{color:#3ecf8e;}
.pro-mode-banner>span{background:#008f5d !important;color:#fff !important;}
body.is-pro .pro-pill{background:#008f5d !important;color:#fff !important;border-color:#12b981 !important;}

.admin-page .app-shell{max-width:1080px;}
.admin-page .content{max-width:1040px;margin:0 auto;}
.crm-filterbar{gap:12px;}
.crm-row{border-radius:14px !important;padding:16px !important;}
.admin-status-pill{border-radius:999px !important;background:#1f1f1f !important;border:1px solid rgba(255,255,255,.11) !important;}
.admin-status-pill.status-active,.admin-status-pill.status-approved{color:#3ecf8e !important;border-color:rgba(62,207,142,.35) !important;background:rgba(62,207,142,.09) !important;}
.admin-status-pill.status-pending{color:#f5d36b !important;background:rgba(245,211,107,.08) !important;border-color:rgba(245,211,107,.25) !important;}
.admin-status-pill.status-expired,.admin-status-pill.status-rejected{color:#ff8b8b !important;background:rgba(255,139,139,.08) !important;border-color:rgba(255,139,139,.25) !important;}

@media (max-width:430px){
  .topbar{padding-left:24px;padding-right:24px;}
  .brand-copy b{font-size:23px;}
  .content{padding:24px 24px calc(var(--navH) + 32px);}
  .page-title,.hero h1,.compact-hero h1{font-size:39px;line-height:1.08;}
  .daily-quote-slide h1{font-size:31px;}
  .hero,.compact-hero,.quote-hero{padding:24px 20px !important;}
  .hero-actions{grid-template-columns:1fr;}
  .primary,.secondary{font-size:15px;padding:14px 16px;}
  .feature-grid-simple,.two{grid-template-columns:1fr 1fr;gap:10px;}
  .feature-card-simple{min-height:126px;padding:15px 13px;}
  .modal-card{padding:22px !important;}
  .pricing-grid{grid-template-columns:1fr !important;}
}

@media (max-width:360px){
  .topbar{padding-left:18px;padding-right:18px;}
  .content{padding-left:18px;padding-right:18px;}
  .page-title,.hero h1,.compact-hero h1{font-size:34px;}
  .brand-copy b{font-size:21px;}
  .chip{display:none;}
}

/* v157 Supabase mobile refinement: compact typography + More replacement */
.apv157-free-hero-card{
  padding:24px 22px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(0,82,52,.82),rgba(2,37,23,.78)) !important;
}
.apv157-free-welcome .apv139-free-pill{
  padding:8px 13px !important;
  font-size:10px !important;
  letter-spacing:.13em !important;
  margin-bottom:12px !important;
}
.apv140-free-hero-card.apv157-free-hero-card .apv157-free-welcome h1{
  font-size:31px !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  margin:10px 0 10px !important;
  max-width:13ch;
}
.apv140-free-hero-card.apv157-free-hero-card .apv157-free-welcome p{
  font-size:15px !important;
  line-height:1.45 !important;
  color:#c8d0cc !important;
  max-width:29rem;
}
.apv157-free-hero-card .apv123-hero-divider{margin:18px 0 !important;}
.apv157-free-hero-card .daily-quote-slide h1,
.apv157-free-hero-card .daily-quote-slide h2{
  font-size:21px !important;
  line-height:1.15 !important;
  letter-spacing:-.045em !important;
}
.apv157-free-hero-card .apv119-eyebrow{font-size:10px !important;letter-spacing:.16em !important;}

.apv157-free-more .apv119-page-head h1,
.apv157-more .apv119-page-head h1{
  font-size:34px !important;
  line-height:1.04 !important;
  letter-spacing:-.06em !important;
  margin-bottom:8px !important;
}
.apv157-free-more .apv119-page-head p,
.apv157-more .apv119-page-head p{
  font-size:16px !important;
  line-height:1.45 !important;
  color:#a7b8af !important;
}
.apv157-free-more .apv139-free-more-account-card{
  padding:18px !important;
  border-radius:22px !important;
  grid-template-columns:auto 1fr;
  gap:12px;
  background:linear-gradient(180deg,rgba(0,73,47,.74),rgba(13,13,13,.9)) !important;
}
.apv157-free-more .apv139-free-account-icon{
  width:44px !important;height:44px !important;border-radius:14px !important;font-size:18px !important;
}
.apv157-free-more .apv139-free-more-account-card h2{
  font-size:23px !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  margin:2px 0 6px !important;
}
.apv157-free-more .apv139-free-more-account-card p{
  font-size:14px !important;
  line-height:1.4 !important;
  color:#b6c4bd !important;
  margin-top:6px !important;
}
.apv157-free-more .apv119-email{font-size:12px !important;color:#a7b8af !important;}
.apv157-free-more .apv153-free-sync-actions{margin:.8rem 0 .9rem !important;}
.apv157-free-more .apv153-free-sync-actions .apv119-primary-action{
  min-height:64px !important;
  border-radius:18px !important;
  background:#3ecf8e !important;
  box-shadow:0 14px 34px rgba(62,207,142,.18) !important;
}
.apv157-free-more .apv119-code-card{
  padding:16px !important;
  border-radius:18px !important;
}
.apv157-offer-stack{gap:14px !important;}
.apv157-image-offer-panel{border-radius:22px !important;}
.apv157-image-offer-panel img{border-radius:22px !important;}
.apv157-pricing-wrap{margin:0;}
.apv157-pricing-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.apv157-price-card{
  padding:20px !important;
  border-radius:22px !important;
  background:#181818 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.apv157-price-card.featured{border-color:rgba(62,207,142,.45) !important;}
.apv157-price-card small{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#a1a1a1 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.apv157-price-card h3{
  font-size:36px !important;
  line-height:1 !important;
  margin:18px 0 12px !important;
  letter-spacing:-.06em !important;
}
.apv157-price-card p{font-size:15px !important;color:#a1a1a1 !important;margin-bottom:16px !important;}
.apv157-price-card .plan-includes{
  padding:14px !important;
  border-radius:16px !important;
  background:#141414 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.apv157-price-card .plan-includes b{
  font-size:13px !important;
  letter-spacing:.09em !important;
  color:#3ecf8e !important;
}
.apv157-price-card .plan-includes span{
  font-size:13px !important;
  line-height:1.35 !important;
  color:#a1a1a1 !important;
}
.apv157-price-card .plan-includes span::before{color:#3ecf8e !important;}
.apv157-price-card .plan-limit{
  display:block;
  margin:14px 0 0 !important;
  font-size:13px !important;
  line-height:1.3 !important;
  color:#a1a1a1 !important;
}
.apv157-price-card .old-price-line{
  margin:18px 0 12px !important;
  color:#f2d07a !important;
  font-weight:700 !important;
  font-size:15px !important;
}
.apv157-price-card .old-price-line span{text-decoration:line-through;text-decoration-thickness:2px;opacity:.85;}
.apv157-price-card .primary.full,.apv157-price-card .secondary.full{
  min-height:52px !important;
  border-radius:10px !important;
  margin-top:16px !important;
  font-size:15px !important;
}
.apv157-price-card .primary.full{background:#008f5d !important;border-color:#12b981 !important;color:#fff !important;}
.apv157-price-card .secondary.full{background:#1f1f1f !important;border-color:rgba(255,255,255,.12) !important;color:#fff !important;}
@media (max-width:430px){
  .apv157-free-hero-card{padding:22px 20px !important;}
  .apv140-free-hero-card.apv157-free-hero-card .apv157-free-welcome h1{font-size:29px !important;}
  .apv140-free-hero-card.apv157-free-hero-card .apv157-free-welcome p{font-size:14px !important;}
  .apv157-free-more .apv119-page-head h1{font-size:32px !important;}
}

/* v158 targeted refinements requested from mobile screenshots */
.apv158-free-hero-card{
  padding:18px 18px !important;
  border-radius:24px !important;
}
.apv158-free-welcome{
  padding:0 !important;
  margin:0 !important;
}
.apv158-free-welcome .apv139-free-pill{
  padding:7px 12px !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
  margin-bottom:8px !important;
}
.apv140-free-hero-card.apv157-free-hero-card.apv158-free-hero-card .apv158-free-welcome h1{
  font-size:24px !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  margin:8px 0 8px !important;
  max-width:100% !important;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.apv140-free-hero-card.apv157-free-hero-card.apv158-free-hero-card .apv158-free-welcome p{
  font-size:13px !important;
  line-height:1.38 !important;
  color:#c5d2cc !important;
  max-width:31rem !important;
  margin:0 !important;
}
.apv158-free-hero-card .apv123-hero-divider{margin:14px 0 !important;}

/* Sales Cheat Code: make label light green and pulse dot neon green */
.apv145-process-card .apv145-main-pill,
.apv124-process-card .apv145-main-pill{
  color:#7dffb0 !important;
  background:rgba(62,207,142,.10) !important;
  border-color:rgba(62,207,142,.28) !important;
  text-shadow:0 0 14px rgba(62,207,142,.35) !important;
}
.apv145-pulse-dot{
  background:#3ecf8e !important;
  border:2px solid rgba(190,255,220,.95) !important;
  box-shadow:0 0 0 0 rgba(62,207,142,.75),0 0 18px rgba(62,207,142,.95) !important;
  animation:apv158NeonPulse 1.35s ease-in-out infinite !important;
}
@keyframes apv158NeonPulse{
  0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(62,207,142,.78),0 0 16px rgba(62,207,142,.85);}
  70%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(62,207,142,0),0 0 24px rgba(62,207,142,1);}
  100%{transform:scale(.9);box-shadow:0 0 0 0 rgba(62,207,142,0),0 0 16px rgba(62,207,142,.85);}
}

/* Tools cards: remove blurry locked spans and make labels readable in Free Mode */
.apv157-home .apv119-tools-grid .apv119-tool-card.locked span,
.apv157-home .apv119-tools-grid .apv119-tool-card.locked .apv119-emoji,
.apv157-home .apv119-tools-grid .apv119-tool-card.locked .apv119-badge,
.apv157-home .apv119-tools-grid .apv119-tool-card.locked b,
.apv157-home .apv119-tools-grid .apv119-tool-card.locked small{
  filter:none !important;
  opacity:1 !important;
  user-select:auto !important;
}
.apv157-home .apv119-tools-grid .apv119-tool-card.locked{
  background:#171717 !important;
  border-style:solid !important;
  border-color:rgba(255,255,255,.12) !important;
}
.apv157-home .apv119-tools-grid .apv119-tool-card.locked .apv119-emoji{
  color:#f2f2f2 !important;
  font-size:24px !important;
}
.apv157-home .apv119-tools-grid .apv119-tool-card.locked .apv119-badge{
  color:#71f2a6 !important;
  background:rgba(62,207,142,.10) !important;
  border-color:rgba(62,207,142,.22) !important;
}
.apv157-home .apv119-tools-grid .apv119-tool-card.locked b{color:#f4f4f4 !important;}
.apv157-home .apv119-tools-grid .apv119-tool-card.locked small{color:#b8c2bd !important;}

/* More page: compact header + collapsible account info */
.apv157-free-more .apv119-page-head{margin-bottom:12px !important;}
.apv157-free-more .apv119-page-head h1{
  font-size:29px !important;
  letter-spacing:-.05em !important;
  margin-bottom:4px !important;
}
.apv157-free-more .apv119-page-head p{
  font-size:14px !important;
  line-height:1.35 !important;
}
.apv157-free-more .apv158-free-account-details{
  display:block !important;
  padding:0 !important;
  border-radius:20px !important;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(0,73,47,.72),rgba(13,13,13,.88)) !important;
}
.apv158-free-account-details summary{
  list-style:none;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:13px !important;
  cursor:pointer;
}
.apv158-free-account-details summary::-webkit-details-marker{display:none;}
.apv158-free-account-details .apv139-free-account-icon{
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  font-size:16px !important;
}
.apv158-account-summary-copy{display:grid;gap:2px;min-width:0;}
.apv158-account-summary-copy b{
  color:#ecfff4 !important;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px !important;
  line-height:1.1;
}
.apv158-account-summary-copy small{
  color:#aab8b1 !important;
  font-size:12px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.apv158-account-toggle{
  color:#3ecf8e !important;
  border:1px solid rgba(62,207,142,.25);
  background:rgba(62,207,142,.08);
  border-radius:999px;
  padding:7px 9px;
  font-size:11px !important;
  font-weight:850;
  white-space:nowrap;
}
.apv158-free-account-details .hide-label{display:none;}
.apv158-free-account-details[open] .show-label{display:none;}
.apv158-free-account-details[open] .hide-label{display:inline;}
.apv158-account-panel{
  padding:0 14px 14px 14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.apv157-free-more .apv158-account-panel h2{
  font-size:20px !important;
  line-height:1.05 !important;
  margin:6px 0 !important;
  overflow-wrap:anywhere;
}
.apv157-free-more .apv158-account-panel p{
  font-size:13px !important;
  line-height:1.35 !important;
}
.apv157-free-more .apv153-free-sync-actions{margin:.65rem 0 .8rem !important;}
.apv157-free-more .apv153-free-sync-actions .apv119-primary-action{
  min-height:56px !important;
  border-radius:18px !important;
  padding:12px 16px !important;
}
.apv157-free-more .apv153-free-sync-actions .apv119-primary-action b{font-size:16px !important;}
.apv157-free-more .apv153-free-sync-actions .apv119-primary-action small{font-size:12px !important;}

/* v160 REAL MOBILE FIXES — visible compact Supabase-style refinements */
.apv160-home .apv160-free-hero-card{
  padding:14px 16px 16px !important;
  border-radius:26px !important;
  min-height:0 !important;
}
.apv160-home .apv160-free-welcome{
  padding:0 !important;
  margin:0 !important;
}
.apv160-home .apv160-free-welcome .apv139-free-pill{
  display:inline-flex !important;
  width:auto !important;
  padding:7px 13px !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  margin:0 0 10px !important;
}
.apv160-home .apv160-free-welcome h1{
  font-size:24px !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  margin:0 0 8px !important;
  max-width:100% !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}
.apv160-home .apv160-free-welcome p{
  font-size:13px !important;
  line-height:1.38 !important;
  color:#a8b9b0 !important;
  margin:0 !important;
  max-width:34ch !important;
}
.apv160-home .apv160-free-hero-card .apv123-hero-divider{
  margin:14px 0 !important;
}
.apv160-home .apv160-free-hero-card .apv123-quote-wrap{padding-top:0 !important;}
.apv160-home .apv160-free-hero-card .apv119-eyebrow,
.apv160-home .apv160-free-hero-card .apv123-news-head .apv119-eyebrow{
  font-size:11px !important;
  letter-spacing:.16em !important;
}
.apv160-home .apv160-free-hero-card .daily-quote-slide h2,
.apv160-home .apv160-free-hero-card .daily-quote-slide blockquote,
.apv160-home .apv160-free-hero-card .daily-quote-slide p:first-child{
  font-size:21px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
}
.apv160-home .apv160-free-hero-card .daily-quote-slide small,
.apv160-home .apv160-free-hero-card .daily-quote-slide .muted{
  font-size:12px !important;
}
.apv160-home .apv145-main-pill,
.apv160-home .apv124-process-card .apv145-main-pill{
  color:#74f8a7 !important;
  background:rgba(62,207,142,.10) !important;
  border-color:rgba(62,207,142,.32) !important;
  text-shadow:0 0 16px rgba(62,207,142,.42) !important;
}
.apv160-home .apv145-pulse-dot{
  width:15px !important;
  height:15px !important;
  background:#3ecf8e !important;
  border:2px solid #c8ffe0 !important;
  box-shadow:0 0 0 0 rgba(62,207,142,.9),0 0 20px rgba(62,207,142,1) !important;
  animation:apv160NeonPulse 1.2s ease-in-out infinite !important;
}
@keyframes apv160NeonPulse{
  0%{transform:scale(.88);box-shadow:0 0 0 0 rgba(62,207,142,.85),0 0 16px rgba(62,207,142,.95)}
  70%{transform:scale(1.1);box-shadow:0 0 0 13px rgba(62,207,142,0),0 0 26px rgba(62,207,142,1)}
  100%{transform:scale(.88);box-shadow:0 0 0 0 rgba(62,207,142,0),0 0 16px rgba(62,207,142,.95)}
}
/* override global .locked blur for home tools */
.apv160-home .apv119-tools-grid .apv119-tool-card,
.apv160-home .apv119-tools-grid .apv119-tool-card *{
  filter:none !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.apv160-home .apv119-tools-grid .apv119-tool-card.locked span,
.apv160-home .apv119-tools-grid .apv119-tool-card.locked b,
.apv160-home .apv119-tools-grid .apv119-tool-card.locked small,
.apv160-home .apv119-tools-grid .apv119-tool-card.locked em{
  filter:none !important;
  user-select:auto !important;
}
.apv160-home .apv119-tools-grid .apv119-tool-card.locked{
  background:#171717 !important;
  border-color:rgba(255,255,255,.12) !important;
  border-style:solid !important;
}
.apv160-home .apv119-tools-grid .apv119-tool-card .apv119-emoji{font-size:24px !important;color:#f1f1f1 !important;}
.apv160-home .apv119-tools-grid .apv119-tool-card .apv119-badge{font-size:10px !important;color:#78f7a9 !important;background:rgba(62,207,142,.11) !important;border-color:rgba(62,207,142,.25) !important;}
.apv160-home .apv119-tools-grid .apv119-tool-card b{color:#f5f5f5 !important;font-size:14px !important;line-height:1.08 !important;}
.apv160-home .apv119-tools-grid .apv119-tool-card small{color:#aab8b1 !important;font-size:11px !important;line-height:1.22 !important;}
.apv160-home .apv119-tools-grid .apv119-tool-card em{color:#75f8a8 !important;font-size:11px !important;}

.apv160-free-more .apv119-page-head{margin:0 0 12px !important;}
.apv160-free-more .apv119-page-head h1{font-size:30px !important;line-height:.95 !important;margin:0 0 7px !important;letter-spacing:-.055em !important;}
.apv160-free-more .apv119-page-head p{font-size:14px !important;line-height:1.38 !important;color:#9db0a6 !important;}
.apv160-free-more .apv160-account-details{display:block !important;padding:0 !important;border-radius:22px !important;overflow:hidden;background:linear-gradient(180deg,rgba(0,70,44,.70),rgba(18,18,18,.95)) !important;}
.apv160-account-details summary{list-style:none;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:13px 14px !important;cursor:pointer;}
.apv160-account-details summary::-webkit-details-marker{display:none;}
.apv160-account-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#caffd9,#2de87a);color:#06140d;font-size:19px;font-weight:950;}
.apv160-account-summary{display:grid;gap:2px;min-width:0;}
.apv160-account-summary b{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#eafff1;line-height:1.05;}
.apv160-account-summary small{font-size:12px;color:#9fb0a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.apv160-toggle-pill{border:1px solid rgba(62,207,142,.28);background:rgba(62,207,142,.08);color:#3ecf8e;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:850;white-space:nowrap;}
.apv160-account-details .hide-label{display:none;}.apv160-account-details[open] .show-label{display:none;}.apv160-account-details[open] .hide-label{display:inline;}
.apv160-account-panel{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.07);}
.apv160-account-panel .apv119-eyebrow{font-size:10px !important;margin:12px 0 6px !important;}
.apv160-account-panel h2{font-size:20px !important;line-height:1.05 !important;margin:0 0 6px !important;overflow-wrap:anywhere;}
.apv160-account-panel p{font-size:13px !important;line-height:1.35 !important;color:#b8c8bf !important;margin:6px 0 0 !important;}
.apv160-free-more .apv153-free-sync-actions{margin:10px 0 12px !important;}
.apv160-free-more .apv153-free-sync-actions .apv119-primary-action{min-height:58px !important;border-radius:18px !important;padding:12px 16px !important;}
.apv160-free-more .apv153-free-sync-actions .apv119-primary-action span{font-size:20px !important;}
.apv160-free-more .apv153-free-sync-actions .apv119-primary-action b{font-size:16px !important;}
.apv160-free-more .apv153-free-sync-actions .apv119-primary-action small{font-size:12px !important;}
@media(max-width:430px){
  .apv160-home .apv160-free-welcome h1{font-size:23px !important;}
  .apv160-home .apv160-free-welcome p{font-size:12.7px !important;}
}


/* v160 Official Ahente Pro Brand Identity */
.logo-mark{background:#000 !important;border-color:rgba(91,255,174,.28) !important;box-shadow:0 0 0 1px rgba(91,255,174,.12),0 10px 24px rgba(0,0,0,.42) !important;overflow:hidden !important;}
.logo-mark img{border-radius:0 !important;object-fit:cover !important;background:#000 !important;}
.brand-copy b{font-family:Inter, Plus Jakarta Sans, system-ui, sans-serif !important;font-weight:900 !important;letter-spacing:-.055em !important;color:#fff !important;}
.brand-copy b::after{content:' Pro';color:#63f59e;}
.brand-copy b{font-size:0 !important;}
.brand-copy b::before{content:'Ahente';font-size:22px;}
.brand-copy small{color:rgba(213,234,222,.70) !important;}
.apv133-login-logo,.apv136-brand-logo,.apv137-brand-logo{background:#000 !important;border-color:rgba(91,255,174,.22) !important;overflow:hidden !important;}
.apv133-login-logo img,.apv136-brand-logo img,.apv137-brand-logo img{border-radius:0 !important;object-fit:cover !important;background:#000 !important;}
.apv160-brand-full{display:flex;align-items:center;justify-content:flex-start;width:min(310px,72vw);height:82px;padding:0;margin:0;background:#000;border:1px solid rgba(91,255,174,.18);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 1px rgba(91,255,174,.06);}
.apv160-brand-full img{width:100%;height:100%;object-fit:contain;display:block;background:#000;}
.apv136-brand-wrap:has(.apv160-brand-full){gap:0 !important;align-items:center;}
@media(max-width:420px){.apv160-brand-full{width:min(255px,64vw);height:64px;border-radius:18px}.brand-copy b::before{font-size:20px}}
@media(max-width:360px){.apv160-brand-full{width:min(225px,60vw);height:58px}.brand-copy b::before{font-size:18px}.top-actions{gap:7px}.chip,.pro-pill{padding-inline:12px !important}}

/* v161 Official brand correction: transparent wordmark + complete header text */
.brand{min-width:0 !important;}
.logo-mark{background:#000 !important;border-radius:16px !important;display:grid !important;place-items:center !important;flex:0 0 auto !important;}
.logo-mark img{width:100% !important;height:100% !important;object-fit:cover !important;background:#000 !important;border-radius:0 !important;}
.brand-copy{display:flex !important;flex-direction:column !important;min-width:0 !important;line-height:1.02 !important;}
.brand-copy b{font-size:0 !important;line-height:1 !important;white-space:nowrap !important;letter-spacing:-.055em !important;}
.brand-copy b::before{content:'Ahente' !important;font-size:22px !important;color:#fff !important;font-weight:900 !important;}
.brand-copy b::after{content:' Pro' !important;font-size:22px !important;color:#63f59e !important;font-weight:900 !important;}
.brand-copy small{display:block !important;font-size:9.5px !important;line-height:1.1 !important;color:rgba(213,234,222,.72) !important;max-width:170px !important;white-space:normal !important;overflow:visible !important;}
@media(max-width:420px){
  .topbar{padding-inline:24px !important;}
  .brand-copy b::before,.brand-copy b::after{font-size:20px !important;}
  .brand-copy small{font-size:9px !important;max-width:154px !important;}
}
@media(max-width:370px){
  .topbar{padding-inline:18px !important;}
  .logo-mark{width:52px !important;height:52px !important;}
  .brand-copy b::before,.brand-copy b::after{font-size:18px !important;}
  .brand-copy small{font-size:8px !important;max-width:130px !important;}
}

.apv161-brand-row{display:flex;align-items:center;gap:12px;width:min(390px,100%);margin:0 0 22px;}
.apv161-login-icon{width:72px;height:72px;flex:0 0 72px;border-radius:22px;background:#000;border:1px solid rgba(91,255,174,.24);display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.38),0 0 0 1px rgba(91,255,174,.07);}
.apv161-login-icon img{width:100%;height:100%;object-fit:cover;display:block;background:#000;}
.apv161-wordmark{height:72px;min-width:0;flex:1;display:flex;align-items:center;background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important;}
.apv161-wordmark img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;background:transparent !important;}
.apv136-brand-wrap:has(.apv161-brand-row){width:100%;}
.apv140-login-page .apv136-hero-top{align-items:flex-start !important;gap:12px !important;}
.apv140-login-page .apv136-go-pro-pill{flex:0 0 auto;margin-top:14px;}
@media(max-width:420px){
  .apv161-brand-row{gap:10px;margin-bottom:20px;width:100%;}
  .apv161-login-icon{width:60px;height:60px;flex-basis:60px;border-radius:18px;}
  .apv161-wordmark{height:60px;}
}
@media(max-width:360px){
  .apv161-login-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;}
  .apv161-wordmark{height:54px;}
}

/* v162 Supabase-clean login screen + fixed brand tagline */
:root{
  --apv162-bg:#121212;
  --apv162-panel:#171717;
  --apv162-panel-2:#1b1b1b;
  --apv162-border:rgba(255,255,255,.11);
  --apv162-muted:#a1a1a1;
  --apv162-text:#f4f4f4;
  --apv162-green:#3ecf8e;
  --apv162-green-2:#66f6ad;
}
body.apv134-guest-login-active{
  background:#121212 !important;
}
body.apv134-guest-login-active .app-shell,
body.apv134-guest-login-active .content{
  background:#121212 !important;
}
.apv162-login-page{
  min-height:100svh !important;
  padding:0 0 42px !important;
  display:block !important;
  background:#121212 !important;
}
.apv162-hero-shell{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:24px 23px 44px !important;
  border-radius:0 !important;
  border:0 !important;
  background:#121212 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.apv162-hero-shell::before,
.apv162-hero-shell::after{
  display:none !important;
}
.apv162-hero-top{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 0 32px !important;
  margin:0 0 34px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.apv162-brand-wrap,
.apv162-brand-row{
  width:100% !important;
}
.apv162-brand-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important;
}
.apv162-login-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:12px !important;
  background:#000 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.apv162-login-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:12px !important;
}
.apv162-wordmark{
  height:42px !important;
  max-width:230px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.apv162-wordmark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
}
.apv162-hero-content{
  margin:0 !important;
  text-align:center !important;
}
.apv162-copy-column{
  max-width:620px !important;
  margin:0 auto !important;
}
.apv162-eyebrow{
  font-family:Inter,system-ui,sans-serif !important;
  font-size:15px !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#fff !important;
  font-weight:700 !important;
  margin:0 0 28px !important;
}
.apv162-copy-column h1{
  font-family:Inter,system-ui,sans-serif !important;
  margin:0 !important;
  font-size:clamp(3.15rem,15.2vw,5.4rem) !important;
  font-weight:500 !important;
  letter-spacing:-.055em !important;
  line-height:1.04 !important;
  color:#f5f5f5 !important;
}
.apv162-copy-column h1 span{
  color:#3ecf8e !important;
  font-weight:500 !important;
  background:none !important;
  -webkit-text-fill-color:#3ecf8e !important;
  text-shadow:none !important;
}
.apv162-intro{
  max-width:560px !important;
  margin:28px auto 0 !important;
  color:#f1f1f1 !important;
  font-size:1.08rem !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  text-align:center !important;
}
.apv162-form-card{
  width:100% !important;
  max-width:600px !important;
  margin:34px auto 0 !important;
  padding:20px !important;
  border-radius:18px !important;
  background:#171717 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.apv162-form-card label{
  font-family:Inter,system-ui,sans-serif !important;
  color:#f5f5f5 !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:-.015em !important;
  margin-bottom:10px !important;
}
.apv162-input-wrap{
  height:54px !important;
  border-radius:12px !important;
  background:#1f1f1f !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
  padding:0 14px !important;
}
.apv162-input-wrap input{
  font-family:Inter,system-ui,sans-serif !important;
  font-size:.98rem !important;
  font-weight:600 !important;
  color:#fff !important;
  background:transparent !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
.apv162-submit-btn{
  min-height:54px !important;
  border-radius:12px !important;
  margin-top:14px !important;
  background:#008f5f !important;
  border:1px solid rgba(62,207,142,.55) !important;
  color:#fff !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}
.apv162-security-note{
  justify-content:center !important;
  color:#a1a1a1 !important;
  font-size:.94rem !important;
  line-height:1.45 !important;
  margin:16px auto 0 !important;
  text-align:center !important;
}
.apv162-bottom-note{
  margin-top:18px !important;
  border-radius:14px !important;
  padding:14px !important;
  background:#1b1b1b !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#d9d9d9 !important;
  box-shadow:none !important;
}
.apv162-bottom-note p{
  font-size:.95rem !important;
  line-height:1.45 !important;
  color:#d9d9d9 !important;
}
.apv162-bottom-icon{
  background:rgba(62,207,142,.12) !important;
  color:#3ecf8e !important;
  border:1px solid rgba(62,207,142,.18) !important;
  box-shadow:none !important;
}
.brand-copy small{
  color:rgba(213,234,222,.70) !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  max-width:170px !important;
}
@media(max-width:420px){
  .apv162-hero-shell{padding:20px 24px 38px !important;}
  .apv162-hero-top{padding-bottom:28px !important;margin-bottom:36px !important;}
  .apv162-login-icon{width:38px !important;height:38px !important;flex-basis:38px !important;border-radius:11px !important;}
  .apv162-login-icon img{border-radius:11px !important;}
  .apv162-wordmark{height:39px !important;max-width:205px !important;}
  .apv162-eyebrow{font-size:14px !important;margin-bottom:26px !important;}
  .apv162-copy-column h1{font-size:clamp(3.05rem,14.4vw,4.55rem) !important;line-height:1.05 !important;}
  .apv162-intro{font-size:1rem !important;line-height:1.55 !important;margin-top:26px !important;}
  .apv162-form-card{margin-top:30px !important;padding:18px !important;border-radius:16px !important;}
  .apv162-input-wrap,.apv162-submit-btn{min-height:52px !important;height:52px !important;border-radius:12px !important;}
}
@media(max-width:360px){
  .apv162-hero-shell{padding-inline:18px !important;}
  .apv162-wordmark{max-width:185px !important;}
  .apv162-copy-column h1{font-size:2.75rem !important;}
  .apv162-intro{font-size:.95rem !important;}
}


/* v163 Mobile login fit + fixed top header subtitle consistency */
:root{
  --apv163-green:#3ecf8e;
  --apv163-bg:#121212;
  --apv163-border:rgba(255,255,255,.12);
}

/* Header: keep brand title/subtitle fixed in all languages */
.topbar{
  height:calc(76px + env(safe-area-inset-top)) !important;
  padding-left:22px !important;
  padding-right:22px !important;
  overflow:hidden !important;
}
.brand{
  flex:1 1 auto !important;
  min-width:0 !important;
  gap:12px !important;
  max-width:calc(100% - 176px) !important;
}
.logo-mark{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:18px !important;
  background:#000 !important;
  border:1px solid rgba(62,207,142,.16) !important;
  box-shadow:0 8px 26px rgba(0,0,0,.36) !important;
}
.logo-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:18px !important;
}
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  width:168px !important;
  max-width:168px !important;
  overflow:visible !important;
}
.brand-copy b,
body.lang-fil .brand-copy b{
  display:block !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:24px !important;
  line-height:.98 !important;
  font-weight:900 !important;
  letter-spacing:-.06em !important;
  color:#ffffff !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.brand-copy small,
body.lang-fil .brand-copy small{
  display:block !important;
  font-family:Inter,system-ui,sans-serif !important;
  content:'Real Estate Agent Toolkit' !important;
  font-size:12.3px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:-.035em !important;
  color:rgba(213,234,222,.78) !important;
  white-space:nowrap !important;
  width:168px !important;
  max-width:168px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.top-actions{
  flex:0 0 auto !important;
  gap:8px !important;
}
#langToggle,
#langToggle.chip{
  min-width:88px !important;
  height:50px !important;
  padding:0 14px !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.pro-pill{
  min-width:94px !important;
  height:50px !important;
  padding:0 14px !important;
  font-size:14px !important;
  font-weight:850 !important;
}

/* Login screen: compact Supabase-style first-screen fit */
body.apv134-guest-login-active .content{
  padding:0 !important;
  min-height:100svh !important;
  display:block !important;
}
.apv162-login-page{
  min-height:100svh !important;
  padding:18px 24px 18px !important;
  display:grid !important;
  place-items:center !important;
  background:#121212 !important;
}
.apv162-hero-shell{
  width:min(100%,600px) !important;
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.apv162-hero-shell:before,
.apv162-hero-shell:after{display:none !important;}
.apv162-hero-top{
  justify-content:flex-start !important;
  padding:0 0 16px !important;
  margin:0 0 18px !important;
  border-bottom:1px solid rgba(255,255,255,.11) !important;
}
.apv162-brand-row{gap:12px !important;align-items:center !important;}
.apv162-login-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:12px !important;
  background:#000 !important;
  border:1px solid rgba(62,207,142,.14) !important;
}
.apv162-login-icon img{border-radius:12px !important;object-fit:contain !important;}
.apv162-wordmark{
  height:36px !important;
  width:178px !important;
  max-width:178px !important;
}
.apv162-hero-content{margin:0 !important;text-align:center !important;}
.apv162-eyebrow{
  font-size:13px !important;
  line-height:1.1 !important;
  margin:0 0 20px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:#f5f5f5 !important;
  text-transform:uppercase !important;
}
.apv162-copy-column h1{
  font-size:clamp(3rem,14.3vw,4.25rem) !important;
  line-height:.98 !important;
  font-weight:500 !important;
  letter-spacing:-.065em !important;
  margin:0 !important;
}
.apv162-intro{
  font-size:16px !important;
  line-height:1.42 !important;
  max-width:520px !important;
  margin:18px auto 0 !important;
  color:#f2f2f2 !important;
  font-weight:500 !important;
}
.apv162-form-card{
  margin:24px auto 0 !important;
  padding:16px !important;
  border-radius:16px !important;
  gap:10px !important;
  background:#171717 !important;
}
.apv162-form-card label{
  font-size:15px !important;
  line-height:1.1 !important;
  margin-bottom:2px !important;
}
.apv162-input-wrap{
  height:48px !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:12px !important;
}
.apv162-input-icon svg{width:19px !important;height:19px !important;}
.apv162-input-wrap input{
  min-width:0 !important;
  font-size:15px !important;
  line-height:1 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv162-submit-btn{
  min-height:48px !important;
  height:48px !important;
  margin-top:10px !important;
  border-radius:12px !important;
  font-size:15px !important;
}
.apv162-security-note{
  margin:12px auto 0 !important;
  font-size:13px !important;
  line-height:1.3 !important;
  max-width:340px !important;
}
.apv162-security-note svg{width:16px !important;height:16px !important;}
.apv162-bottom-note{
  margin-top:12px !important;
  padding:12px !important;
  border-radius:13px !important;
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  gap:10px !important;
  align-items:start !important;
}
.apv162-bottom-icon{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  font-size:21px !important;
}
.apv162-bottom-note p{
  font-size:13.5px !important;
  line-height:1.35 !important;
  margin:0 !important;
}

@media(max-width:430px){
  .topbar{padding-left:20px !important;padding-right:20px !important;}
  .brand{gap:10px !important;max-width:calc(100% - 170px) !important;}
  .logo-mark{width:54px !important;height:54px !important;min-width:54px !important;border-radius:17px !important;}
  .brand-copy{width:158px !important;max-width:158px !important;gap:3px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:22px !important;letter-spacing:-.065em !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:11.4px !important;width:158px !important;max-width:158px !important;letter-spacing:-.045em !important;}
  #langToggle,#langToggle.chip{min-width:82px !important;height:48px !important;font-size:13.5px !important;padding:0 12px !important;}
  .pro-pill{min-width:86px !important;height:48px !important;font-size:13.5px !important;padding:0 12px !important;}
  .apv162-login-page{padding:14px 24px 14px !important;align-items:start !important;}
  .apv162-hero-top{padding-bottom:14px !important;margin-bottom:18px !important;}
  .apv162-eyebrow{font-size:12px !important;margin-bottom:17px !important;}
  .apv162-copy-column h1{font-size:clamp(2.8rem,13.2vw,3.9rem) !important;}
  .apv162-intro{font-size:15px !important;line-height:1.36 !important;margin-top:16px !important;}
  .apv162-form-card{margin-top:20px !important;padding:14px !important;}
  .apv162-input-wrap,.apv162-submit-btn{height:46px !important;min-height:46px !important;}
  .apv162-bottom-note p{font-size:13px !important;line-height:1.32 !important;}
}
@media(max-width:390px){
  .topbar{padding-left:16px !important;padding-right:16px !important;}
  .brand{gap:9px !important;max-width:calc(100% - 160px) !important;}
  .logo-mark{width:50px !important;height:50px !important;min-width:50px !important;border-radius:16px !important;}
  .brand-copy{width:148px !important;max-width:148px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:20.5px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:10.4px !important;width:148px !important;max-width:148px !important;}
  #langToggle,#langToggle.chip{min-width:76px !important;height:46px !important;font-size:12.5px !important;padding:0 10px !important;}
  .pro-pill{min-width:80px !important;height:46px !important;font-size:12.5px !important;padding:0 10px !important;}
  .apv162-login-page{padding:12px 22px 12px !important;}
  .apv162-wordmark{height:32px !important;width:160px !important;}
  .apv162-login-icon{width:38px !important;height:38px !important;flex-basis:38px !important;}
  .apv162-hero-top{margin-bottom:14px !important;}
  .apv162-eyebrow{font-size:11px !important;margin-bottom:14px !important;}
  .apv162-copy-column h1{font-size:2.95rem !important;line-height:.96 !important;}
  .apv162-intro{font-size:14px !important;line-height:1.32 !important;margin-top:14px !important;}
  .apv162-form-card{margin-top:16px !important;}
  .apv162-input-wrap,.apv162-submit-btn{height:44px !important;min-height:44px !important;}
  .apv162-security-note{font-size:12.2px !important;margin-top:9px !important;}
  .apv162-bottom-note{margin-top:10px !important;padding:10px !important;grid-template-columns:38px 1fr !important;}
  .apv162-bottom-icon{width:38px !important;height:38px !important;font-size:19px !important;}
  .apv162-bottom-note p{font-size:12.2px !important;line-height:1.28 !important;}
}
@media(max-height:700px){
  .apv162-login-page{padding-top:10px !important;padding-bottom:10px !important;}
  .apv162-hero-top{padding-bottom:12px !important;margin-bottom:12px !important;}
  .apv162-eyebrow{margin-bottom:12px !important;}
  .apv162-copy-column h1{font-size:2.72rem !important;line-height:.94 !important;}
  .apv162-intro{font-size:13.2px !important;line-height:1.27 !important;margin-top:12px !important;}
  .apv162-form-card{margin-top:14px !important;padding:12px !important;}
  .apv162-input-wrap,.apv162-submit-btn{height:42px !important;min-height:42px !important;}
  .apv162-security-note{font-size:11.8px !important;line-height:1.2 !important;margin-top:8px !important;}
  .apv162-bottom-note{margin-top:8px !important;padding:9px !important;}
  .apv162-bottom-note p{font-size:11.8px !important;line-height:1.22 !important;}
}

/* v164 Login note cleanup + header brand polish
   Fixes duplicate Pro-user note and prevents header title overlap/pseudo duplication. */
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  width:clamp(150px, 30vw, 210px) !important;
  max-width:210px !important;
  overflow:hidden !important;
  gap:2px !important;
}
.brand-copy b,
body.lang-fil .brand-copy b{
  font-family:Inter, "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size:clamp(20px, 5vw, 26px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  color:#f7f7f7 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  display:block !important;
  max-width:100% !important;
}
.brand-copy b::before,
.brand-copy b::after,
body.lang-fil .brand-copy b::before,
body.lang-fil .brand-copy b::after{
  content:none !important;
  display:none !important;
}
.brand-copy .brand-pro{ color:#63f59e !important; }
.brand-copy small,
body.lang-fil .brand-copy small{
  display:block !important;
  font-size:clamp(8.5px, 2.08vw, 11.5px) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  color:rgba(213,234,222,.74) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  width:100% !important;
  max-width:100% !important;
}
@media(max-width:390px){
  .brand-copy{width:142px !important;max-width:142px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:20px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:8.8px !important;letter-spacing:-.055em !important;}
  .topbar{gap:9px !important;}
  .top-actions{gap:7px !important;}
  .chip,.pro-pill{padding:0 11px !important;min-width:86px !important;}
}
@media(max-width:350px){
  .brand-copy{width:126px !important;max-width:126px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:18px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:7.8px !important;}
}
.apv164-login-page .apv164-bottom-note p,
.apv136-bottom-note.apv164-bottom-note p{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  color:rgba(245,245,245,.82) !important;
}
.apv164-login-page .apv164-bottom-note strong{color:#63f59e !important;font-weight:900 !important;}
.apv164-login-page .apv164-bottom-note{
  align-items:flex-start !important;
  gap:14px !important;
}
.apv164-login-page .account-message{display:none !important;}

/* v165 Mobile header + one-line identity polish
   - Prevent header title/subtitle from overlapping language/pro buttons
   - Keep Pro/Free welcome names and More emails to one clean line */
:root{ --apv165-green:#3ecf8e; }
.topbar{
  height:calc(70px + env(safe-area-inset-top)) !important;
  padding-left:10px !important;
  padding-right:10px !important;
  gap:6px !important;
  overflow:hidden !important;
}
.brand{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  width:auto !important;
  gap:8px !important;
  overflow:hidden !important;
}
.logo-mark{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:14px !important;
  background:#000 !important;
}
.logo-mark img{object-fit:contain !important;border-radius:14px !important;}
.brand-copy{
  flex:0 1 112px !important;
  width:112px !important;
  max-width:112px !important;
  min-width:0 !important;
  overflow:hidden !important;
  gap:2px !important;
}
.brand-copy b,
body.lang-fil .brand-copy b{
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  max-width:112px !important;
}
.brand-copy small,
body.lang-fil .brand-copy small{
  font-size:8.55px !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  width:112px !important;
  max-width:112px !important;
}
.top-actions{
  flex:0 0 auto !important;
  gap:6px !important;
  min-width:0 !important;
}
#langToggle,#langToggle.chip{
  min-width:68px !important;
  width:68px !important;
  height:44px !important;
  padding:0 8px !important;
  font-size:12px !important;
  border-radius:12px !important;
  line-height:1 !important;
}
.pro-pill{
  min-width:88px !important;
  width:88px !important;
  height:44px !important;
  padding:0 8px !important;
  font-size:12px !important;
  border-radius:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
body.apv-pro .pro-pill,
.pro-pill.pro-active{
  min-width:96px !important;
  width:96px !important;
  font-size:11.5px !important;
}
@media(max-width:380px){
  .topbar{padding-left:8px !important;padding-right:8px !important;gap:5px !important;}
  .brand{gap:7px !important;}
  .logo-mark{width:42px !important;height:42px !important;min-width:42px !important;border-radius:13px !important;}
  .brand-copy{width:104px !important;max-width:104px !important;flex-basis:104px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:17px !important;max-width:104px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:8px !important;width:104px !important;max-width:104px !important;}
  #langToggle,#langToggle.chip{width:64px !important;min-width:64px !important;height:42px !important;font-size:11.5px !important;}
  .pro-pill{width:82px !important;min-width:82px !important;height:42px !important;font-size:11.2px !important;}
  body.apv-pro .pro-pill,.pro-pill.pro-active{width:90px !important;min-width:90px !important;font-size:10.8px !important;}
}
@media(max-width:340px){
  .logo-mark{width:38px !important;height:38px !important;min-width:38px !important;}
  .brand-copy{width:94px !important;max-width:94px !important;flex-basis:94px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:15.5px !important;max-width:94px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:7.2px !important;width:94px !important;max-width:94px !important;}
  #langToggle,#langToggle.chip{width:58px !important;min-width:58px !important;font-size:10.5px !important;padding:0 5px !important;}
  .pro-pill{width:76px !important;min-width:76px !important;font-size:10.5px !important;padding:0 5px !important;}
  body.apv-pro .pro-pill,.pro-pill.pro-active{width:84px !important;min-width:84px !important;font-size:10px !important;}
}

/* Pro + Free Home: compact one-line name area */
.apv123-welcome-strip,
.apv124-welcome-strip,
.apv140-free-welcome,
.apv157-free-welcome,
.apv160-free-welcome{
  min-width:0 !important;
}
.apv123-welcome-strip h1,
.apv124-welcome-strip h1,
.apv122-welcome h1,
.apv121-welcome h1,
.apv120-welcome h1,
.apv119-welcome h1,
.apv140-free-welcome h1,
.apv157-free-welcome h1,
.apv160-free-welcome h1{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:clamp(26px, 8.2vw, 38px) !important;
  line-height:1.03 !important;
  letter-spacing:-.055em !important;
}
.apv124-welcome-copy{min-width:0 !important;max-width:calc(100% - 96px) !important;}
.apv124-welcome-avatar{flex:0 0 76px !important;width:76px !important;height:76px !important;}
.apv123-subline,
.apv119-welcome p,
.apv160-free-welcome p{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
@media(max-width:430px){
  .apv123-welcome-strip h1,
  .apv124-welcome-strip h1,
  .apv119-welcome h1,
  .apv160-free-welcome h1{font-size:31px !important;}
  .apv124-welcome-copy{max-width:calc(100% - 84px) !important;}
  .apv124-welcome-avatar{flex-basis:68px !important;width:68px !important;height:68px !important;}
}
@media(max-width:380px){
  .apv123-welcome-strip h1,
  .apv124-welcome-strip h1,
  .apv119-welcome h1,
  .apv160-free-welcome h1{font-size:27px !important;}
  .apv124-welcome-copy{max-width:calc(100% - 72px) !important;}
  .apv124-welcome-avatar{flex-basis:60px !important;width:60px !important;height:60px !important;}
}

/* More page: force name/email into one clean lane for both Free and Pro */
.apv127-profile-copy,
.apv120-profile-copy,
.apv160-account-summary,
.apv160-account-panel,
.apv158-account-summary-copy,
.apv158-account-panel{
  min-width:0 !important;
  max-width:100% !important;
}
.apv127-profile-copy h2,
.apv120-profile-copy h2,
.apv160-account-panel h2,
.apv158-account-panel h2,
.apv119-account-card h2,
.apv120-account-copy h2{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
  font-size:clamp(22px, 6vw, 30px) !important;
  line-height:1.05 !important;
}
.apv119-email,
.apv127-profile-copy .apv119-email,
.apv120-profile-copy .apv119-email,
.apv160-account-panel p,
.apv160-account-summary small,
.apv158-account-panel p,
.apv158-account-summary-copy small{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
.apv127-profile-row{align-items:center !important;grid-template-columns:auto minmax(0,1fr) !important;}
.apv127-profile-copy .apv127-profile-note{white-space:normal !important;}
.apv160-account-details summary{grid-template-columns:auto minmax(0,1fr) auto !important;}
.apv160-account-panel p:last-child,
.apv158-account-panel p:last-child{white-space:normal !important;}


/* v167 Homepage brand + quote polish
   - Slightly increase mobile header brand block without overlap
   - Remove quote meta line
   - Improve quote readability and size */
.topbar{
  padding-left:10px !important;
  padding-right:10px !important;
}
.brand{
  gap:9px !important;
}
.logo-mark{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:15px !important;
}
.brand-copy{
  flex:0 1 118px !important;
  width:118px !important;
  max-width:118px !important;
}
.brand-copy b,
body.lang-fil .brand-copy b{
  font-size:19px !important;
  max-width:118px !important;
}
.brand-copy small,
body.lang-fil .brand-copy small{
  font-size:8.9px !important;
  width:118px !important;
  max-width:118px !important;
  color:rgba(221,239,229,.78) !important;
}
#langToggle,#langToggle.chip{
  min-width:66px !important;
  width:66px !important;
  height:44px !important;
  font-size:11.8px !important;
}
.pro-pill{
  min-width:92px !important;
  width:92px !important;
  height:44px !important;
  font-size:11.6px !important;
}
body.apv-pro .pro-pill,
.pro-pill.pro-active{
  min-width:98px !important;
  width:98px !important;
  font-size:11.4px !important;
}
@media(max-width:390px){
  .logo-mark{width:45px !important;height:45px !important;min-width:45px !important;border-radius:14px !important;}
  .brand-copy{width:108px !important;max-width:108px !important;flex-basis:108px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:17.4px !important;max-width:108px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:8.25px !important;width:108px !important;max-width:108px !important;}
  #langToggle,#langToggle.chip{width:62px !important;min-width:62px !important;height:42px !important;font-size:11px !important;padding:0 6px !important;}
  .pro-pill{width:84px !important;min-width:84px !important;height:42px !important;font-size:10.9px !important;padding:0 7px !important;}
  body.apv-pro .pro-pill,.pro-pill.pro-active{width:90px !important;min-width:90px !important;font-size:10.6px !important;}
}
@media(max-width:340px){
  .logo-mark{width:40px !important;height:40px !important;min-width:40px !important;}
  .brand-copy{width:95px !important;max-width:95px !important;flex-basis:95px !important;}
  .brand-copy b,body.lang-fil .brand-copy b{font-size:15.5px !important;max-width:95px !important;}
  .brand-copy small,body.lang-fil .brand-copy small{font-size:7.4px !important;width:95px !important;max-width:95px !important;}
  #langToggle,#langToggle.chip{width:58px !important;min-width:58px !important;font-size:10.2px !important;}
  .pro-pill{width:78px !important;min-width:78px !important;font-size:10px !important;}
  body.apv-pro .pro-pill,.pro-pill.pro-active{width:84px !important;min-width:84px !important;font-size:9.8px !important;}
}

.daily-quote-slide .quote-author,
.apv123-quote-slide .quote-author,
.apv123-quote-wrap .quote-author,
.apv124-quote-wrap .quote-author,
.apv121-quote .quote-author,
.apv122-quote .quote-author,
.apv160-free-hero-card .quote-author{
  display:none !important;
}
.apv123-quote-wrap,
.apv124-quote-wrap{
  margin-bottom:14px !important;
}
.daily-quote-slide h1,
.apv123-quote-slide h1,
.apv121-quote h1,
.apv122-quote h1,
.apv160-free-hero-card .daily-quote-slide h1{
  font-family:Inter, "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(25px, 7.1vw, 31px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  color:#f5fbf7 !important;
  margin:0 !important;
  text-wrap:balance;
}
.daily-quote-slide .eyebrow,
.apv123-quote-slide .eyebrow{
  margin-bottom:10px !important;
  color:#86f7b1 !important;
  letter-spacing:.17em !important;
}
.quote-progress,
.apv123-progress{
  margin-top:12px !important;
}


/* v168 compact welcome typography + restored offline card styling */
.apv168-free-welcome h1,
.apv160-free-welcome h1,
.apv157-free-welcome h1{
  font-size:clamp(22px, 6.7vw, 30px) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-free-welcome p,
.apv160-free-welcome p{
  font-size:clamp(13px, 3.75vw, 15px) !important;
  line-height:1.35 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-free-welcome .apv139-free-pill{
  font-size:11px !important;
  padding:8px 16px !important;
}
.apv168-pro-welcome-strip h1{
  font-size:clamp(28px, 8.2vw, 38px) !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-welcome-copy{min-width:0 !important;}
.apv168-welcome-copy .apv123-subline{max-width:100% !important;}
.apv152-offline-card{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
}
.apv152-offline-card .apv152-offline-icon{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(89,255,160,.10) !important;
  border:1px solid rgba(111,255,174,.20) !important;
  font-size:24px !important;
}
.apv152-offline-card h2{
  margin:0 !important;
  font-size:clamp(20px,5.8vw,28px) !important;
  line-height:1.05 !important;
}
.apv152-offline-card p,
.apv152-offline-card small{
  color:rgba(232,244,237,.72) !important;
}
.apv152-offline-card button{
  grid-column:1 / -1 !important;
  min-height:52px !important;
  border-radius:16px !important;
}
@media(max-width:380px){
  .apv168-free-welcome h1,.apv160-free-welcome h1{font-size:23px !important;}
  .apv168-free-welcome p,.apv160-free-welcome p{font-size:12.5px !important;}
  .apv168-pro-welcome-strip h1{font-size:28px !important;}
}

/* v169 Pro Theme Upgrade — 4-Palette Color System
   Six renamed themes now drive the whole mobile app: backgrounds, fonts, layers, cards, buttons, and navigation. */
body.theme-green{
  --theme-bg:#02120c; --theme-bg2:#042418; --theme-bg3:#0b3d28;
  --theme-surface:#052719; --theme-surface2:#083922; --theme-card:#06321f;
  --theme-line:rgba(105,255,166,.18); --theme-line2:rgba(255,255,255,.08);
  --theme-text:#effff6; --theme-muted:#a8c9b7; --theme-soft:#d8ffe7;
  --theme-accent:#35e78a; --theme-accent2:#00b86b; --theme-warm:#ffd166;
  --bg:#02120c; --bg2:#042418; --card:#052719; --card2:#083922; --text:#effff6; --muted:#a8c9b7; --soft:#d8ffe7; --green:#35e78a; --green2:#00b86b; --gold:#ffd166; --line:rgba(105,255,166,.18); --line2:rgba(255,255,255,.08);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#9dffc8 0%,#ccffe0 48%,#65f2a1 100%);
  --home-pro-card-border:rgba(112,255,171,.82); --home-pro-card-text:#05351e; --home-pro-card-muted:#0b5733; --home-pro-card-glow:rgba(53,231,138,.26);
}
body.theme-purpleblue{
  --theme-bg:#07081d; --theme-bg2:#0b1235; --theme-bg3:#182b6d;
  --theme-surface:#0f1342; --theme-surface2:#172061; --theme-card:#151a55;
  --theme-line:rgba(100,170,255,.20); --theme-line2:rgba(255,255,255,.08);
  --theme-text:#f1f3ff; --theme-muted:#b7c6e9; --theme-soft:#e1e8ff;
  --theme-accent:#7f6cff; --theme-accent2:#2d9cff; --theme-warm:#b9e8ff;
  --bg:#07081d; --bg2:#0b1235; --card:#0f1342; --card2:#172061; --text:#f1f3ff; --muted:#b7c6e9; --soft:#e1e8ff; --green:#7f6cff; --green2:#2d9cff; --gold:#b9e8ff; --line:rgba(100,170,255,.20); --line2:rgba(255,255,255,.08);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(145deg,#c9c2ff 0%,#e8f4ff 48%,#75c2ff 100%);
  --home-pro-card-border:rgba(134,187,255,.86); --home-pro-card-text:#11194a; --home-pro-card-muted:#244384; --home-pro-card-glow:rgba(91,135,255,.28);
}
body.theme-brownkhaki{
  --theme-bg:#120b05; --theme-bg2:#241607; --theme-bg3:#4e3519;
  --theme-surface:#2b1c0d; --theme-surface2:#493019; --theme-card:#382510;
  --theme-line:rgba(218,188,123,.22); --theme-line2:rgba(255,244,217,.08);
  --theme-text:#fff8e7; --theme-muted:#d8c89f; --theme-soft:#f5e9c8;
  --theme-accent:#c8ad72; --theme-accent2:#8f6334; --theme-warm:#f1d28a;
  --bg:#120b05; --bg2:#241607; --card:#2b1c0d; --card2:#493019; --text:#fff8e7; --muted:#d8c89f; --soft:#f5e9c8; --green:#c8ad72; --green2:#8f6334; --gold:#f1d28a; --line:rgba(218,188,123,.22); --line2:rgba(255,244,217,.08);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#d8bf82 0%,#fff0c6 48%,#a9793b 100%);
  --home-pro-card-border:rgba(226,193,119,.86); --home-pro-card-text:#33200b; --home-pro-card-muted:#6a471c; --home-pro-card-glow:rgba(200,173,114,.28);
}
body.theme-pinkred{
  --theme-bg:#170611; --theme-bg2:#2a0715; --theme-bg3:#5d0d2b;
  --theme-surface:#331020; --theme-surface2:#591635; --theme-card:#411126;
  --theme-line:rgba(255,122,164,.22); --theme-line2:rgba(255,255,255,.08);
  --theme-text:#fff0f6; --theme-muted:#e5b1c4; --theme-soft:#ffd6e4;
  --theme-accent:#ff7aa4; --theme-accent2:#db295d; --theme-warm:#ffc2d4;
  --bg:#170611; --bg2:#2a0715; --card:#331020; --card2:#591635; --text:#fff0f6; --muted:#e5b1c4; --soft:#ffd6e4; --green:#ff7aa4; --green2:#db295d; --gold:#ffc2d4; --line:rgba(255,122,164,.22); --line2:rgba(255,255,255,.08);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(145deg,#ffb3cd 0%,#ffe3ee 48%,#ff6b93 100%);
  --home-pro-card-border:rgba(255,143,179,.86); --home-pro-card-text:#4a0923; --home-pro-card-muted:#85234a; --home-pro-card-glow:rgba(255,122,164,.30);
}
body.theme-whitegreen{
  --theme-bg:#e8eeea; --theme-bg2:#f4f7f4; --theme-bg3:#d6ded8;
  --theme-surface:#f2f5f2; --theme-surface2:#e3e8e4; --theme-card:#edf2ee;
  --theme-line:rgba(79,103,88,.18); --theme-line2:rgba(79,103,88,.10);
  --theme-text:#0b2416; --theme-muted:#55675c; --theme-soft:#1a6f43;
  --theme-accent:#28b868; --theme-accent2:#146d3f; --theme-warm:#9ed5af;
  --bg:#e8eeea; --bg2:#f4f7f4; --card:#f2f5f2; --card2:#e3e8e4; --text:#0b2416; --muted:#55675c; --soft:#1a6f43; --green:#28b868; --green2:#146d3f; --gold:#9ed5af; --line:rgba(79,103,88,.18); --line2:rgba(79,103,88,.10);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.82),transparent 34%),linear-gradient(145deg,#dff1e4 0%,#cfe8d6 48%,#86d7a0 100%);
  --home-pro-card-border:rgba(41,184,100,.34); --home-pro-card-text:#0d281a; --home-pro-card-muted:#205f3d; --home-pro-card-glow:rgba(32,184,100,.14);
}
body.theme-redorange{
  --theme-bg:#170604; --theme-bg2:#2b0905; --theme-bg3:#692011;
  --theme-surface:#351006; --theme-surface2:#5b1b0b; --theme-card:#441408;
  --theme-line:rgba(255,138,31,.22); --theme-line2:rgba(255,255,255,.08);
  --theme-text:#fff4eb; --theme-muted:#e5b79c; --theme-soft:#ffd0a1;
  --theme-accent:#ff8a1f; --theme-accent2:#d9341f; --theme-warm:#ffd07a;
  --bg:#170604; --bg2:#2b0905; --card:#351006; --card2:#5b1b0b; --text:#fff4eb; --muted:#e5b79c; --soft:#ffd0a1; --green:#ff8a1f; --green2:#d9341f; --gold:#ffd07a; --line:rgba(255,138,31,.22); --line2:rgba(255,255,255,.08);
  --home-pro-card-bg:radial-gradient(circle at 18% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#ffb15f 0%,#ffe0b4 48%,#ff5738 100%);
  --home-pro-card-border:rgba(255,151,64,.88); --home-pro-card-text:#481108; --home-pro-card-muted:#822b12; --home-pro-card-glow:rgba(255,113,31,.30);
}

body.theme-green,body.theme-purpleblue,body.theme-brownkhaki,body.theme-pinkred,body.theme-whitegreen,body.theme-redorange{
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb,var(--theme-accent) 24%, transparent), transparent 28%),
    radial-gradient(circle at 86% 12%, color-mix(in srgb,var(--theme-warm) 16%, transparent), transparent 24%),
    linear-gradient(180deg,var(--theme-bg2),var(--theme-bg)) !important;
  color:var(--theme-text) !important;
}
body.theme-green .app-shell,body.theme-purpleblue .app-shell,body.theme-brownkhaki .app-shell,body.theme-pinkred .app-shell,body.theme-whitegreen .app-shell,body.theme-redorange .app-shell{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg2) 92%, #000 8%),color-mix(in srgb,var(--theme-bg) 96%, #000 4%)) !important;
  color:var(--theme-text) !important;
}
body.theme-green .app-shell:before,body.theme-purpleblue .app-shell:before,body.theme-brownkhaki .app-shell:before,body.theme-pinkred .app-shell:before,body.theme-whitegreen .app-shell:before,body.theme-redorange .app-shell:before{
  background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--theme-accent) 30%,transparent),transparent 24%),radial-gradient(circle at 10% 70%,color-mix(in srgb,var(--theme-warm) 18%,transparent),transparent 30%) !important;
}
body[class*="theme-"] .card,
body[class*="theme-"] .section,
body[class*="theme-"] .apv119-panel,
body[class*="theme-"] .apv120-panel,
body[class*="theme-"] .apv123-panel,
body[class*="theme-"] .apv124-panel,
body[class*="theme-"] .apv127-panel,
body[class*="theme-"] .apv139-panel,
body[class*="theme-"] .apv152-offline-card,
body[class*="theme-"] .apv160-account-panel,
body[class*="theme-"] .feature-card,
body[class*="theme-"] .feature-card-simple,
body[class*="theme-"] .academy-card,
body[class*="theme-"] .tool-card,
body[class*="theme-"] .process-card,
body[class*="theme-"] .modal-card,
body[class*="theme-"] .drawer-card,
body[class*="theme-"] .locked-card{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-surface2) 82%, transparent),color-mix(in srgb,var(--theme-surface) 96%, #000 4%)) !important;
  border-color:var(--theme-line) !important;
  color:var(--theme-text) !important;
  box-shadow:0 18px 40px color-mix(in srgb,var(--theme-bg) 70%, transparent), inset 0 1px 0 color-mix(in srgb,#fff 16%, transparent) !important;
}
body[class*="theme-"] .primary,
body[class*="theme-"] .apv119-primary-action,
body[class*="theme-"] .apv119-secondary-action,
body[class*="theme-"] .apv119-section-head button,
body[class*="theme-"] .secondary,
body[class*="theme-"] button.primary,
body[class*="theme-"] .theme-name-box button,
body[class*="theme-"] .pro-pill.pro-active,
body[class*="theme-"] .subscription-status-pill.mode-pro{
  background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent2)) !important;
  border-color:color-mix(in srgb,var(--theme-accent) 58%, transparent) !important;
  color:color-mix(in srgb,var(--theme-bg) 85%, #000 15%) !important;
  text-shadow:none !important;
}
body[class*="theme-"] .secondary:not(.primary){
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 18%, var(--theme-surface)),color-mix(in srgb,var(--theme-accent2) 18%, var(--theme-surface2))) !important;
  color:var(--theme-soft) !important;
}
body[class*="theme-"] .bottom-nav,
body[class*="theme-"] .nav-bar,
body[class*="theme-"] .apv119-bottom-nav{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 92%, #000 8%),color-mix(in srgb,var(--theme-bg) 92%, #000 8%)) !important;
  border-color:var(--theme-line) !important;
}
body[class*="theme-"] .nav-item,
body[class*="theme-"] .bottom-nav button{
  color:color-mix(in srgb,var(--theme-text) 68%, var(--theme-muted)) !important;
}
body[class*="theme-"] .nav-item.active,
body[class*="theme-"] .bottom-nav button.active{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-accent) 22%, var(--theme-surface)),color-mix(in srgb,var(--theme-bg) 80%, #000 20%)) !important;
  border-color:color-mix(in srgb,var(--theme-accent) 45%, transparent) !important;
  color:var(--theme-accent) !important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 12%, transparent),0 0 24px color-mix(in srgb,var(--theme-accent) 18%, transparent) !important;
}
body[class*="theme-"] .eyebrow,
body[class*="theme-"] .apv119-eyebrow,
body[class*="theme-"] .section-head button,
body[class*="theme-"] a,
body[class*="theme-"] .accent,
body[class*="theme-"] .quote-user-name b{
  color:var(--theme-accent) !important;
}
body[class*="theme-"] p,
body[class*="theme-"] small,
body[class*="theme-"] .muted,
body[class*="theme-"] .apv119-panel p:not(.apv119-eyebrow){
  color:var(--theme-muted) !important;
}
body[class*="theme-"] h1,
body[class*="theme-"] h2,
body[class*="theme-"] h3,
body[class*="theme-"] h4,
body[class*="theme-"] b,
body[class*="theme-"] strong,
body[class*="theme-"] label{
  color:var(--theme-text) !important;
}
body[class*="theme-"] input,
body[class*="theme-"] select,
body[class*="theme-"] textarea{
  background:color-mix(in srgb,var(--theme-bg) 72%, #000 12%) !important;
  border-color:var(--theme-line) !important;
  color:var(--theme-text) !important;
}
body[class*="theme-"] .apv119-theme-dots button,
body[class*="theme-"] .theme-swatch{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 86%, transparent),color-mix(in srgb,var(--theme-bg) 86%, transparent)) !important;
  border-color:var(--theme-line) !important;
  color:var(--theme-text) !important;
}
body[class*="theme-"] .apv119-theme-dots button.active,
body[class*="theme-"] .theme-swatch.active{
  border-color:var(--theme-accent) !important;
  color:var(--theme-accent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 12%, transparent),0 0 24px color-mix(in srgb,var(--theme-accent) 18%, transparent) !important;
}
body[class*="theme-"] .status-pill,
body[class*="theme-"] .apv119-tools-grid .badge,
body[class*="theme-"] .feature-card-simple .badge,
body[class*="theme-"] .apv119-mini-grid .badge{
  background:color-mix(in srgb,var(--theme-accent) 18%, transparent) !important;
  border-color:color-mix(in srgb,var(--theme-accent) 34%, transparent) !important;
  color:var(--theme-soft) !important;
}
body.is-pro[class*="theme-"] .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked,
body.is-pro[class*="theme-"] .feature-card-simple.pro-card-unlocked,
body.is-pro[class*="theme-"] .apv119-tools-grid article.active,
body.is-pro[class*="theme-"] .apv119-mini-grid article.active,
body.is-pro[class*="theme-"] .apv119-tools-grid button.active,
body.is-pro[class*="theme-"] .apv119-mini-grid button.active{
  background:var(--home-pro-card-bg) !important;
  border-color:var(--home-pro-card-border) !important;
  color:var(--home-pro-card-text) !important;
  box-shadow:0 16px 36px var(--home-pro-card-glow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.is-pro[class*="theme-"] .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked *,
body.is-pro[class*="theme-"] .feature-card-simple.pro-card-unlocked *,
body.is-pro[class*="theme-"] .apv119-tools-grid article.active *,
body.is-pro[class*="theme-"] .apv119-mini-grid article.active *,
body.is-pro[class*="theme-"] .apv119-tools-grid button.active *,
body.is-pro[class*="theme-"] .apv119-mini-grid button.active *{
  color:var(--home-pro-card-text) !important;
  text-shadow:none !important;
}
body.is-pro[class*="theme-"] .main-card-section .nested-grid .feature-card-simple.pro-card-unlocked p,
body.is-pro[class*="theme-"] .feature-card-simple.pro-card-unlocked p,
body.is-pro[class*="theme-"] .apv119-tools-grid article.active p,
body.is-pro[class*="theme-"] .apv119-mini-grid article.active p,
body.is-pro[class*="theme-"] .apv119-tools-grid button.active p,
body.is-pro[class*="theme-"] .apv119-mini-grid button.active p{
  color:var(--home-pro-card-muted) !important;
}
body.theme-whitegreen .daily-quote-slide h1,
body.theme-whitegreen .apv123-quote-slide h1,
body.theme-whitegreen .apv121-quote h1,
body.theme-whitegreen .apv122-quote h1,
body.theme-whitegreen .apv160-free-hero-card .daily-quote-slide h1{
  color:#0b2416 !important;
}
body.theme-whitegreen .bottom-nav,
body.theme-whitegreen .nav-bar,
body.theme-whitegreen .apv119-bottom-nav{
  box-shadow:0 -12px 28px rgba(13,107,60,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* v170 - forced 4-palette theme selector polish */
.apv170-theme-dots{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.apv170-theme-dots button{min-height:92px!important;border-radius:20px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 74%,transparent),color-mix(in srgb,var(--card2) 86%,transparent))!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--green) 20%,rgba(255,255,255,.09))!important;}
.apv170-theme-dots button.active{border-color:var(--green)!important;color:var(--soft)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 34%,transparent),0 0 28px color-mix(in srgb,var(--green) 18%,transparent)!important;}
.apv170-theme-dots span{width:42px!important;height:42px!important;}
body[class*="theme-"] .apv119-panel, body[class*="theme-"] .card, body[class*="theme-"] .glass{border-color:color-mix(in srgb,var(--green) 18%,rgba(255,255,255,.08))!important;}
body[class*="theme-"] button.primary, body[class*="theme-"] .primary, body[class*="theme-"] .apv119-primary-action{background:linear-gradient(135deg,var(--green),var(--green2))!important;color:var(--btnText,#04130b)!important;border-color:color-mix(in srgb,var(--green) 55%,transparent)!important;}
@media(max-width:380px){.apv170-theme-dots{grid-template-columns:1fr!important;}}


/* v171 - compact theme selector + dark text refinement for Green Default */
.apv170-theme-dots{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.apv170-theme-dots button{min-height:68px!important;padding:8px 6px!important;border-radius:16px!important;gap:5px!important;}
.apv170-theme-dots span{width:30px!important;height:30px!important;}
.apv170-theme-dots b{font-size:11px!important;line-height:1.08!important;text-align:center!important;}
@media(max-width:380px){.apv170-theme-dots{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

body.theme-green .apv124-action-btn,
body.theme-green .apv124-action-btn *,
body.theme-green .more-actions .apv119-primary-action,
body.theme-green .more-actions .apv119-primary-action *,
body.theme-green .more-actions .apv119-secondary-action,
body.theme-green .more-actions .apv119-secondary-action *{
  color:#083a22 !important;
  text-shadow:none !important;
}
body.theme-green .apv124-action-btn small,
body.theme-green .more-actions .apv119-primary-action small,
body.theme-green .more-actions .apv119-secondary-action small{
  color:#285b3d !important;
  opacity:1 !important;
}
body.theme-green .apv124-action-btn span,
body.theme-green .more-actions .apv119-primary-action span,
body.theme-green .more-actions .apv119-secondary-action span{
  color:#0b4729 !important;
}


/* v172 - White-Green theme polish */
body.theme-whitegreen .app-shell{
  background:linear-gradient(180deg,#f5f8f5 0%, #e7ede8 100%) !important;
}
body.theme-whitegreen .topbar,
body.theme-whitegreen .topbar.glass{
  background:linear-gradient(180deg,rgba(10,14,11,.98),rgba(13,17,14,.96)) !important;
  border-bottom-color:rgba(136,160,146,.18) !important;
  backdrop-filter:blur(18px);
}
body.theme-whitegreen .brand-copy b{color:#ffffff !important;}
body.theme-whitegreen .brand-copy b::before{color:#ffffff !important;}
body.theme-whitegreen .brand-copy b::after{color:#63f59e !important;}
body.theme-whitegreen .brand-copy small{color:rgba(221,234,226,.78) !important;}

body.theme-whitegreen .card,
body.theme-whitegreen .section,
body.theme-whitegreen .apv119-panel,
body.theme-whitegreen .apv120-panel,
body.theme-whitegreen .apv123-panel,
body.theme-whitegreen .apv124-panel,
body.theme-whitegreen .apv127-panel,
body.theme-whitegreen .apv139-panel,
body.theme-whitegreen .apv152-offline-card,
body.theme-whitegreen .apv160-account-panel,
body.theme-whitegreen .feature-card,
body.theme-whitegreen .feature-card-simple,
body.theme-whitegreen .academy-card,
body.theme-whitegreen .tool-card,
body.theme-whitegreen .process-card,
body.theme-whitegreen .modal-card,
body.theme-whitegreen .drawer-card,
body.theme-whitegreen .locked-card{
  background:linear-gradient(160deg,#f7faf7 0%, #edf1ed 100%) !important;
  border-color:rgba(112,136,121,.18) !important;
  box-shadow:0 16px 34px rgba(104,121,112,.12), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body.theme-whitegreen input,
body.theme-whitegreen select,
body.theme-whitegreen textarea,
body.theme-whitegreen .account-meta-grid span,
body.theme-whitegreen .access-box,
body.theme-whitegreen .apv131-account-body,
body.theme-whitegreen .apv131-account-actions,
body.theme-whitegreen .apv119-theme-dots button,
body.theme-whitegreen .theme-swatch{
  background:linear-gradient(160deg,#ebefec 0%, #e1e6e2 100%) !important;
  border-color:rgba(111,132,119,.22) !important;
  color:#0f281b !important;
}

body.theme-whitegreen .bottom-nav,
body.theme-whitegreen .nav-bar,
body.theme-whitegreen .apv119-bottom-nav{
  background:linear-gradient(180deg,#f4f7f4 0%, #e4eae5 100%) !important;
  border-color:rgba(117,138,125,.18) !important;
}
body.theme-whitegreen .nav-item,
body.theme-whitegreen .bottom-nav button{
  color:#2f4e3d !important;
}
body.theme-whitegreen .nav-item.active,
body.theme-whitegreen .bottom-nav button.active{
  background:linear-gradient(160deg,#dce9df 0%, #ecf4ee 100%) !important;
  color:#1d8d50 !important;
  border-color:rgba(40,184,104,.28) !important;
}

body.theme-whitegreen p,
body.theme-whitegreen small,
body.theme-whitegreen .muted,
body.theme-whitegreen .apv119-panel p:not(.apv119-eyebrow){
  color:#5c6d62 !important;
}
body.theme-whitegreen .eyebrow,
body.theme-whitegreen .apv119-eyebrow{
  color:#47b16c !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
body.theme-whitegreen .tutorial-home-btn,
body.theme-whitegreen .primary,
body.theme-whitegreen button.primary,
body.theme-whitegreen .apv119-primary-action{
  color:#0d2619 !important;
}
body.theme-whitegreen .secondary,
body.theme-whitegreen .apv119-secondary-action,
body.theme-whitegreen .back-link{
  background:linear-gradient(160deg,#e7ece9 0%,#dce3de 100%) !important;
  border:1px solid rgba(111,132,119,.22) !important;
  color:#234531 !important;
}


/* v173 - Home action buttons match Academy button system */
.apv168-home .apv119-actions .apv124-action-btn,
.apv160-home .apv119-actions .apv124-action-btn,
.apv157-home .apv119-actions .apv124-action-btn{
  min-height:58px !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:1px !important;
  align-items:center !important;
}
.apv168-home .apv119-actions .apv124-action-btn span,
.apv160-home .apv119-actions .apv124-action-btn span,
.apv157-home .apv119-actions .apv124-action-btn span{
  grid-row:1 / 3 !important;
  font-size:21px !important;
  line-height:1 !important;
}
.apv168-home .apv119-actions .apv124-action-btn b,
.apv160-home .apv119-actions .apv124-action-btn b,
.apv157-home .apv119-actions .apv124-action-btn b{
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}
.apv168-home .apv119-actions .apv124-action-btn small,
.apv160-home .apv119-actions .apv124-action-btn small,
.apv157-home .apv119-actions .apv124-action-btn small{
  font-size:11px !important;
  line-height:1.1 !important;
  opacity:.86 !important;
}

.apv168-home .apv119-actions .apv119-primary-action.apv124-action-btn,
.apv160-home .apv119-actions .apv119-primary-action.apv124-action-btn,
.apv157-home .apv119-actions .apv119-primary-action.apv124-action-btn{
  background:linear-gradient(135deg,var(--green),var(--green2)) !important;
  border:1px solid color-mix(in srgb,var(--green) 48%, transparent) !important;
  color:#061a0f !important;
}
.apv168-home .apv119-actions .apv119-primary-action.apv124-action-btn *,
.apv160-home .apv119-actions .apv119-primary-action.apv124-action-btn *,
.apv157-home .apv119-actions .apv119-primary-action.apv124-action-btn *{
  color:#061a0f !important;
  text-shadow:none !important;
}
.apv168-home .apv119-actions .apv119-primary-action.apv124-action-btn small,
.apv160-home .apv119-actions .apv119-primary-action.apv124-action-btn small,
.apv157-home .apv119-actions .apv119-primary-action.apv124-action-btn small{
  color:#144b2d !important;
}

.apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn,
.apv160-home .apv119-actions .apv119-secondary-action.apv124-action-btn,
.apv157-home .apv119-actions .apv119-secondary-action.apv124-action-btn{
  background:linear-gradient(135deg,color-mix(in srgb,var(--card) 78%, #000 22%),color-mix(in srgb,var(--card2) 64%, #000 36%)) !important;
  border:1px solid color-mix(in srgb,var(--green) 58%, transparent) !important;
  color:var(--soft) !important;
}
.apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn *,
.apv160-home .apv119-actions .apv119-secondary-action.apv124-action-btn *,
.apv157-home .apv119-actions .apv119-secondary-action.apv124-action-btn *{
  color:var(--soft) !important;
  text-shadow:none !important;
}
.apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn small,
.apv160-home .apv119-actions .apv119-secondary-action.apv124-action-btn small,
.apv157-home .apv119-actions .apv119-secondary-action.apv124-action-btn small{
  color:color-mix(in srgb,var(--soft) 70%, var(--muted) 30%) !important;
}

body.theme-whitegreen .apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn{
  background:linear-gradient(160deg,#e7ece9 0%,#dce3de 100%) !important;
  border-color:rgba(40,184,104,.40) !important;
}
body.theme-whitegreen .apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn *,
body.theme-whitegreen .apv168-home .apv119-actions .apv119-secondary-action.apv124-action-btn small{
  color:#234531 !important;
}


/* v175 More Page collapsible space-saver sections */
.apv175-collapse{
  margin:14px 0;
  border:1px solid color-mix(in srgb,var(--green) 22%,rgba(255,255,255,.08));
  border-radius:24px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--card2) 72%,transparent),color-mix(in srgb,var(--card) 92%,transparent));
  box-shadow:0 16px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.apv175-collapse summary{
  list-style:none;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  min-height:76px;
  padding:18px 20px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.apv175-collapse summary::-webkit-details-marker{display:none;}
.apv175-collapse summary > span{
  width:52px;
  height:52px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  font-size:24px;
}
.apv175-collapse summary b{
  display:block;
  color:var(--text);
  font-size:18px;
  line-height:1.12;
}
.apv175-collapse summary small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
}
.apv175-collapse summary em{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  font-style:normal;
  color:var(--soft);
  transition:transform .2s ease;
}
.apv175-collapse[open] summary em{transform:rotate(180deg);}
.apv175-collapse-body{padding:0 0 14px;}
.apv175-collapse-body > .apv119-panel,
.apv175-collapse-body > section{margin:0 14px 0 !important;}
.apv175-feedback-actions{margin-top:14px !important;}
.apv175-feedback-actions .apv119-primary-action,
.apv175-feedback-actions .apv119-secondary-action{min-height:72px !important;}
body.theme-whitegreen .apv175-collapse{
  background:linear-gradient(160deg,#f7faf7 0%, #e8eee9 100%) !important;
  border-color:rgba(112,136,121,.20) !important;
  box-shadow:0 16px 34px rgba(104,121,112,.12), inset 0 1px 0 rgba(255,255,255,.80) !important;
}
body.theme-whitegreen .apv175-collapse summary > span,
body.theme-whitegreen .apv175-collapse summary em{
  background:#e3e9e5 !important;
  border-color:rgba(111,132,119,.20) !important;
  color:#1a6f43 !important;
}


/* v176 - Pro More page: one hidden/reveal card for sync, support, feedback, and offline access */
.apv176-more .apv176-compact-actions,
.apv176-more .apv175-feedback-actions{
  margin:0 14px 12px !important;
}
.apv176-more .apv176-offline-inside{
  margin:0 14px 14px !important;
}
.apv176-more .apv176-offline-inside .apv152-offline-card{
  margin:0 !important;
}
.apv176-more .apv175-collapse-body .apv175-feedback-actions .apv119-primary-action,
.apv176-more .apv175-collapse-body .apv175-feedback-actions .apv119-secondary-action,
.apv176-more .apv175-collapse-body .apv176-compact-actions .apv119-primary-action,
.apv176-more .apv175-collapse-body .apv176-compact-actions .apv119-secondary-action{
  min-height:64px !important;
}
.apv176-more .apv175-collapse-body{
  padding-top:0 !important;
}


/* v177 - White-Green theme forced readability upgrade */
body.theme-whitegreen{
  --btnText:#0b2418;
}
body.theme-whitegreen,
body.theme-whitegreen .app-shell{
  color:#102419 !important;
}
body.theme-whitegreen *,
body.theme-whitegreen *::before,
body.theme-whitegreen *::after{
  text-shadow:none !important;
}
body.theme-whitegreen h1,
body.theme-whitegreen h2,
body.theme-whitegreen h3,
body.theme-whitegreen h4,
body.theme-whitegreen h5,
body.theme-whitegreen h6,
body.theme-whitegreen .page-title,
body.theme-whitegreen .question,
body.theme-whitegreen .section-head h2,
body.theme-whitegreen .academy-hero h1,
body.theme-whitegreen .tutorial-hero h1,
body.theme-whitegreen .sp-guide-top h2,
body.theme-whitegreen .sp-stage-title strong,
body.theme-whitegreen .sp-stage-head,
body.theme-whitegreen .scriptbank-page .script-head b,
body.theme-whitegreen .scriptbank-page .lesson-note b,
body.theme-whitegreen .scriptbank-page .copy-script-block p,
body.theme-whitegreen .copy-script-block p,
body.theme-whitegreen .copy-script-block .script-text,
body.theme-whitegreen .accordion-head b,
body.theme-whitegreen .sp-mini-title b,
body.theme-whitegreen .sp-response-title b,
body.theme-whitegreen .sp-pro-next b,
body.theme-whitegreen .sp-v100-sample strong,
body.theme-whitegreen .sp-selected-question p,
body.theme-whitegreen .sp-question-btn b,
body.theme-whitegreen .sp-response-col b,
body.theme-whitegreen .script-text,
body.theme-whitegreen .lesson h3,
body.theme-whitegreen .script-card h3,
body.theme-whitegreen .path-card h3,
body.theme-whitegreen .feature-card-simple h3,
body.theme-whitegreen .tool-card h3,
body.theme-whitegreen .academy-card h3,
body.theme-whitegreen .process-card h3{
  color:#102419 !important;
}
body.theme-whitegreen p,
body.theme-whitegreen small,
body.theme-whitegreen .muted,
body.theme-whitegreen label,
body.theme-whitegreen .page-subtitle,
body.theme-whitegreen .script-bank-intro,
body.theme-whitegreen .scenario-card .script-head small,
body.theme-whitegreen .scriptbank-page .script-head .eyebrow,
body.theme-whitegreen .scriptbank-page .lesson-note p,
body.theme-whitegreen .sp-guide-top p:not(.sp-breadcrumb),
body.theme-whitegreen .sp-stage-title small,
body.theme-whitegreen .sp-response-col p,
body.theme-whitegreen .sp-pitch-card p,
body.theme-whitegreen .sp-selected-question small,
body.theme-whitegreen .sp-question-detail p,
body.theme-whitegreen .sp-v98-how p,
body.theme-whitegreen .sp-v98-dodont p,
body.theme-whitegreen .sp-v98-questions p,
body.theme-whitegreen .sp-pro-next p,
body.theme-whitegreen .lesson p,
body.theme-whitegreen .script-card p,
body.theme-whitegreen .path-card p,
body.theme-whitegreen .feature-card-simple p,
body.theme-whitegreen .tool-card p,
body.theme-whitegreen .academy-card p,
body.theme-whitegreen .process-card p,
body.theme-whitegreen .accordion-body ol,
body.theme-whitegreen .accordion-body li{
  color:#54675b !important;
  opacity:1 !important;
}
body.theme-whitegreen .eyebrow,
body.theme-whitegreen .apv119-eyebrow,
body.theme-whitegreen .sp-breadcrumb,
body.theme-whitegreen .sp-step-label,
body.theme-whitegreen .section-head .see,
body.theme-whitegreen .section-head span.see{
  color:#2d9c5f !important;
}

/* Force light surfaces across the White-Green theme */
body.theme-whitegreen .card,
body.theme-whitegreen .section,
body.theme-whitegreen .hero,
body.theme-whitegreen .compact-hero,
body.theme-whitegreen .path-card,
body.theme-whitegreen .feature-card,
body.theme-whitegreen .feature-card-simple,
body.theme-whitegreen .main-tool-card,
body.theme-whitegreen .tool-card,
body.theme-whitegreen .academy-card,
body.theme-whitegreen .process-card,
body.theme-whitegreen .lesson,
body.theme-whitegreen .lesson.card,
body.theme-whitegreen .scriptbank-page .script-card.card,
body.theme-whitegreen .scriptbank-page .script-card.card.open,
body.theme-whitegreen .academy-accordion,
body.theme-whitegreen .academy-accordion.open,
body.theme-whitegreen .direct-card,
body.theme-whitegreen .direct-card.open,
body.theme-whitegreen .pro-seq-card,
body.theme-whitegreen .lesson-row,
body.theme-whitegreen .tool-row,
body.theme-whitegreen .mvp-card,
body.theme-whitegreen .doc-card,
body.theme-whitegreen .modal-card,
body.theme-whitegreen .qr-box,
body.theme-whitegreen .video-frame,
body.theme-whitegreen .scriptbank-page .lesson-note,
body.theme-whitegreen .scriptbank-page .copy-script-block,
body.theme-whitegreen .sp-filter-card,
body.theme-whitegreen .sp-guide-card,
body.theme-whitegreen .sp-stage-wrap,
body.theme-whitegreen .sp-stage-wrap.open,
body.theme-whitegreen .sp-mini-card,
body.theme-whitegreen .sp-response-card,
body.theme-whitegreen .sp-question-item,
body.theme-whitegreen .sp-question-item.open,
body.theme-whitegreen .sp-selected-question,
body.theme-whitegreen .sp-question-detail .sp-response-card,
body.theme-whitegreen .sp-v98-two .sp-response-col,
body.theme-whitegreen .sp-v98-answer-flow .sp-response-col,
body.theme-whitegreen .sp-pro-next,
body.theme-whitegreen .sp-v98-free-tip,
body.theme-whitegreen .sp-v100-white-tip,
body.theme-whitegreen .sp-v102-pro-tip.locked,
body.theme-whitegreen .apv119-process-card,
body.theme-whitegreen .apv176-more .apv175-collapse,
body.theme-whitegreen .apv175-collapse,
body.theme-whitegreen .tutorial-card,
body.theme-whitegreen .tutorial-home-card,
body.theme-whitegreen .tutorial-video-item{
  background:linear-gradient(160deg,#ffffff 0%, #f0f5f1 100%) !important;
  color:#102419 !important;
  border-color:rgba(95,121,106,.18) !important;
  box-shadow:0 10px 24px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.theme-whitegreen .sp-guide-card:before,
body.theme-whitegreen .script-card::before{
  opacity:.45 !important;
}
body.theme-whitegreen .sp-stage-wrap.open{
  background:linear-gradient(160deg,#f6fbf8 0%, #e8f3ed 100%) !important;
}
body.theme-whitegreen .sp-stage-wrap .sp-stage-head,
body.theme-whitegreen .sp-stage-wrap.open .sp-stage-head{
  background:linear-gradient(160deg,#eef8f1 0%, #e3f0e8 100%) !important;
  color:#102419 !important;
  border-bottom:1px solid rgba(95,121,106,.16) !important;
  box-shadow:none !important;
}
body.theme-whitegreen .sp-stage-head:after{
  opacity:.85 !important;
}
body.theme-whitegreen .sp-stage-number,
body.theme-whitegreen .sp-stage-wrap.open .sp-stage-number,
body.theme-whitegreen .sp-question-btn span,
body.theme-whitegreen .sp-questions-card li span,
body.theme-whitegreen .scriptbank-page .script-head em,
body.theme-whitegreen .apv175-collapse summary > span,
body.theme-whitegreen .apv175-collapse summary em,
body.theme-whitegreen .sp-mini-title span,
body.theme-whitegreen .sp-response-title span{
  background:linear-gradient(180deg,#f7fffa,#dff3e6) !important;
  color:#196b40 !important;
  border-color:rgba(56,161,96,.26) !important;
  box-shadow:none !important;
}
body.theme-whitegreen .sp-question-btn,
body.theme-whitegreen .sp-copy,
body.theme-whitegreen .sp-v98-flow-chip,
body.theme-whitegreen .sp-questions-card li,
body.theme-whitegreen .sp-question-item,
body.theme-whitegreen .sp-selected-question,
body.theme-whitegreen .copy-script-block,
body.theme-whitegreen .sp-response-col,
body.theme-whitegreen .sp-mini-card,
body.theme-whitegreen .sp-response-card{
  background:linear-gradient(160deg,#f6faf7 0%, #edf3ef 100%) !important;
  border-color:rgba(95,121,106,.16) !important;
  color:#102419 !important;
}
body.theme-whitegreen .sp-v98-flow-chip,
body.theme-whitegreen .sp-copy{
  color:#1f5a38 !important;
}
body.theme-whitegreen .sp-copy{
  background:linear-gradient(160deg,#e8f8ed 0%, #d4eedf 100%) !important;
}
body.theme-whitegreen .sp-pro-next,
body.theme-whitegreen .sp-v98-free-tip,
body.theme-whitegreen .sp-v100-white-tip,
body.theme-whitegreen .sp-v102-pro-tip.locked{
  background:linear-gradient(160deg,#fdfdf8 0%, #eef5ef 42%, #e3f0e8 100%) !important;
}
body.theme-whitegreen .sp-pro-lock,
body.theme-whitegreen .sp-v98-free-tip .sp-pro-lock,
body.theme-whitegreen .sp-v100-white-tip .sp-pro-lock{
  background:linear-gradient(180deg,#fffef7,#f0f8f2) !important;
  color:#196b40 !important;
  border:1px solid rgba(56,161,96,.22) !important;
  box-shadow:none !important;
}
body.theme-whitegreen .sp-gold-btn{
  background:linear-gradient(160deg,#167c47 0%, #115f37 100%) !important;
  color:#ffffff !important;
  border-color:rgba(17,95,55,.22) !important;
  box-shadow:none !important;
}
body.theme-whitegreen .sp-response-col.dont b{color:#b74435 !important;}
body.theme-whitegreen .sp-response-col.do b{color:#1b8d54 !important;}
body.theme-whitegreen .sp-response-col.script b{color:#8b6a00 !important;}
body.theme-whitegreen .sp-response-col.script p{color:#4e4a31 !important;}
body.theme-whitegreen .sp-target{
  color:#59b67f !important;
  text-shadow:none !important;
  opacity:.9 !important;
}

/* White boxes + readable dark text on Academy/Home/Tools cards */
body.theme-whitegreen .feature-card-simple,
body.theme-whitegreen .path-card,
body.theme-whitegreen .tool-card,
body.theme-whitegreen .academy-card,
body.theme-whitegreen .process-card,
body.theme-whitegreen .apv119-process-card,
body.theme-whitegreen .apv119-tools-grid article,
body.theme-whitegreen .apv119-mini-grid article,
body.theme-whitegreen .apv119-tools-grid button,
body.theme-whitegreen .apv119-mini-grid button,
body.theme-whitegreen .apv119-tool-card,
body.theme-whitegreen .apv119-academy-card,
body.theme-whitegreen .apv119-path-card{
  background:linear-gradient(160deg,#ffffff 0%, #eef5f0 100%) !important;
  color:#102419 !important;
}
body.theme-whitegreen .feature-card-simple *,
body.theme-whitegreen .path-card *,
body.theme-whitegreen .tool-card *,
body.theme-whitegreen .academy-card *,
body.theme-whitegreen .process-card *,
body.theme-whitegreen .apv119-process-card *,
body.theme-whitegreen .apv119-tools-grid article *,
body.theme-whitegreen .apv119-mini-grid article *,
body.theme-whitegreen .apv119-tools-grid button *,
body.theme-whitegreen .apv119-mini-grid button *{
  color:inherit !important;
}
body.theme-whitegreen .feature-card-simple p,
body.theme-whitegreen .path-card p,
body.theme-whitegreen .tool-card p,
body.theme-whitegreen .academy-card p,
body.theme-whitegreen .process-card p,
body.theme-whitegreen .apv119-process-card p,
body.theme-whitegreen .apv119-tools-grid article p,
body.theme-whitegreen .apv119-mini-grid article p,
body.theme-whitegreen .apv119-tools-grid button p,
body.theme-whitegreen .apv119-mini-grid button p{
  color:#55685c !important;
}
body.theme-whitegreen .status-badge,
body.theme-whitegreen .lesson-row em,
body.theme-whitegreen .free-badge,
body.theme-whitegreen .pro-pill,
body.theme-whitegreen .tag,
body.theme-whitegreen .chip,
body.theme-whitegreen .badge,
body.theme-whitegreen .sp-pill.active,
body.theme-whitegreen .seg-btn.active,
body.theme-whitegreen .choice.active{
  background:linear-gradient(160deg,#e8f8ed 0%, #d8efe2 100%) !important;
  color:#145c36 !important;
  border-color:rgba(56,161,96,.24) !important;
}
body.theme-whitegreen .seg-btn,
body.theme-whitegreen .choice,
body.theme-whitegreen .sp-pill,
body.theme-whitegreen .mini-btn,
body.theme-whitegreen .secondary,
body.theme-whitegreen .back-link,
body.theme-whitegreen .apv119-secondary-action,
body.theme-whitegreen .tutorial-home-btn.secondary{
  background:linear-gradient(160deg,#ffffff 0%, #edf3ef 100%) !important;
  color:#1f4f34 !important;
  border-color:rgba(95,121,106,.18) !important;
}
body.theme-whitegreen .sp-pill span,
body.theme-whitegreen .seg-btn span,
body.theme-whitegreen .choice span{color:inherit !important;}
body.theme-whitegreen .primary,
body.theme-whitegreen button.primary,
body.theme-whitegreen .apv119-primary-action,
body.theme-whitegreen .tutorial-home-btn.primary{
  background:linear-gradient(135deg,#84e7ad 0%, #5fd08d 100%) !important;
  color:#0b2418 !important;
  border-color:rgba(56,161,96,.28) !important;
}
body.theme-whitegreen .primary *,
body.theme-whitegreen button.primary *,
body.theme-whitegreen .apv119-primary-action *,
body.theme-whitegreen .tutorial-home-btn.primary *{
  color:#0b2418 !important;
}
body.theme-whitegreen .bottom-nav,
body.theme-whitegreen .nav-bar,
body.theme-whitegreen .apv119-bottom-nav{
  background:linear-gradient(180deg,#f6faf7 0%, #e8efe9 100%) !important;
}
body.theme-whitegreen .nav-item,
body.theme-whitegreen .bottom-nav button{color:#2f4e3d !important;}
body.theme-whitegreen .nav-item.active,
body.theme-whitegreen .bottom-nav button.active{
  background:linear-gradient(160deg,#e7f2eb 0%, #d8e8dd 100%) !important;
  color:#1b8d54 !important;
}
body.theme-whitegreen .topbar,
body.theme-whitegreen .topbar.glass,
body.theme-whitegreen .back-link.dark,
body.theme-whitegreen .header-dark,
body.theme-whitegreen .dark-surface{
  background:linear-gradient(180deg,#0c1610 0%, #15231a 100%) !important;
  color:#ffffff !important;
}
body.theme-whitegreen .topbar *,
body.theme-whitegreen .back-link.dark *,
body.theme-whitegreen .header-dark *,
body.theme-whitegreen .dark-surface *{
  color:#ffffff !important;
}


/* v178 - Tracker analytics dashboard + tools card overlap fix */
.tracker-analytics-v2{
  display:grid;
  gap:16px;
}
.tracker-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.tracker-stat-hero,
.tracker-pipeline-board,
.tracker-recent-board{
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(10,25,18,.88),rgba(16,30,24,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.tracker-stat-hero{
  min-height:126px;
  padding:18px;
  display:grid;
  align-content:space-between;
  gap:8px;
}
.tracker-stat-hero.is-primary{
  background:linear-gradient(145deg,rgba(93,223,145,.88),rgba(60,182,116,.92));
  border-color:rgba(124,255,181,.44);
}
.tracker-stat-hero small{
  font-size:1rem;
  font-weight:800;
  color:rgba(234,255,241,.88);
}
.tracker-stat-hero.is-primary small,
.tracker-stat-hero.is-primary b,
.tracker-stat-hero.is-primary span{
  color:#08301e;
}
.tracker-stat-hero b{
  font-size:2.7rem;
  line-height:.95;
  color:#f6fff9;
}
.tracker-stat-hero span{
  font-size:1rem;
  color:#84f7b3;
  font-weight:800;
}
.tracker-pipeline-board,
.tracker-recent-board{
  padding:18px;
}
.tracker-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.tracker-board-head h3{
  margin:0;
  font-size:1.9rem;
  line-height:1.02;
  color:#f4fff8;
}
.tracker-board-head span{
  color:rgba(234,255,241,.82);
  font-weight:700;
  font-size:1rem;
}
.tracker-pipeline-layout{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  align-items:center;
}
.tracker-donut-wrap{display:grid;place-items:center;}
.tracker-donut{
  width:168px;
  height:168px;
  border-radius:50%;
  background:var(--donut);
  display:grid;
  place-items:center;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.tracker-donut::before{
  content:"";
  width:114px;
  height:114px;
  border-radius:50%;
  background:linear-gradient(180deg,#08130e 0%, #0d1712 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  grid-area:1/1;
}
.tracker-donut-center{
  grid-area:1/1;
  display:grid;
  place-items:center;
  text-align:center;
  z-index:1;
}
.tracker-donut-center b{
  font-size:3rem;
  line-height:.95;
  color:#ffffff;
}
.tracker-donut-center span{
  font-size:.95rem;
  color:rgba(234,255,241,.72);
  font-weight:700;
}
.tracker-pipeline-legend{
  display:grid;
  gap:12px;
}
.tracker-legend-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#f3fff7;
  font-size:1.02rem;
}
.tracker-legend-row span{
  display:flex;
  align-items:center;
  gap:10px;
}
.tracker-legend-row i{
  width:15px;
  height:15px;
  border-radius:50%;
  display:inline-block;
  box-shadow:0 0 0 4px rgba(255,255,255,.04);
}
.tracker-legend-row b{font-size:1.12rem;color:#f6fff9;}
.tracker-board-foot{
  display:grid;
  gap:4px;
  margin-top:16px;
}
.tracker-board-foot p,
.tracker-board-foot b{
  color:rgba(234,255,241,.78);
}
.tracker-recent-list{display:grid;gap:10px;}
.tracker-recent-row{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.tracker-recent-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#edf5ef,#cfdcd3);
  color:#102419;
  font-weight:900;
  font-size:.92rem;
}
.tracker-recent-main{display:grid;gap:2px;min-width:0;}
.tracker-recent-main b{
  color:#ffffff;
  font-size:1.06rem;
  line-height:1.08;
}
.tracker-recent-main small{
  color:rgba(234,255,241,.72);
  font-size:.92rem;
}
.tracker-recent-pill{
  padding:8px 14px;
  border-radius:999px;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.01em;
  color:#fff;
}
.tracker-recent-pill.status-hot{background:#3ecf8e;color:#06311d;}
.tracker-recent-pill.status-warm{background:#5acf92;color:#06311d;}
.tracker-recent-pill.status-cold{background:#6392f8;color:#fff;}
.tracker-recent-pill.status-closed{background:#7f93b0;color:#fff;}
.tracker-recent-pill.status-lost{background:#5d6770;color:#fff;}
.tracker-recent-empty{
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,255,241,.76);
}

/* Tools page card spacing fix */
.apv119-tool-card{
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;
  align-content:start !important;
  gap:8px !important;
}
.apv119-emoji{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  margin-bottom:2px;
}
.apv119-tool-card b{
  display:block;
  margin-top:2px;
  padding-right:88px;
}
.apv119-tool-card small,
.apv119-tool-card em{
  display:block;
  padding-right:4px;
}
.apv119-tool-card em{margin-top:auto;}
.apv119-tool-card .apv119-badge{max-width:92px;text-align:center;}

body.theme-whitegreen .tracker-stat-hero,
body.theme-whitegreen .tracker-pipeline-board,
body.theme-whitegreen .tracker-recent-board{
  background:linear-gradient(160deg,#ffffff 0%,#eff5f1 100%) !important;
  border-color:rgba(95,121,106,.18) !important;
  box-shadow:0 10px 24px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.theme-whitegreen .tracker-stat-hero small,
body.theme-whitegreen .tracker-board-head h3,
body.theme-whitegreen .tracker-board-head span,
body.theme-whitegreen .tracker-legend-row,
body.theme-whitegreen .tracker-legend-row b,
body.theme-whitegreen .tracker-recent-main b,
body.theme-whitegreen .tracker-board-foot b,
body.theme-whitegreen .tracker-board-foot p,
body.theme-whitegreen .tracker-recent-empty{
  color:#102419 !important;
}
body.theme-whitegreen .tracker-stat-hero b{color:#102419 !important;}
body.theme-whitegreen .tracker-stat-hero span{color:#1b8d54 !important;}
body.theme-whitegreen .tracker-stat-hero.is-primary small,
body.theme-whitegreen .tracker-stat-hero.is-primary b,
body.theme-whitegreen .tracker-stat-hero.is-primary span{color:#0b2418 !important;}
body.theme-whitegreen .tracker-donut::before{background:linear-gradient(180deg,#ffffff 0%,#f1f5f2 100%) !important;}
body.theme-whitegreen .tracker-donut-center b{color:#102419 !important;}
body.theme-whitegreen .tracker-donut-center span,
body.theme-whitegreen .tracker-recent-main small{color:#54675b !important;}
body.theme-whitegreen .tracker-recent-row{
  background:linear-gradient(160deg,#f7fbf8 0%, #eef4f0 100%) !important;
  border-color:rgba(95,121,106,.16) !important;
}
body.theme-whitegreen .tracker-recent-pill.status-hot,
body.theme-whitegreen .tracker-recent-pill.status-warm{color:#08301e !important;}

@media (max-width:640px){
  .tracker-pipeline-layout{grid-template-columns:1fr;}
  .tracker-donut{width:154px;height:154px;}
  .tracker-donut::before{width:104px;height:104px;}
}
@media (max-width:430px){
  .tracker-overview-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .tracker-stat-hero{min-height:108px;padding:14px;}
  .tracker-stat-hero small{font-size:.9rem;}
  .tracker-stat-hero b{font-size:2.15rem;}
  .tracker-stat-hero span{font-size:.84rem;}
  .tracker-board-head h3{font-size:1.45rem;}
  .tracker-board-head span{font-size:.84rem;}
  .tracker-pipeline-board,.tracker-recent-board{padding:14px;}
  .tracker-donut{width:136px;height:136px;}
  .tracker-donut::before{width:92px;height:92px;}
  .tracker-donut-center b{font-size:2.25rem;}
  .tracker-donut-center span{font-size:.8rem;}
  .tracker-legend-row{font-size:.92rem;}
  .tracker-legend-row b{font-size:1rem;}
  .tracker-recent-row{grid-template-columns:42px 1fr;}
  .tracker-recent-pill{grid-column:2;justify-self:start;padding:6px 11px;font-size:.78rem;}
  .apv119-tool-card{min-height:150px !important;padding:12px !important;}
  .apv119-tool-card b{font-size:13.5px !important;line-height:1.05 !important;padding-right:76px;}
  .apv119-tool-card small{font-size:10.5px !important;line-height:1.2 !important;}
  .apv119-tool-card em{font-size:10.5px !important;}
  .apv119-badge{font-size:9px !important;padding:5px 7px !important;}
}


/* v179 - Premium CRM tracker page polish */
.tracker-hero-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 10%,rgba(115,255,171,.16),transparent 26%),
    radial-gradient(circle at 12% 100%,rgba(60,179,113,.12),transparent 30%),
    linear-gradient(155deg,rgba(8,48,28,.98),rgba(5,24,15,.96)) !important;
  border:1px solid rgba(117,255,179,.18) !important;
}
.tracker-hero-premium::after{
  content:"";
  position:absolute;
  inset:auto -70px -90px auto;
  width:230px;height:230px;border-radius:50%;
  background:radial-gradient(circle,rgba(125,255,180,.13),transparent 70%);
  pointer-events:none;
}
.tracker-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr);
  gap:18px;
  align-items:stretch;
}
.tracker-hero-main{display:grid;gap:12px;align-content:start;}
.tracker-hero-aside{
  align-self:stretch;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  display:grid;
  gap:10px;
}
.tracker-hero-aside small{
  color:#8ef0b2;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tracker-hero-aside b{
  font-size:1.6rem;
  line-height:1.08;
  color:#f7fff9;
}
.tracker-hero-aside p{
  margin:0;
  color:rgba(234,255,241,.78);
  line-height:1.48;
}
.tracker-hero-chips,
.tracker-hero-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tracker-hero-chips span,
.tracker-hero-mini-stats span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#eefef4;
  font-size:.92rem;
  font-weight:800;
}
.tracker-hero-chips b{font-size:1.02rem;color:#8cf2b0;}
.tracker-hero-mini-stats em{font-style:normal;opacity:.95}
.tracker-board-shell .section-head{
  margin-bottom:12px;
}
.tracker-client-card{
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(160deg,rgba(9,28,18,.92),rgba(7,18,13,.96)) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.tracker-client-summary{align-items:start !important;padding:14px 14px 12px !important;}
.tracker-summary-main{gap:4px !important;}
.tracker-summary-main b{font-size:1.08rem !important;white-space:normal !important;}
.tracker-summary-main small{font-size:.79rem !important;}
.tracker-summary-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
}
.tracker-summary-tags em,
.tracker-priority{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  font-style:normal;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.02em;
}
.tracker-summary-tags em{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,255,241,.82);
}
.tracker-summary-side{
  display:grid;
  gap:8px;
  justify-items:end;
}
.tracker-priority{border:1px solid rgba(255,255,255,.08);}
.tracker-priority.priority-high{background:rgba(255,224,162,.12);color:#ffe7a9;border-color:rgba(255,224,162,.26);}
.tracker-priority.priority-medium{background:rgba(111,167,255,.12);color:#b5d1ff;border-color:rgba(111,167,255,.24);}
.tracker-priority.priority-low{background:rgba(154,255,200,.10);color:#b4ffd5;border-color:rgba(154,255,200,.22);}
.tracker-stage-line{
  display:flex !important;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  background:linear-gradient(145deg,rgba(101,255,166,.10),rgba(101,255,166,.05)) !important;
}
.tracker-stage-line b{color:#f7fff9;display:block;}
.tracker-stage-badge{
  white-space:nowrap;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,255,241,.78);
  font-size:.75rem;
  font-weight:800;
}
.tracker-detail-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
  margin-top:12px;
}
.tracker-detail-panel{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.tracker-script-box{
  margin-top:8px;
  padding:12px;
  border-radius:16px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
  color:#effff4;
  line-height:1.5;
}
.tracker-notes-panel b,
.tracker-advice b{font-size:1rem;}
.tracker-notes{
  margin:10px 0 0 !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  color:rgba(234,255,241,.82) !important;
}
.tracker-notes-empty{opacity:.82;font-style:italic;}
.tracker-actions{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body.theme-whitegreen .tracker-hero-premium{
  background:
    radial-gradient(circle at 88% 10%,rgba(112,206,146,.18),transparent 26%),
    linear-gradient(160deg,#ffffff 0%,#eef4f0 100%) !important;
  border-color:rgba(95,121,106,.16) !important;
  box-shadow:0 10px 28px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.theme-whitegreen .tracker-hero-aside,
body.theme-whitegreen .tracker-hero-chips span,
body.theme-whitegreen .tracker-hero-mini-stats span,
body.theme-whitegreen .tracker-client-card,
body.theme-whitegreen .tracker-detail-panel,
body.theme-whitegreen .tracker-stage-badge,
body.theme-whitegreen .tracker-summary-tags em,
body.theme-whitegreen .tracker-script-box{
  background:linear-gradient(160deg,#f8fbf9 0%,#eef3f0 100%) !important;
  border-color:rgba(95,121,106,.15) !important;
  box-shadow:none !important;
}
body.theme-whitegreen .tracker-hero-aside b,
body.theme-whitegreen .tracker-hero-aside p,
body.theme-whitegreen .tracker-hero-chips span,
body.theme-whitegreen .tracker-hero-mini-stats span,
body.theme-whitegreen .tracker-summary-main b,
body.theme-whitegreen .tracker-summary-main small,
body.theme-whitegreen .tracker-stage-line b,
body.theme-whitegreen .tracker-stage-line small,
body.theme-whitegreen .tracker-stage-badge,
body.theme-whitegreen .tracker-detail-panel,
body.theme-whitegreen .tracker-script-box,
body.theme-whitegreen .tracker-notes,
body.theme-whitegreen .tracker-open-indicator{
  color:#102419 !important;
}
body.theme-whitegreen .tracker-hero-aside small,
body.theme-whitegreen .tracker-hero-chips b,
body.theme-whitegreen .tracker-board-shell .monitor-sub,
body.theme-whitegreen .tracker-summary-tags em{
  color:#297a50 !important;
}
body.theme-whitegreen .tracker-client-card{background:linear-gradient(160deg,#ffffff 0%,#eff5f1 100%) !important;}
body.theme-whitegreen .tracker-stage-line{background:linear-gradient(145deg,rgba(104,193,136,.14),rgba(104,193,136,.08)) !important;}
body.theme-whitegreen .tracker-status{box-shadow:none !important;}
body.theme-whitegreen .tracker-priority.priority-high{background:rgba(246,222,163,.6) !important;color:#5a3900 !important;}
body.theme-whitegreen .tracker-priority.priority-medium{background:rgba(158,194,255,.62) !important;color:#143968 !important;}
body.theme-whitegreen .tracker-priority.priority-low{background:rgba(170,241,199,.72) !important;color:#105132 !important;}

@media (max-width:740px){
  .tracker-hero-grid,
  .tracker-detail-grid{grid-template-columns:1fr;}
  .tracker-summary-side{justify-items:start;}
}
@media (max-width:520px){
  .tracker-hero-chips,
  .tracker-hero-mini-stats{gap:8px;}
  .tracker-hero-chips span,
  .tracker-hero-mini-stats span{font-size:.82rem;padding:7px 10px;}
  .tracker-client-summary{grid-template-columns:auto 1fr auto !important;}
  .tracker-summary-side{grid-column:2;justify-items:start;grid-template-columns:auto auto;display:flex;flex-wrap:wrap;}
  .tracker-open-indicator{display:block !important;grid-column:3;grid-row:1 / span 2;align-self:center;}
  .tracker-stage-line{flex-direction:column;}
  .tracker-actions{grid-template-columns:1fr 1fr !important;}
}


/* v181 - Academy Guided Learning mobile page */
.guided-hero{
  position:relative;
  overflow:hidden;
}
.guided-hero:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,255,160,.18),transparent 70%);
  pointer-events:none;
}
.guided-progress-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
}
.guided-progress-row span{
  min-height:58px;
  display:grid;
  gap:2px;
  align-content:center;
  padding:10px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  line-height:1.15;
}
.guided-progress-row b{
  color:var(--soft);
  font-size:16px;
  line-height:1;
}
.guided-section .section-head{
  align-items:flex-end;
  margin-bottom:12px;
}
.guided-timeline{
  position:relative;
  display:grid;
  gap:10px;
}
.guided-timeline:before{
  content:"";
  position:absolute;
  left:22px;
  top:12px;
  bottom:12px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--green),transparent);
  opacity:.38;
}
.guided-step{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(154,255,200,.18);
  background:linear-gradient(145deg,rgba(8,55,34,.82),rgba(4,30,20,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.12);
  overflow:hidden;
}
.guided-step > span{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#dbffe8,#69e99e);
  color:#052b1b;
  font-size:15px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.7);
}
.guided-step div{min-width:0;display:grid;gap:5px;}
.guided-step b{
  color:#f5fff8;
  font-size:17px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.guided-step p{
  margin:0;
  color:rgba(234,255,241,.72);
  font-size:13px;
  line-height:1.38;
}
.guided-step em{
  font-style:normal;
  color:#ffe28a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.guided-step button{
  grid-column:2;
  justify-self:start;
  min-height:38px;
  border:1px solid rgba(154,255,200,.24);
  border-radius:999px;
  padding:9px 13px;
  background:rgba(255,255,255,.06);
  color:#dffff0;
  font-size:12px;
  font-weight:900;
}
.guided-step.free button,
.guided-step.pro.unlocked button{
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:var(--btnText,#061a0f);
  border-color:rgba(154,255,200,.42);
}
.guided-step.pro.locked{
  background:linear-gradient(145deg,rgba(75,55,18,.72),rgba(4,30,20,.88));
  border-color:rgba(255,224,136,.20);
}
.guided-step.pro.locked > span{
  background:linear-gradient(145deg,#fff2b9,#e0b24d);
}
.pro-timeline:before{background:linear-gradient(180deg,#ffe28a,transparent);}
.guided-routine h2{margin:6px 0 12px;}
.routine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.routine-grid span{
  min-height:72px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:11px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
}
.routine-grid b{color:var(--soft);font-size:15px;}
body.theme-whitegreen .guided-step,
body.theme-whitegreen .guided-routine,
body.theme-whitegreen .guided-progress-row span,
body.theme-whitegreen .routine-grid span{
  background:linear-gradient(160deg,#ffffff 0%,#eff5f1 100%) !important;
  border-color:rgba(95,121,106,.16) !important;
  box-shadow:0 10px 24px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.theme-whitegreen .guided-step b,
body.theme-whitegreen .guided-step p,
body.theme-whitegreen .guided-progress-row span,
body.theme-whitegreen .routine-grid span{color:#102419 !important;}
body.theme-whitegreen .guided-step p{color:#54675b !important;}
@media(max-width:430px){
  .guided-progress-row,.routine-grid{grid-template-columns:1fr;}
  .guided-step{grid-template-columns:42px minmax(0,1fr);padding:12px;border-radius:20px;}
  .guided-step > span{width:42px;height:42px;border-radius:14px;font-size:13px;}
  .guided-step b{font-size:15.5px;}
  .guided-step p{font-size:12.5px;}
  .guided-step button{grid-column:1 / -1;justify-self:stretch;}
  .guided-timeline:before{left:20px;}
}


/* v182 - Home Tools cards minimized + Agent Tools card overlap fix */
/* Home Dashboard Tools section: match Academy card proportions and layout */
.apv119-tools-grid.apv120-square-grid,
.apv119-tools-grid.apv122-square-grid,
.apv119-tools-grid.apv123-square-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.apv119-tools-grid .apv119-tool-card{
  position:relative !important;
  min-height:154px !important;
  aspect-ratio:auto !important;
  padding:82px 14px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-content:start !important;
  gap:5px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.apv119-tools-grid .apv119-tool-card .apv119-emoji{
  position:absolute !important;
  top:17px !important;
  left:17px !important;
  width:52px !important;
  height:52px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:17px !important;
  font-size:26px !important;
  line-height:1 !important;
  margin:0 !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  z-index:2 !important;
}
.apv119-tools-grid .apv119-tool-card .apv119-badge{
  top:17px !important;
  right:14px !important;
  max-width:86px !important;
  min-width:auto !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-size:10px !important;
  padding:6px 10px !important;
  z-index:3 !important;
}
.apv119-tools-grid .apv119-tool-card b{
  display:block !important;
  padding-right:0 !important;
  margin:0 !important;
  max-width:100% !important;
  color:#f6fff8 !important;
  font-size:15.5px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  z-index:2 !important;
}
.apv119-tools-grid .apv119-tool-card small{
  display:block !important;
  padding-right:0 !important;
  margin:2px 0 0 !important;
  color:rgba(234,255,241,.70) !important;
  font-size:12px !important;
  line-height:1.25 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  z-index:2 !important;
}
.apv119-tools-grid .apv119-tool-card em{
  display:block !important;
  padding-right:0 !important;
  margin-top:auto !important;
  color:#7dffad !important;
  font-size:11px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  white-space:normal !important;
  z-index:2 !important;
}

/* Agent Tools page cards: prevent icon/title/badge overlap and keep readable card rhythm */
.tools-green-grid .feature-card-simple,
.feature-grid-simple.tools-green-grid .feature-card-simple{
  position:relative !important;
  min-height:164px !important;
  padding:88px 14px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:5px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.tools-green-grid .feature-card-simple .feature-icon,
.feature-grid-simple.tools-green-grid .feature-card-simple .feature-icon{
  position:absolute !important;
  top:17px !important;
  left:17px !important;
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  font-size:27px !important;
  line-height:1 !important;
  background:rgba(255,255,255,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  z-index:2 !important;
}
.tools-green-grid .feature-card-simple .badge,
.feature-grid-simple.tools-green-grid .feature-card-simple .badge{
  position:absolute !important;
  top:17px !important;
  right:14px !important;
  min-width:auto !important;
  max-width:100px !important;
  white-space:nowrap !important;
  text-align:center !important;
  z-index:3 !important;
}
.tools-green-grid .feature-card-simple b,
.feature-grid-simple.tools-green-grid .feature-card-simple b{
  display:block !important;
  margin:0 !important;
  padding-right:0 !important;
  width:100% !important;
  color:#f6fff8 !important;
  font-size:15.5px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  z-index:2 !important;
}
.tools-green-grid .feature-card-simple small,
.feature-grid-simple.tools-green-grid .feature-card-simple small{
  display:block !important;
  margin:3px 0 0 !important;
  width:100% !important;
  color:rgba(234,255,241,.74) !important;
  font-size:12px !important;
  line-height:1.26 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  z-index:2 !important;
}
.tools-green-grid .feature-card-simple .mini-lock,
.feature-grid-simple.tools-green-grid .feature-card-simple .mini-lock{
  display:block !important;
  margin-top:auto !important;
  color:#ffe28a !important;
  font-size:11.5px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  white-space:normal !important;
  z-index:2 !important;
}
.tools-green-grid .commission-free-card .mini-lock,
.feature-grid-simple.tools-green-grid .commission-free-card .mini-lock{
  color:#7dffad !important;
}
body.is-pro .tools-green-grid .feature-card-simple.pro-card-unlocked b,
body.is-pro .tools-green-grid .feature-card-simple.pro-card-unlocked small,
body.is-pro .tools-green-grid .feature-card-simple.pro-card-unlocked .mini-lock,
body.is-pro .apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) b,
body.is-pro .apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) small,
body.is-pro .apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active) em{
  text-shadow:none !important;
}
body.theme-whitegreen .tools-green-grid .feature-card-simple b,
body.theme-whitegreen .tools-green-grid .feature-card-simple small,
body.theme-whitegreen .tools-green-grid .feature-card-simple .mini-lock,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card b,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card small,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card em{
  color:#102419 !important;
}
body.theme-whitegreen .tools-green-grid .feature-card-simple .mini-lock,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card em{
  color:#1b8d54 !important;
}
@media(max-width:430px){
  .apv119-tools-grid .apv119-tool-card{
    min-height:148px !important;
    padding:78px 12px 12px !important;
  }
  .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .tools-green-grid .feature-card-simple .feature-icon{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    font-size:24px !important;
    top:15px !important;
    left:15px !important;
  }
  .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .tools-green-grid .feature-card-simple .badge{
    top:15px !important;
    right:12px !important;
    font-size:9px !important;
    padding:5px 8px !important;
    max-width:96px !important;
  }
  .apv119-tools-grid .apv119-tool-card b,
  .tools-green-grid .feature-card-simple b{
    font-size:14.2px !important;
    line-height:1.06 !important;
  }
  .apv119-tools-grid .apv119-tool-card small,
  .tools-green-grid .feature-card-simple small{
    font-size:11px !important;
    line-height:1.22 !important;
  }
  .apv119-tools-grid .apv119-tool-card em,
  .tools-green-grid .feature-card-simple .mini-lock{
    font-size:10.8px !important;
  }
  .tools-green-grid .feature-card-simple{
    min-height:156px !important;
    padding:78px 12px 12px !important;
  }
}

/* v183 - Match Home Tools + Agent Tools cards to Academy card sizing */
.apv119-tools-grid.apv120-square-grid,
.apv119-tools-grid.apv122-square-grid,
.apv119-tools-grid.apv123-square-grid,
.tools-green-grid,
.feature-grid-simple.tools-green-grid{
  gap:10px !important;
}

/* Homepage Tools cards */
.apv119-tools-grid .apv119-tool-card{
  min-height:136px !important;
  padding:68px 12px 12px !important;
  border-radius:20px !important;
  gap:4px !important;
}
.apv119-tools-grid .apv119-tool-card .apv119-emoji{
  top:14px !important;
  left:14px !important;
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
  font-size:22px !important;
}
.apv119-tools-grid .apv119-tool-card .apv119-badge{
  top:14px !important;
  right:12px !important;
  font-size:9px !important;
  padding:5px 9px !important;
  max-width:82px !important;
}
.apv119-tools-grid .apv119-tool-card b{
  font-size:13.8px !important;
  line-height:1.08 !important;
  max-width:100% !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.apv119-tools-grid .apv119-tool-card small{
  font-size:10.7px !important;
  line-height:1.2 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.apv119-tools-grid .apv119-tool-card em{
  font-size:10.2px !important;
  line-height:1.15 !important;
  margin-top:auto !important;
}

/* Agent Tools page cards */
.tools-green-grid .feature-card-simple,
.feature-grid-simple.tools-green-grid .feature-card-simple{
  min-height:136px !important;
  padding:68px 12px 12px !important;
  border-radius:20px !important;
  gap:4px !important;
}
.tools-green-grid .feature-card-simple .feature-icon,
.feature-grid-simple.tools-green-grid .feature-card-simple .feature-icon{
  top:14px !important;
  left:14px !important;
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
  font-size:22px !important;
}
.tools-green-grid .feature-card-simple .badge,
.feature-grid-simple.tools-green-grid .feature-card-simple .badge{
  top:14px !important;
  right:12px !important;
  font-size:9px !important;
  padding:5px 9px !important;
  max-width:90px !important;
}
.tools-green-grid .feature-card-simple b,
.feature-grid-simple.tools-green-grid .feature-card-simple b{
  font-size:13.8px !important;
  line-height:1.08 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.tools-green-grid .feature-card-simple small,
.feature-grid-simple.tools-green-grid .feature-card-simple small{
  font-size:10.7px !important;
  line-height:1.2 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.tools-green-grid .feature-card-simple .mini-lock,
.feature-grid-simple.tools-green-grid .feature-card-simple .mini-lock{
  font-size:10.2px !important;
  line-height:1.15 !important;
  margin-top:auto !important;
}

@media(max-width:430px){
  .apv119-tools-grid .apv119-tool-card,
  .tools-green-grid .feature-card-simple,
  .feature-grid-simple.tools-green-grid .feature-card-simple{
    min-height:132px !important;
    padding:64px 11px 11px !important;
    border-radius:19px !important;
  }
  .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .tools-green-grid .feature-card-simple .feature-icon,
  .feature-grid-simple.tools-green-grid .feature-card-simple .feature-icon{
    top:12px !important;
    left:12px !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:20px !important;
  }
  .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .tools-green-grid .feature-card-simple .badge,
  .feature-grid-simple.tools-green-grid .feature-card-simple .badge{
    top:12px !important;
    right:11px !important;
    font-size:8.8px !important;
    padding:5px 8px !important;
    max-width:88px !important;
  }
  .apv119-tools-grid .apv119-tool-card b,
  .tools-green-grid .feature-card-simple b,
  .feature-grid-simple.tools-green-grid .feature-card-simple b{
    font-size:13.1px !important;
  }
  .apv119-tools-grid .apv119-tool-card small,
  .tools-green-grid .feature-card-simple small,
  .feature-grid-simple.tools-green-grid .feature-card-simple small{
    font-size:10.3px !important;
  }
  .apv119-tools-grid .apv119-tool-card em,
  .tools-green-grid .feature-card-simple .mini-lock,
  .feature-grid-simple.tools-green-grid .feature-card-simple .mini-lock{
    font-size:9.8px !important;
  }
}


/* v185 - White-Green Pro mode targeted visibility fixes */
body.theme-whitegreen #langToggle,
body.theme-whitegreen #langToggle.chip{
  background:linear-gradient(160deg,#f8fffa 0%,#e2f6e9 100%) !important;
  border:1px solid rgba(111,208,149,.42) !important;
  color:#184f33 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(0,0,0,.18) !important;
}
body.theme-whitegreen #langToggle *,
body.theme-whitegreen #langToggle.chip *{
  color:#184f33 !important;
}
body.theme-whitegreen .topbar .pro-pill,
body.theme-whitegreen .topbar .pro-pill *{
  color:#0b2418 !important;
}

body.theme-whitegreen .bottom-nav .nav-item[data-tab="process"]{
  background:linear-gradient(160deg,#eef7f1 0%,#dceadf 100%) !important;
  border:1px solid rgba(56,161,96,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 18px rgba(13,107,60,.08) !important;
}
body.theme-whitegreen .bottom-nav .nav-item[data-tab="process"],
body.theme-whitegreen .bottom-nav .nav-item[data-tab="process"] span,
body.theme-whitegreen .bottom-nav .nav-item[data-tab="process"] b{
  color:#2c4e3c !important;
  opacity:1 !important;
}
body.theme-whitegreen .bottom-nav .nav-item.active[data-tab="process"],
body.theme-whitegreen .bottom-nav .nav-item.active[data-tab="process"] span,
body.theme-whitegreen .bottom-nav .nav-item.active[data-tab="process"] b{
  background:linear-gradient(160deg,#d4f2df 0%,#bee8cc 100%) !important;
  color:#116f41 !important;
}

body.theme-whitegreen .apv145-process-card h3,
body.theme-whitegreen .apv145-process-card b,
body.theme-whitegreen .apv145-process-card strong,
body.theme-whitegreen .apv145-process-card em{
  color:#102419 !important;
}
body.theme-whitegreen .apv145-process-copy p{
  color:#476252 !important;
}
body.theme-whitegreen .apv145-main-pill{
  background:linear-gradient(160deg,#effaf2 0%,#ddf3e4 100%) !important;
  border-color:rgba(56,161,96,.26) !important;
  color:#27734a !important;
  box-shadow:none !important;
}
body.theme-whitegreen .apv145-quickline span{
  background:linear-gradient(160deg,#eff9f2 0%,#dcefe3 100%) !important;
  border:1px solid rgba(56,161,96,.20) !important;
  color:#24583a !important;
}
body.theme-whitegreen .apv145-cta-bar{
  background:linear-gradient(135deg,#0f2c1b 0%,#1d5b39 100%) !important;
  border-color:rgba(92,201,133,.30) !important;
}
body.theme-whitegreen .apv145-cta-bar b{
  color:#ffffff !important;
}
body.theme-whitegreen .apv145-cta-bar small{
  color:#d0f6dd !important;
}
body.theme-whitegreen .apv145-cta-bar strong{
  background:linear-gradient(135deg,#95f0ba 0%,#66d893 100%) !important;
  border-color:rgba(149,240,186,.45) !important;
  color:#0b2418 !important;
}

body.theme-whitegreen .scriptbank-page .script-card.card,
body.theme-whitegreen .scriptbank-page .script-card.card.open{
  background:linear-gradient(160deg,#ffffff 0%,#f2f8f4 100%) !important;
  border-color:rgba(95,121,106,.18) !important;
  box-shadow:0 10px 24px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.theme-whitegreen .scriptbank-page .script-head .eyebrow{
  color:#5e7e6b !important;
}
body.theme-whitegreen .scenario-card .script-head small,
body.theme-whitegreen .scriptbank-page .script-head b,
body.theme-whitegreen .scriptbank-page .script-head em{
  color:#102419 !important;
}
body.theme-whitegreen .scriptbank-page .script-head em{
  background:linear-gradient(160deg,#eef8f1 0%,#dbefe2 100%) !important;
  border:1px solid rgba(56,161,96,.22) !important;
}
body.theme-whitegreen .scriptbank-page .script-accordion-body{
  border-top:1px solid rgba(95,121,106,.12) !important;
}
body.theme-whitegreen .scriptbank-page .lesson-note{
  background:linear-gradient(160deg,#f2f9f4 0%,#e7f2ea 100%) !important;
}
body.theme-whitegreen .scriptbank-page .lesson-note p{
  color:#446353 !important;
}
body.theme-whitegreen .scriptbank-page .copy-script-block,
body.theme-whitegreen .scriptbank-page .script-text,
body.theme-whitegreen .script-text{
  background:linear-gradient(160deg,#eef7f1 0%,#dceee3 100%) !important;
  border:1px solid rgba(95,121,106,.16) !important;
  color:#102419 !important;
  box-shadow:none !important;
}
body.theme-whitegreen .scriptbank-page .copy-script-block p,
body.theme-whitegreen .scriptbank-page .script-text,
body.theme-whitegreen .script-text{
  color:#102419 !important;
}
body.theme-whitegreen .scriptbank-page .inline-copy,
body.theme-whitegreen .scriptbank-page .copy-btn,
body.theme-whitegreen .script-card .primary.full{
  background:linear-gradient(135deg,#95f0ba 0%,#66d893 100%) !important;
  color:#0b2418 !important;
  border-color:rgba(56,161,96,.28) !important;
}
body.theme-whitegreen .scriptbank-page .inline-copy *,
body.theme-whitegreen .scriptbank-page .copy-btn *,
body.theme-whitegreen .script-card .primary.full *{
  color:#0b2418 !important;
}

body.theme-whitegreen .apv119-mini-grid .apv119-mini-card{
  background:linear-gradient(160deg,#effcf3 0%,#d6f4df 50%,#b7ebc8 100%) !important;
  border-color:rgba(56,161,96,.24) !important;
  box-shadow:0 10px 24px rgba(99,122,108,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card.apv119-highlight-card{
  background:linear-gradient(160deg,#e3faeb 0%,#c8f1d6 52%,#9fe3b6 100%) !important;
}
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card b,
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card small,
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card .apv119-emoji{
  color:#102419 !important;
}
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card small{
  color:#355542 !important;
}
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card .apv119-badge{
  background:rgba(255,255,255,.54) !important;
  border-color:rgba(56,161,96,.24) !important;
  color:#24583a !important;
}
body.theme-whitegreen .apv119-mini-grid .apv119-mini-card .apv119-badge.active{
  background:rgba(255,255,255,.60) !important;
  color:#116f41 !important;
}


/* v186 - White-Green follow-up readability fixes */
body.theme-whitegreen .apv145-main-pill,
body.theme-whitegreen .apv145-main-pill *,
body.theme-whitegreen .apv124-process-card .apv145-main-pill,
body.theme-whitegreen .apv124-process-card .apv145-main-pill *{
  color:#55b878 !important;
  text-shadow:none !important;
  opacity:1 !important;
  font-weight:900 !important;
}
body.theme-whitegreen .apv145-main-pill,
body.theme-whitegreen .apv124-process-card .apv145-main-pill{
  background:linear-gradient(160deg,#eef9f2 0%,#ddf3e5 100%) !important;
  border:1px solid rgba(86,180,118,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.theme-whitegreen .apv119-panel.apv119-tutorial,
body.theme-whitegreen .apv119-panel.apv119-focus{
  background:linear-gradient(160deg,#ffffff 0%,#f1f6f2 100%) !important;
  border-color:rgba(95,121,106,.18) !important;
}
body.theme-whitegreen .apv119-tutorial .apv119-play{
  background:linear-gradient(160deg,#eff9f2 0%,#deefe4 100%) !important;
  border-color:rgba(56,161,96,.20) !important;
  color:#5fce89 !important;
}
body.theme-whitegreen .apv119-tutorial .apv119-play *,
body.theme-whitegreen .apv119-tutorial .apv119-play::before{
  color:#5fce89 !important;
}
body.theme-whitegreen .apv119-tutorial h2,
body.theme-whitegreen .apv119-tutorial h2 *,
body.theme-whitegreen .apv119-tutorial .apv119-eyebrow,
body.theme-whitegreen .apv119-tutorial .apv119-eyebrow *,
body.theme-whitegreen .apv119-tutorial p,
body.theme-whitegreen .apv119-tutorial p *{
  opacity:1 !important;
}
body.theme-whitegreen .apv119-tutorial h2,
body.theme-whitegreen .apv119-tutorial h2 *{
  color:#102419 !important;
}
body.theme-whitegreen .apv119-tutorial p:not(.apv119-eyebrow),
body.theme-whitegreen .apv119-tutorial p:not(.apv119-eyebrow) *{
  color:#51685a !important;
}
body.theme-whitegreen .apv119-tutorial button,
body.theme-whitegreen .apv119-tutorial button *{
  background:linear-gradient(135deg,#95f0ba 0%,#67d893 100%) !important;
  border-color:rgba(56,161,96,.24) !important;
  color:#0b2418 !important;
}

body.theme-whitegreen .apv119-focus .mini-btn,
body.theme-whitegreen .apv119-focus .mini-btn *{
  background:linear-gradient(135deg,#68c97f 0%,#4caf64 100%) !important;
  border-color:rgba(56,161,96,.24) !important;
  color:#ffffff !important;
}
body.theme-whitegreen .apv119-focus h2,
body.theme-whitegreen .apv119-focus h2 *,
body.theme-whitegreen .apv119-focus .apv119-small-line,
body.theme-whitegreen .apv119-focus .apv119-small-line *{
  color:#102419 !important;
  opacity:1 !important;
}
body.theme-whitegreen .apv119-focus .apv119-progress-row span,
body.theme-whitegreen .apv119-focus .apv119-progress-row span *{
  color:#5fce89 !important;
  opacity:1 !important;
}
body.theme-whitegreen .apv119-focus .apv119-progress-row div{
  background:linear-gradient(160deg,#edf4ef 0%,#dfe8e2 100%) !important;
  border:1px solid rgba(95,121,106,.12) !important;
}
body.theme-whitegreen .apv119-focus .apv119-progress-row b,
body.theme-whitegreen .apv119-focus .apv119-progress-row b *{
  color:#102419 !important;
}


/* v187 - Login footer credits: Dream Valley + AMOZ */
.apv187-login-footer{
  width:100%;
  margin:26px auto 0;
  padding:16px 0 4px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  gap:14px;
  align-items:center;
  justify-items:center;
}
.apv187-credit-row{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:0 8px;
  opacity:.92;
}
.apv187-credit-row span{
  color:rgba(245,238,214,.66);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  text-align:right;
}
.apv187-credit-row img{
  display:block;
  width:auto;
  max-width:min(250px,100%);
  max-height:42px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));
}
.apv187-credit-row:first-child img{max-height:48px;}
.apv187-credit-row:last-child img{max-height:42px;}
@media(max-height:820px){
  .apv187-login-footer{margin-top:18px;gap:10px;padding-top:12px;}
  .apv187-credit-row{min-height:34px;grid-template-columns:88px minmax(0,1fr);gap:9px;}
  .apv187-credit-row span{font-size:9.6px;letter-spacing:.06em;}
  .apv187-credit-row:first-child img{max-height:38px;}
  .apv187-credit-row:last-child img{max-height:34px;}
}
@media(max-width:390px){
  .apv187-credit-row{grid-template-columns:1fr;gap:4px;justify-items:center;padding:0;}
  .apv187-credit-row span{text-align:center;font-size:9.5px;}
  .apv187-credit-row img{object-position:center center;max-width:240px;}
}


/* v188 - login footer horizontal credits + always-fixed top header */
.apv187-login-footer{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
  justify-items:stretch;
  padding:14px 0 2px;
}
.apv187-credit-row{
  min-height:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:0 4px;
}
.apv187-credit-row span{
  text-align:center;
  font-size:10px;
  letter-spacing:.07em;
}
.apv187-credit-row img{
  max-width:100%;
  width:auto;
  object-position:center center;
}
.apv187-credit-row:first-child img{max-height:34px;}
.apv187-credit-row:last-child img{max-height:30px;}
@media(max-height:820px){
  .apv187-login-footer{margin-top:16px;gap:8px;padding-top:10px;}
  .apv187-credit-row span{font-size:9px;}
  .apv187-credit-row:first-child img{max-height:30px;}
  .apv187-credit-row:last-child img{max-height:27px;}
}
@media(max-width:390px){
  .apv187-login-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .apv187-credit-row{gap:5px;padding:0 2px;}
  .apv187-credit-row span{font-size:8.8px;}
  .apv187-credit-row img{max-width:100%;}
  .apv187-credit-row:first-child img{max-height:28px;}
  .apv187-credit-row:last-child img{max-height:25px;}
}

body:not(.apv134-guest-login-active) .topbar{
  position:fixed !important;
  top:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(100%, 480px) !important;
  z-index:999 !important;
}
body:not(.apv134-guest-login-active) .content{
  padding-top:calc(92px + env(safe-area-inset-top)) !important;
}
body:not(.apv134-guest-login-active).theme-whitegreen .content{
  padding-top:calc(92px + env(safe-area-inset-top)) !important;
}
body:not(.apv134-guest-login-active) .app-shell{
  overflow-x:hidden !important;
}

/* v190 - Special polish: login button centering, quote label minimal, remove CTA image spacing */
.apv136-submit-btn,
.apv137-submit-btn,
.apv140-submit-btn,
.apv162-submit-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  min-height:70px !important;
}
.daily-quote-slide .eyebrow,
.apv123-quote-slide .eyebrow,
.apv124-quote-wrap .eyebrow,
.apv123-quote-wrap .eyebrow,
.apv160-free-hero-card .daily-quote-slide .eyebrow{
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
  opacity:.82 !important;
  margin-bottom:8px !important;
}
@media(max-width:430px){
  .daily-quote-slide .eyebrow,
  .apv123-quote-slide .eyebrow,
  .apv124-quote-wrap .eyebrow,
  .apv123-quote-wrap .eyebrow,
  .apv160-free-hero-card .daily-quote-slide .eyebrow{
    font-size:9px !important;
    letter-spacing:.10em !important;
  }
}

/* v191 - Login button height + compact Home welcome/quote label */
.apv136-submit-btn,
.apv137-submit-btn,
.apv140-submit-btn,
.apv162-submit-btn{
  min-height:54px !important;
  height:54px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:1.02rem !important;
}

.apv168-free-welcome h1,
.apv160-free-welcome h1,
.apv157-free-welcome h1,
.apv140-free-welcome h1,
.apv168-pro-welcome-strip h1,
.apv124-welcome-strip h1,
.apv123-welcome-strip h1{
  font-size:clamp(22px, 6.2vw, 28px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  margin:0 0 4px !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-free-welcome p,
.apv160-free-welcome p,
.apv157-free-welcome p,
.apv140-free-welcome p,
.apv168-pro-welcome-strip .apv123-subline,
.apv124-welcome-strip .apv123-subline{
  font-size:12px !important;
  line-height:1.25 !important;
  margin:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-free-welcome .apv139-free-pill,
.apv160-free-welcome .apv139-free-pill,
.apv157-free-welcome .apv139-free-pill{
  font-size:9px !important;
  min-height:28px !important;
  padding:6px 13px !important;
  margin-bottom:10px !important;
}
.apv160-home .apv160-free-welcome,
.apv168-free-welcome,
.apv168-pro-welcome-strip{
  margin-bottom:10px !important;
}
.apv160-home .apv160-free-hero-card .apv123-hero-divider,
.apv168-free-hero-card .apv123-hero-divider,
.apv168-pro-hero-card .apv123-hero-divider{
  margin:10px 0 !important;
}

.daily-quote-slide > .eyebrow,
.daily-quote-slide .eyebrow,
.apv123-quote-slide > .eyebrow,
.apv124-quote-wrap .daily-quote-slide > .eyebrow,
.apv160-free-hero-card .daily-quote-slide > .eyebrow{
  font-size:7px !important;
  line-height:1.05 !important;
  letter-spacing:.10em !important;
  font-weight:800 !important;
  opacity:.70 !important;
  margin-bottom:6px !important;
}
@media(max-width:430px){
  .apv136-submit-btn,
  .apv137-submit-btn,
  .apv140-submit-btn,
  .apv162-submit-btn{
    min-height:52px !important;
    height:52px !important;
    font-size:.98rem !important;
    border-radius:17px !important;
  }
  .apv168-free-welcome h1,
  .apv160-free-welcome h1,
  .apv157-free-welcome h1,
  .apv140-free-welcome h1,
  .apv168-pro-welcome-strip h1,
  .apv124-welcome-strip h1,
  .apv123-welcome-strip h1{
    font-size:25px !important;
  }
  .daily-quote-slide > .eyebrow,
  .daily-quote-slide .eyebrow,
  .apv123-quote-slide > .eyebrow{
    font-size:6.5px !important;
    letter-spacing:.08em !important;
  }
}


/* v192 - FORCE compact Login button + Home welcome and quote label */
.apv136-form-card .apv136-submit-btn,
.apv136-form-card .apv137-submit-btn,
.apv136-form-card .apv140-submit-btn,
.apv136-form-card .apv162-submit-btn,
button.apv136-submit-btn.apv137-submit-btn.apv140-submit-btn.apv162-submit-btn{
  min-height:44px !important;
  height:44px !important;
  max-height:44px !important;
  padding:0 16px !important;
  border-radius:15px !important;
  font-size:.92rem !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.apv168-home .apv168-free-hero-card .apv168-free-welcome,
.apv168-home .apv168-pro-hero-card .apv168-pro-welcome-strip,
.apv168-free-hero-card .apv168-free-welcome,
.apv168-pro-hero-card .apv168-pro-welcome-strip{
  margin-bottom:6px !important;
  padding-bottom:0 !important;
}
.apv168-home .apv168-free-hero-card .apv168-free-welcome > h1,
.apv168-home .apv168-pro-hero-card .apv168-pro-welcome-strip h1,
.apv168-free-hero-card .apv168-free-welcome > h1,
.apv168-pro-hero-card .apv168-pro-welcome-strip h1,
.apv123-hero-card .apv168-free-welcome > h1,
.apv124-hero-card .apv168-pro-welcome-strip h1{
  font-size:20px !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  margin:0 0 2px !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-home .apv168-free-hero-card .apv168-free-welcome > p,
.apv168-home .apv168-pro-hero-card .apv168-pro-welcome-strip .apv123-subline,
.apv168-free-hero-card .apv168-free-welcome > p,
.apv168-pro-hero-card .apv168-pro-welcome-strip .apv123-subline{
  font-size:10.5px !important;
  line-height:1.18 !important;
  margin:0 !important;
  opacity:.72 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.apv168-free-hero-card .apv139-free-pill,
.apv168-home .apv168-free-hero-card .apv139-free-pill{
  font-size:7.5px !important;
  min-height:22px !important;
  padding:4px 10px !important;
  margin-bottom:7px !important;
  letter-spacing:.14em !important;
}

.apv168-home .daily-quote-slide > p.eyebrow,
.apv168-home .daily-quote-slide > .quote-mini-label,
.apv168-home .apv123-quote-slide > p.eyebrow,
.apv168-home .apv123-quote-slide > .quote-mini-label,
.apv168-free-hero-card .daily-quote-slide > p.eyebrow,
.apv168-pro-hero-card .daily-quote-slide > p.eyebrow,
.daily-quote-slide > p.quote-mini-label,
.daily-quote-slide > p.eyebrow.quote-mini-label{
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  font-weight:800 !important;
  opacity:.52 !important;
  margin:0 0 4px !important;
  transform:scale(.78) !important;
  transform-origin:left center !important;
  display:inline-block !important;
}
.apv168-home .apv123-quote-wrap,
.apv168-free-hero-card .apv123-quote-wrap,
.apv168-pro-hero-card .apv123-quote-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}
.apv168-home .apv123-hero-divider,
.apv168-free-hero-card .apv123-hero-divider,
.apv168-pro-hero-card .apv123-hero-divider{
  margin:7px 0 !important;
}
@media(max-width:430px){
  .apv168-home .apv168-free-hero-card .apv168-free-welcome > h1,
  .apv168-home .apv168-pro-hero-card .apv168-pro-welcome-strip h1,
  .apv168-free-hero-card .apv168-free-welcome > h1,
  .apv168-pro-hero-card .apv168-pro-welcome-strip h1{
    font-size:19px !important;
  }
  .apv168-home .daily-quote-slide > p.eyebrow,
  .apv168-home .daily-quote-slide > .quote-mini-label,
  .daily-quote-slide > p.quote-mini-label{
    font-size:5.5px !important;
    transform:scale(.72) !important;
  }
}


/* v194 Messenger proof done follow-up */
.payment-done-btn{ margin-top: 8px; box-shadow: 0 12px 30px rgba(53,231,138,.18); }
.payment-done-hint{ text-align:center; margin: 6px 0 0; }
.payment-next-steps{ display:grid; gap:10px; margin: 14px 0; }
.payment-next-steps div{ display:flex; gap:10px; align-items:flex-start; padding:12px; border-radius:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); }
.payment-next-steps b{ display:inline-flex; width:28px; height:28px; flex:0 0 28px; align-items:center; justify-content:center; border-radius:50%; background:rgba(53,231,138,.16); color:#35e78a; }
.payment-note-box{ padding:12px; border-radius:16px; background:rgba(53,231,138,.10); border:1px solid rgba(53,231,138,.25); color:rgba(247,255,250,.92); }


/* v197 fixes: respect hidden state and improve payment next-step readability */
#proofDoneBtn[hidden], .payment-done-btn[hidden] { display: none !important; visibility: hidden !important; }
.payment-next-steps { display: grid !important; gap: 10px !important; }
.payment-next-steps div { display: grid !important; grid-template-columns: 34px minmax(0,1fr) !important; align-items: start !important; gap: 10px !important; }
.payment-next-steps div > b { width: 28px !important; height: 28px !important; min-width: 28px !important; max-width: 28px !important; display: grid !important; place-items: center !important; line-height: 1 !important; font-size: 14px !important; }
.payment-next-steps div > span { display: block !important; min-width: 0 !important; line-height: 1.42 !important; font-size: 14px !important; word-break: normal !important; }


/* v198 — delayed proof button and compact thank-you polish */
#proofDoneBtn[hidden], .payment-done-btn[hidden], .payment-done-white[hidden]{
  display:none !important;
  visibility:hidden !important;
}
.payment-done-white{
  background:#ffffff !important;
  background-image:none !important;
  color:#062415 !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 14px 34px rgba(255,255,255,.12), 0 10px 26px rgba(0,0,0,.24) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
.payment-done-white:hover,
.payment-done-white:focus{
  background:#f4fff8 !important;
  color:#042314 !important;
}
.payment-thankyou-compact{
  text-align:left !important;
  padding:22px 18px 18px !important;
  max-width:520px !important;
}
.payment-thankyou-compact .close{ top:10px !important; right:10px !important; }
.payment-thankyou-compact .thankyou-badge{
  width:48px; height:48px; border-radius:18px;
  display:grid; place-items:center;
  background:linear-gradient(135deg, rgba(53,231,138,.95), rgba(255,255,255,.94));
  color:#052111; font-weight:1000; font-size:28px;
  box-shadow:0 16px 36px rgba(53,231,138,.20);
  margin:0 0 12px;
}
.payment-thankyou-compact h2{
  font-size:clamp(24px, 6vw, 34px) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  margin:6px 0 10px !important;
}
.payment-thankyou-compact .thankyou-lead{
  font-size:15px !important;
  line-height:1.45 !important;
  margin:0 0 14px !important;
}
.thankyou-mini-flow{
  display:grid !important;
  gap:8px !important;
  margin:12px 0 !important;
}
.thankyou-mini-flow div{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding:10px 11px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.thankyou-mini-flow b{
  width:26px !important; height:26px !important;
  display:grid !important; place-items:center !important;
  border-radius:50% !important;
  background:rgba(53,231,138,.16) !important;
  color:#35e78a !important;
  font-size:13px !important; line-height:1 !important;
}
.thankyou-mini-flow span{
  display:block !important;
  min-width:0 !important;
  font-size:14px !important;
  line-height:1.36 !important;
  word-break:normal !important;
}
.thankyou-soft-note{
  margin:10px 0 12px !important;
  padding:10px 12px !important;
  border-radius:15px !important;
  background:rgba(53,231,138,.10) !important;
  border:1px solid rgba(53,231,138,.22) !important;
  color:rgba(247,255,250,.88) !important;
  font-size:13.5px !important;
  line-height:1.36 !important;
}
.payment-thankyou-compact .primary.full,
.payment-thankyou-compact .secondary.full{
  margin-top:8px !important;
  min-height:48px !important;
}
@media(max-width:430px){
  .payment-thankyou-compact{ padding:20px 14px 14px !important; }
  .payment-thankyou-compact h2{ font-size:26px !important; }
  .payment-thankyou-compact .thankyou-lead{ font-size:14px !important; }
  .thankyou-mini-flow div{ padding:9px 10px !important; }
  .thankyou-mini-flow span{ font-size:13.5px !important; }
}


/* v199 — force white Done button + paid/email thank-you polish */
#proofDoneBtn.payment-done-white,
#proofDoneBtn.payment-done-white.primary,
#proofDoneBtn.payment-done-white.primary.full,
button#proofDoneBtn.payment-done-white,
button#proofDoneBtn.payment-done-white.primary.full{
  background:#ffffff !important;
  background-image:none !important;
  color:#071b10 !important;
  border:1px solid rgba(255,255,255,.96) !important;
  text-shadow:none !important;
  box-shadow:0 14px 34px rgba(255,255,255,.13), 0 10px 26px rgba(0,0,0,.24) !important;
  font-weight:1000 !important;
}
#proofDoneBtn.payment-done-white:hover,
#proofDoneBtn.payment-done-white:focus,
#proofDoneBtn.payment-done-white:active{
  background:#f7fff9 !important;
  background-image:none !important;
  color:#071b10 !important;
}
.payment-thankyou-paid{
  padding:20px 16px 16px !important;
}
.payment-thankyou-paid .thankyou-hero-icons{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  margin:0 0 10px !important;
}
.payment-thankyou-paid .thankyou-hero-icons span{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  font-size:20px !important;
}
.payment-thankyou-paid h2{
  font-size:clamp(25px, 7vw, 36px) !important;
  line-height:1.02 !important;
  margin:6px 0 10px !important;
}
.payment-thankyou-paid .thankyou-lead{
  font-size:14.5px !important;
  line-height:1.42 !important;
  margin-bottom:12px !important;
}
.payment-thankyou-paid .paid-flow{
  gap:8px !important;
  margin:10px 0 !important;
}
.payment-thankyou-paid .paid-flow div{
  grid-template-columns:34px minmax(0,1fr) !important;
  padding:10px 11px !important;
}
.payment-thankyou-paid .paid-flow b{
  width:28px !important;
  height:28px !important;
  background:rgba(255,255,255,.11) !important;
  color:#fff !important;
  font-size:16px !important;
}
.payment-thankyou-paid .paid-flow span{
  font-size:13.5px !important;
  line-height:1.34 !important;
}
.payment-thankyou-paid .thankyou-soft-note{
  font-size:12.8px !important;
  line-height:1.32 !important;
  margin:8px 0 10px !important;
}
.payment-thankyou-paid .primary.full,
.payment-thankyou-paid .secondary.full{
  min-height:44px !important;
  margin-top:7px !important;
}
@media(max-width:430px){
  .payment-thankyou-paid{ padding:18px 14px 14px !important; }
  .payment-thankyou-paid .thankyou-hero-icons span{ width:34px !important; height:34px !important; font-size:18px !important; }
  .payment-thankyou-paid h2{ font-size:27px !important; }
  .payment-thankyou-paid .thankyou-lead{ font-size:13.6px !important; }
  .payment-thankyou-paid .paid-flow span{ font-size:12.8px !important; }
}

/* v205 tutorial iframe mobile fix */
.tutorial-iframe-wrap{position:relative;width:100%;max-width:420px;margin:0 auto;border-radius:28px;overflow:hidden;background:#000;aspect-ratio:9/16;box-shadow:0 18px 50px rgba(0,0,0,.38);}
.tutorial-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.tutorial-video-shell iframe{width:100%;min-height:560px;border:0;border-radius:28px;background:#000;}
@media(max-width:640px){.tutorial-video-shell iframe{min-height:520px;}.tutorial-iframe-wrap{max-width:315px;}}

/* v206 - Mobile-first professional CRM tracker redesign */
.tracker-crm-header{
  padding:16px !important;
  margin-top:10px !important;
  background:linear-gradient(160deg,rgba(6,50,30,.98),rgba(3,22,14,.98)) !important;
  border-color:rgba(100,255,170,.22) !important;
}
.crm-title-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;}
.crm-title-row h1{font-size:clamp(1.55rem,8vw,2.35rem)!important;line-height:1.02!important;margin:4px 0 4px!important;letter-spacing:-.04em;}
.crm-title-row small{display:block;color:rgba(234,255,241,.68);font-weight:750;font-size:.82rem;line-height:1.25;}
.crm-title-row .compact-add-btn{min-height:40px!important;padding:9px 13px!important;border-radius:14px!important;font-size:.85rem!important;}
.crm-header-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;}
.crm-header-chips span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:6px 9px;border-radius:999px;font-size:.74rem;font-weight:950;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#effff4;}
.crm-header-chips .due{background:rgba(255,120,100,.14);border-color:rgba(255,120,100,.28);color:#ffd4c9;}
.crm-header-chips .hot{background:rgba(255,216,132,.15);border-color:rgba(255,216,132,.30);color:#ffe6a6;}
.crm-header-chips .closing{background:rgba(111,167,255,.14);border-color:rgba(111,167,255,.28);color:#c4dbff;}
.tracker-today-focus{padding:14px!important;background:linear-gradient(150deg,rgba(43,150,85,.20),rgba(4,34,21,.92))!important;border-color:rgba(255,230,170,.22)!important;}
.tracker-today-focus .tracker-board-head{margin-bottom:8px!important;}
.tracker-today-focus .tracker-board-head h3{font-size:1.15rem!important;}
.today-focus-row{width:100%;display:grid;gap:3px;text-align:left;border:1px solid rgba(255,229,160,.18);background:rgba(255,229,160,.06);border-radius:15px;padding:10px 12px;color:#fff7dc;margin-top:7px;}
.today-focus-row b{font-size:.96rem;line-height:1.1;}
.today-focus-row small{font-size:.76rem;color:rgba(255,248,226,.74);line-height:1.25;}
.tracker-crm-dashboard{padding:12px!important;display:grid;gap:10px;background:transparent!important;border:none!important;box-shadow:none!important;}
.crm-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.crm-kpi{min-height:72px;border-radius:17px;padding:10px 8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);display:grid;align-content:center;gap:1px;overflow:hidden;}
.crm-kpi small{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;font-weight:950;color:rgba(234,255,241,.62);line-height:1.1;}
.crm-kpi b{font-size:1.65rem;line-height:1;color:#f7fff9;}
.crm-kpi span{font-size:.65rem;font-weight:850;color:rgba(234,255,241,.7);}
.crm-kpi.due{border-color:rgba(255,118,95,.22);background:rgba(255,118,95,.08);}
.crm-kpi.hot{border-color:rgba(255,224,162,.25);background:rgba(255,224,162,.09);}
.crm-kpi.closing{border-color:rgba(111,167,255,.24);background:rgba(111,167,255,.08);}
.crm-kpi.active{border-color:rgba(100,255,170,.24);background:rgba(100,255,170,.08);}
.crm-pipeline-mini{padding:12px!important;border-radius:18px!important;background:rgba(0,0,0,.14)!important;}
.crm-pipeline-mini .tracker-board-head h3{font-size:1.05rem!important;}
.crm-stage-list{display:grid;gap:6px;margin-top:8px;}
.crm-stage-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);}
.crm-stage-row span{font-size:.78rem;color:rgba(234,255,241,.76);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm-stage-row b{font-size:.85rem;color:#9affc8;}
.tracker-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 8px;scrollbar-width:none;}
.tracker-tabs::-webkit-scrollbar{display:none;}
.tracker-tab{flex:0 0 auto;min-height:34px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:rgba(234,255,241,.74);font-weight:950;font-size:.76rem;}
.tracker-tab b{margin-left:4px;color:inherit;opacity:.82;}
.tracker-tab.active{background:linear-gradient(135deg,#65ffa6,#1bd978);border-color:rgba(101,255,166,.6);color:#061c12;box-shadow:0 8px 20px rgba(29,217,120,.18);}
.tracker-searchbar{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 10px;}
.tracker-searchbar input{min-height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.24);color:#f5fff8;padding:9px 12px;font-weight:800;font-size:.86rem;}
.tracker-searchbar .mini-btn{min-height:40px!important;border-radius:14px!important;padding:8px 11px!important;font-size:.78rem!important;}
.tracker-add-slim{padding:10px 12px!important;margin-bottom:10px!important;}
.tracker-add-slim h2{font-size:1.05rem!important;margin:0!important;}
.tracker-form-pro{padding:13px!important;}
.crm-fields{grid-template-columns:1fr 1fr!important;gap:8px!important;}
.crm-fields label{font-size:.72rem!important;color:rgba(234,255,241,.70)!important;font-weight:950!important;letter-spacing:.02em;}
.crm-fields input,.crm-fields select,.crm-fields textarea{min-height:40px!important;border-radius:13px!important;padding:8px 10px!important;font-size:.84rem!important;}
.crm-fields textarea{min-height:62px!important;}
.crm-fields .wide{grid-column:1/-1;}
.crm-board{padding:13px!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(4,40,24,.82),rgba(2,18,12,.92))!important;border:1px solid rgba(100,255,170,.15)!important;}
.crm-board .section-head.compact{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;margin-bottom:8px!important;}
.crm-board h2{font-size:1.35rem!important;line-height:1.05!important;margin:0!important;}
.crm-board .mini-btn{font-size:.72rem!important;padding:7px 9px!important;border-radius:12px!important;min-height:34px!important;}
.tracker-sort-compact{padding:10px!important;border-radius:16px!important;margin-bottom:9px!important;grid-template-columns:1fr 150px!important;gap:8px!important;}
.tracker-sort-compact b{font-size:.92rem!important;}
.tracker-sort-compact small{font-size:.72rem!important;}
.tracker-sort-compact .tracker-sort-select{min-height:36px!important;border-radius:12px!important;font-size:.78rem!important;padding:7px 9px!important;}
.tracker-attention-strip.compact{grid-column:1/-1;padding-top:8px!important;gap:6px!important;}
.tracker-attention-strip.compact span,.tracker-attention-strip.compact em{font-size:.68rem!important;padding:5px 8px!important;}
.crm-list{gap:8px!important;}
.crm-card{border-radius:18px!important;border-left-width:3px!important;}
.crm-card.is-due{box-shadow:0 0 0 1px rgba(255,120,100,.18),0 12px 26px rgba(255,100,80,.08)!important;}
.crm-summary{grid-template-columns:38px 1fr auto 18px!important;gap:8px!important;padding:10px!important;min-height:74px!important;align-items:center!important;}
.crm-avatar{width:38px!important;height:38px!important;font-size:.9rem!important;background:#e9fff0!important;color:#082015!important;}
.crm-summary .tracker-summary-main b{font-size:1rem!important;line-height:1.08!important;}
.crm-summary .tracker-summary-main small{font-size:.72rem!important;line-height:1.16!important;}
.crm-tags{gap:5px!important;margin-top:3px!important;}
.crm-tags em{min-height:22px!important;padding:4px 7px!important;font-size:.63rem!important;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm-badges{gap:5px!important;justify-items:end!important;}
.crm-badges .tracker-status,.crm-badges .tracker-priority{min-height:24px!important;padding:4px 7px!important;font-size:.62rem!important;letter-spacing:.01em!important;}
.priority-overdue{background:rgba(255,112,91,.16)!important;color:#ffc2b7!important;border-color:rgba(255,112,91,.32)!important;}
.crm-details{padding:0 10px 11px!important;}
.crm-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 9px;}
.crm-detail-kpis span{display:grid;gap:2px;min-height:46px;padding:7px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);font-size:.67rem;color:rgba(234,255,241,.76);font-weight:800;overflow:hidden;}
.crm-detail-kpis b{display:block;color:#8ef0b2;font-size:.57rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.crm-detail-grid{grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important;}
.crm-detail-grid .tracker-detail-panel{padding:10px!important;border-radius:14px!important;}
.crm-detail-grid .tracker-advice p{font-size:.84rem!important;line-height:1.35!important;margin:.25rem 0!important;}
.crm-detail-grid .tracker-script-box{padding:10px!important;border-radius:12px!important;font-size:.82rem!important;line-height:1.38!important;}
.crm-detail-grid .tracker-notes{font-size:.80rem!important;line-height:1.38!important;}
.crm-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important;}
.crm-actions button{min-height:34px!important;border-radius:12px!important;padding:6px!important;font-size:.70rem!important;font-weight:950!important;}
.crm-actions .danger{background:rgba(255,90,90,.12)!important;color:#ffb9b9!important;border-color:rgba(255,90,90,.26)!important;}
.status-card-hot{border-left-color:#ffd36e!important;}
.status-card-warm{border-left-color:#65ffa6!important;}
.status-card-cold{border-left-color:#79b7ff!important;}
.status-card-closed{border-left-color:#c9b171!important;}
.status-card-lost{border-left-color:#777!important;}
.tracker-status.status-hot{background:#ffe0a2!important;color:#3e2600!important;}
.tracker-status.status-warm{background:#caffdc!important;color:#07351e!important;}
.tracker-status.status-cold{background:#d7e6ff!important;color:#09294f!important;}
.tracker-status.status-closed{background:#d6c17a!important;color:#241c08!important;}
.tracker-status.status-lost{background:#353535!important;color:#e9e9e9!important;}
body.theme-whitegreen .tracker-crm-header,
body.theme-whitegreen .tracker-today-focus,
body.theme-whitegreen .crm-board,
body.theme-whitegreen .crm-pipeline-mini,
body.theme-whitegreen .crm-card,
body.theme-whitegreen .tracker-form-pro,
body.theme-whitegreen .tracker-add-slim{background:linear-gradient(160deg,#ffffff 0%,#eef5f1 100%)!important;border-color:rgba(95,121,106,.16)!important;color:#102419!important;box-shadow:none!important;}
body.theme-whitegreen .crm-title-row h1,
body.theme-whitegreen .crm-board h2,
body.theme-whitegreen .tracker-board-head h3,
body.theme-whitegreen .today-focus-row b,
body.theme-whitegreen .crm-summary .tracker-summary-main b{color:#102419!important;}
body.theme-whitegreen .crm-title-row small,
body.theme-whitegreen .today-focus-row small,
body.theme-whitegreen .crm-summary .tracker-summary-main small,
body.theme-whitegreen .crm-stage-row span,
body.theme-whitegreen .crm-detail-kpis span,
body.theme-whitegreen .crm-detail-grid .tracker-notes{color:#355143!important;}
body.theme-whitegreen .tracker-searchbar input,
body.theme-whitegreen .crm-fields input,
body.theme-whitegreen .crm-fields select,
body.theme-whitegreen .crm-fields textarea{background:#fff!important;color:#102419!important;border-color:rgba(95,121,106,.18)!important;}
@media(max-width:430px){
  .crm-kpi-grid{grid-template-columns:repeat(4,1fr);gap:5px;}
  .crm-kpi{min-height:64px;padding:8px 6px;border-radius:14px;}
  .crm-kpi small{font-size:.54rem;}
  .crm-kpi b{font-size:1.35rem;}
  .crm-kpi span{font-size:.57rem;}
  .crm-fields{grid-template-columns:1fr!important;}
  .crm-summary{grid-template-columns:34px 1fr 18px!important;}
  .crm-badges{grid-column:2;display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;}
  .crm-avatar{width:34px!important;height:34px!important;font-size:.8rem!important;}
  .crm-detail-kpis{grid-template-columns:1fr 1fr;}
  .crm-actions{grid-template-columns:1fr 1fr 1fr 1fr!important;}
  .crm-actions button{font-size:.66rem!important;min-height:32px!important;}
  .tracker-sort-compact{grid-template-columns:1fr!important;}
}
@media(max-width:360px){
  .crm-kpi-grid{grid-template-columns:repeat(2,1fr);}
  .crm-actions{grid-template-columns:1fr 1fr!important;}
}


/* v207 Client Script Bank language-toggle and mobile layout polish */
.scriptbank-page .script-card.card{
  overflow:visible!important;
  margin-left:2px!important;
}
.scriptbank-page .script-card.card::before{
  left:0!important;
  width:4px!important;
  border-radius:22px 0 0 22px!important;
}
.scriptbank-page .script-card > .eyebrow,
.scriptbank-page .script-card.card > .eyebrow{
  margin-left:0!important;
  padding-left:0!important;
  max-width:calc(100% - 92px)!important;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.2!important;
}
.scriptbank-page .script-card.card:not(.script-accordion){
  padding:18px 16px 16px!important;
}
.scriptbank-page .script-card.card:not(.script-accordion) h3{
  padding-right:84px!important;
  line-height:1.15!important;
}
.scriptbank-page .script-card.card:not(.script-accordion) .copy-btn{
  top:18px!important;
  right:16px!important;
  min-height:38px!important;
  min-width:72px!important;
  background:#242424!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
body.lang-fil .scriptbank-page .script-bank-intro,
body.lang-fil .scriptbank-page .scenario-card .script-head small,
body.lang-fil .scriptbank-page .lesson-note p,
body.lang-fil .scriptbank-page .copy-script-block p,
body.lang-fil .scriptbank-page .script-text{
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

/* v210 — Follow-Up Priority replacement and Hot/Warm/Cold label colors */
.apv210-followup-priority{padding:22px!important;overflow:hidden;}
.apv210-followup-priority .apv119-section-head{align-items:flex-start!important;gap:10px!important;}
.apv210-followup-priority h2{font-size:clamp(1.35rem,5.2vw,2rem)!important;line-height:1.05!important;margin:.12rem 0 0!important;}
.apv210-pro-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(104,255,170,.35);background:rgba(104,255,170,.10);color:#7affb3;border-radius:999px;padding:8px 11px;font-weight:1000;font-size:.70rem;letter-spacing:.08em;white-space:nowrap;}
.apv210-priority-lead{margin:12px 0 14px;color:rgba(235,255,242,.76);font-size:.94rem;line-height:1.38;}
.apv210-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 14px;}
.apv210-priority-card{min-height:72px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));padding:12px 9px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.apv210-priority-card b{font-size:.92rem;line-height:1.08;color:#fff;}
.apv210-priority-card small{font-size:.72rem;line-height:1.15;color:rgba(235,255,242,.72);}
.apv210-priority-card.hot{background:linear-gradient(145deg,rgba(255,64,82,.25),rgba(255,64,82,.08));border-color:rgba(255,71,91,.48);}
.apv210-priority-card.warm{background:linear-gradient(145deg,rgba(255,196,72,.28),rgba(255,139,30,.09));border-color:rgba(255,196,72,.52);}
.apv210-priority-card.cold{background:linear-gradient(145deg,rgba(103,88,255,.28),rgba(57,51,168,.10));border-color:rgba(122,112,255,.55);}
.apv210-counts .apv210-priority-card b{font-size:1.22rem;}
.apv210-priority-btn{min-height:52px!important;border-radius:18px!important;margin-top:4px!important;color:#062312!important;font-weight:1000!important;}
.apv210-priority-note{font-size:.76rem;color:rgba(235,255,242,.62);line-height:1.35;margin:10px 0 0;}
.apv210-focus-list{margin:12px 0 12px;display:grid;gap:9px;}
.apv210-focus-title{display:flex;align-items:center;justify-content:space-between;color:#ffe58b;font-weight:1000;letter-spacing:.04em;font-size:.85rem;text-transform:uppercase;}
.apv210-focus-title em{font-style:normal;color:rgba(235,255,242,.72);font-size:.75rem;}
.apv210-focus-client{width:100%;text-align:left;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:17px;padding:12px 13px;display:flex;flex-direction:column;gap:2px;color:#fff;}
.apv210-focus-client b{font-size:.98rem;line-height:1.15;}
.apv210-focus-client small{font-size:.78rem;line-height:1.22;color:rgba(235,255,242,.70);}
.apv210-empty-focus{border:1px dashed rgba(104,255,170,.28);border-radius:18px;padding:13px;background:rgba(104,255,170,.05);display:flex;flex-direction:column;gap:3px;}
.apv210-empty-focus b{color:#fff;}.apv210-empty-focus small{color:rgba(235,255,242,.68);}
@media(max-width:420px){.apv210-priority-grid{gap:7px}.apv210-priority-card{border-radius:17px;min-height:68px;padding:10px 7px}.apv210-priority-card b{font-size:.82rem}.apv210-priority-card small{font-size:.66rem}}

/* Tracker status classification: Hot=Red, Warm=Yellow-Orange, Cold=Indigo */
.tracker-status.status-hot,.tracker-recent-pill.status-hot,.crm-badges .tracker-status.status-hot{background:linear-gradient(135deg,#ff4c5f,#be1e2d)!important;color:#fff!important;border-color:rgba(255,87,106,.75)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(190,30,45,.22)!important;}
.tracker-status.status-warm,.tracker-recent-pill.status-warm,.crm-badges .tracker-status.status-warm{background:linear-gradient(135deg,#ffe08a,#ff9f1c)!important;color:#2b1600!important;border-color:rgba(255,190,67,.80)!important;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 8px 18px rgba(255,159,28,.18)!important;}
.tracker-status.status-cold,.tracker-recent-pill.status-cold,.crm-badges .tracker-status.status-cold{background:linear-gradient(135deg,#7868ff,#332a99)!important;color:#fff!important;border-color:rgba(124,111,255,.78)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(51,42,153,.22)!important;}
.tracker-status-dot.status-hot{background:#ff4056!important;box-shadow:0 0 0 4px rgba(255,64,86,.16),0 0 20px rgba(255,64,86,.45)!important;}
.tracker-status-dot.status-warm{background:#ffb331!important;box-shadow:0 0 0 4px rgba(255,179,49,.16),0 0 20px rgba(255,179,49,.42)!important;}
.tracker-status-dot.status-cold{background:#6657ff!important;box-shadow:0 0 0 4px rgba(102,87,255,.16),0 0 20px rgba(102,87,255,.42)!important;}
.status-card-hot{border-color:rgba(255,64,86,.55)!important;box-shadow:inset 4px 0 0 rgba(255,64,86,.72),0 14px 28px rgba(0,0,0,.18)!important;}
.status-card-warm{border-color:rgba(255,179,49,.55)!important;box-shadow:inset 4px 0 0 rgba(255,179,49,.72),0 14px 28px rgba(0,0,0,.18)!important;}
.status-card-cold{border-color:rgba(102,87,255,.58)!important;box-shadow:inset 4px 0 0 rgba(102,87,255,.72),0 14px 28px rgba(0,0,0,.18)!important;}
.crm-header-chips .hot{background:rgba(255,64,86,.18)!important;border-color:rgba(255,64,86,.45)!important;color:#ffd6dc!important;}
.crm-header-chips .warm{background:rgba(255,179,49,.16)!important;border-color:rgba(255,179,49,.45)!important;color:#ffe5a5!important;}
.crm-header-chips .cold{background:rgba(102,87,255,.16)!important;border-color:rgba(102,87,255,.45)!important;color:#d8d4ff!important;}
body.theme-whitegreen .apv210-followup-priority{background:#f7fffa!important;border-color:#bfe9cf!important;}
body.theme-whitegreen .apv210-followup-priority h2,body.theme-whitegreen .apv210-focus-client b,body.theme-whitegreen .apv210-empty-focus b{color:#072c1b!important;text-shadow:none!important;}
body.theme-whitegreen .apv210-priority-lead,body.theme-whitegreen .apv210-priority-note,body.theme-whitegreen .apv210-focus-client small,body.theme-whitegreen .apv210-empty-focus small{color:#315d49!important;text-shadow:none!important;}
body.theme-whitegreen .apv210-focus-client{background:#fff!important;border-color:#d3eadc!important;color:#082817!important;}

/* v211 — Client Conversation Tracker UI/UX polish: multi-layer green palette + simplified Add Client form */
:root{
  --crm-green-ink:#052014;
  --crm-green-deep:#02170f;
  --crm-green-panel:#06351f;
  --crm-green-card:#0b4b2b;
  --crm-green-soft:#145c38;
  --crm-green-mint:#67ffae;
  --crm-green-lime:#baffd6;
}
.tracker-crm-header{
  background:
    radial-gradient(circle at 90% 0%, rgba(103,255,174,.22), transparent 34%),
    linear-gradient(155deg, #0b4b2b 0%, #06351f 46%, #02170f 100%) !important;
  border-color:rgba(103,255,174,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 18px 48px rgba(0,0,0,.26)!important;
}
.tracker-crm-header .eyebrow{color:#74ffb3!important;}
.tracker-crm-header h1{color:#f6fff8!important;text-shadow:0 10px 24px rgba(0,0,0,.28)!important;}
.tracker-crm-header .compact-add-btn{background:linear-gradient(135deg,#74ffb3,#10c96e)!important;color:#041b10!important;border-color:rgba(116,255,179,.70)!important;}
.crm-header-chips span{background:rgba(2,23,15,.45)!important;border-color:rgba(255,255,255,.13)!important;}
.crm-header-chips span:not(.due):not(.hot):not(.closing){background:linear-gradient(135deg,rgba(20,92,56,.72),rgba(6,53,31,.66))!important;color:#dfffee!important;border-color:rgba(103,255,174,.22)!important;}
.tracker-today-focus{
  background:
    linear-gradient(160deg, rgba(255,213,111,.10) 0%, rgba(11,75,43,.78) 42%, rgba(2,23,15,.96) 100%)!important;
  border-color:rgba(255,224,139,.28)!important;
}
.tracker-today-focus .tracker-board-head span{color:#ffdf89!important;}
.today-focus-row{background:linear-gradient(135deg,rgba(255,232,156,.13),rgba(255,232,156,.04))!important;border-color:rgba(255,232,156,.24)!important;}
.tracker-crm-dashboard{background:linear-gradient(180deg,rgba(3,40,24,.68),rgba(1,17,11,.35))!important;border:1px solid rgba(103,255,174,.12)!important;border-radius:24px!important;}
.crm-kpi{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;}
.crm-kpi.due{background:linear-gradient(145deg,rgba(255,103,90,.24),rgba(80,25,20,.22))!important;border-color:rgba(255,103,90,.40)!important;}
.crm-kpi.hot{background:linear-gradient(145deg,rgba(255,66,86,.22),rgba(84,18,28,.18))!important;border-color:rgba(255,66,86,.40)!important;}
.crm-kpi.closing{background:linear-gradient(145deg,rgba(80,128,255,.22),rgba(22,35,87,.18))!important;border-color:rgba(80,128,255,.36)!important;}
.crm-kpi.active{background:linear-gradient(145deg,rgba(103,255,174,.20),rgba(13,92,54,.20))!important;border-color:rgba(103,255,174,.36)!important;}
.crm-pipeline-mini{background:linear-gradient(150deg,rgba(2,23,15,.86),rgba(6,53,31,.60))!important;border:1px solid rgba(103,255,174,.16)!important;}
.crm-stage-row:nth-child(odd){background:rgba(20,92,56,.40)!important;}
.crm-stage-row:nth-child(even){background:rgba(2,23,15,.55)!important;}
.tracker-tabs{padding-left:1px!important;padding-right:1px!important;}
.tracker-tab{background:rgba(2,23,15,.58)!important;border-color:rgba(103,255,174,.14)!important;}
.tracker-searchbar input{background:linear-gradient(135deg,rgba(2,23,15,.86),rgba(6,53,31,.50))!important;border-color:rgba(103,255,174,.18)!important;}
.tracker-sort-compact{background:linear-gradient(145deg,rgba(6,53,31,.66),rgba(2,23,15,.80))!important;border-color:rgba(255,224,139,.18)!important;}
.tracker-attention-strip.compact em{background:rgba(255,224,139,.16)!important;border-color:rgba(255,224,139,.28)!important;color:#fff0b3!important;}
.crm-board{
  background:linear-gradient(160deg,rgba(8,57,34,.82) 0%,rgba(3,32,20,.94) 48%,rgba(1,17,11,.98) 100%)!important;
  border-color:rgba(103,255,174,.22)!important;
}
.crm-card{background:linear-gradient(155deg,rgba(11,75,43,.72),rgba(3,34,21,.92))!important;border-color:rgba(103,255,174,.18)!important;}
.crm-card:nth-child(2n){background:linear-gradient(155deg,rgba(20,92,56,.58),rgba(2,23,15,.92))!important;}
.crm-card:nth-child(3n){background:linear-gradient(155deg,rgba(6,53,31,.84),rgba(0,14,10,.92))!important;}
.crm-summary:hover{background:rgba(103,255,174,.04)!important;}
.crm-detail-kpis span{background:rgba(2,23,15,.48)!important;border-color:rgba(103,255,174,.10)!important;}
.crm-detail-kpis-simple span:nth-child(1){background:rgba(103,255,174,.08)!important;}
.crm-detail-kpis-simple span:nth-child(2){background:rgba(255,224,139,.09)!important;}
.crm-detail-kpis-simple span:nth-child(3){background:rgba(97,164,255,.09)!important;}
.crm-detail-kpis-simple span:nth-child(4){background:rgba(255,255,255,.06)!important;}
.tracker-detail-panel{background:linear-gradient(145deg,rgba(7,48,29,.86),rgba(2,23,15,.76))!important;border:1px solid rgba(103,255,174,.12)!important;}
.tracker-script-box{background:#03180f!important;border-color:rgba(103,255,174,.13)!important;}
.tracker-form-simple{
  background:linear-gradient(165deg,rgba(14,92,54,.86) 0%,rgba(5,45,27,.94) 45%,rgba(2,23,15,.98) 100%)!important;
  border-color:rgba(103,255,174,.28)!important;
}
.tracker-form-simple .section-head{align-items:flex-start!important;margin-bottom:10px!important;}
.tracker-form-simple h2{font-size:1.65rem!important;line-height:1.05!important;}
.tracker-form-sections{display:grid;gap:10px;margin-top:8px;}
.tracker-form-block{padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.tracker-form-block>b{display:block;margin:0 0 9px;color:#f8fff9;font-size:.80rem;text-transform:uppercase;letter-spacing:.09em;}
.tracker-form-block.block-profile{background:linear-gradient(145deg,rgba(103,255,174,.12),rgba(3,30,19,.62));border-color:rgba(103,255,174,.26);}
.tracker-form-block.block-need{background:linear-gradient(145deg,rgba(255,224,139,.11),rgba(3,30,19,.62));border-color:rgba(255,224,139,.24);}
.tracker-form-block.block-action{background:linear-gradient(145deg,rgba(95,135,255,.11),rgba(3,30,19,.62));border-color:rgba(95,135,255,.24);}
.tracker-form-simple .crm-fields input,
.tracker-form-simple .crm-fields select,
.tracker-form-simple .crm-fields textarea{background:rgba(0,12,8,.72)!important;border-color:rgba(255,255,255,.10)!important;color:#f8fff9!important;box-shadow:none!important;}
.tracker-form-simple .crm-fields input::placeholder,
.tracker-form-simple .crm-fields textarea::placeholder{color:rgba(248,255,249,.42)!important;}
.tracker-save-btn{margin-top:12px!important;background:linear-gradient(135deg,#74ffb3,#10c96e)!important;color:#041b10!important;}
@media(max-width:430px){
  .tracker-form-simple{padding:12px!important;}
  .tracker-form-block{padding:10px;border-radius:17px;}
  .tracker-form-simple h2{font-size:1.45rem!important;}
  .crm-title-row h1{font-size:clamp(1.45rem,10vw,2.15rem)!important;}
}

/* Preserve readable specialized White-Green theme while still using green cards */
body.theme-whitegreen .tracker-crm-header{background:linear-gradient(160deg,#dff9e9,#ffffff 55%,#eef7f1)!important;border-color:#bce6ce!important;box-shadow:none!important;}
body.theme-whitegreen .tracker-form-simple{background:linear-gradient(165deg,#e6f7ed,#ffffff 52%,#edf6f1)!important;border-color:#bce6ce!important;color:#0b2a19!important;}
body.theme-whitegreen .tracker-form-block{background:#ffffff!important;border-color:#d1e9dc!important;box-shadow:none!important;}
body.theme-whitegreen .tracker-form-block>b,
body.theme-whitegreen .tracker-form-simple h2,
body.theme-whitegreen .tracker-form-simple .eyebrow{color:#0b2a19!important;text-shadow:none!important;}
body.theme-whitegreen .tracker-form-simple .crm-fields label{color:#315d49!important;text-shadow:none!important;}
body.theme-whitegreen .tracker-form-simple .crm-fields input,
body.theme-whitegreen .tracker-form-simple .crm-fields select,
body.theme-whitegreen .tracker-form-simple .crm-fields textarea{background:#f7fbf8!important;color:#0b2a19!important;border-color:#cfe7d9!important;}
body.theme-whitegreen .tracker-form-simple .crm-fields input::placeholder,
body.theme-whitegreen .tracker-form-simple .crm-fields textarea::placeholder{color:#7a9085!important;}
body.theme-whitegreen .tracker-crm-dashboard{background:#f7fffa!important;border-color:#cfe7d9!important;}
body.theme-whitegreen .crm-kpi small,
body.theme-whitegreen .crm-kpi span{color:#315d49!important;text-shadow:none!important;}
body.theme-whitegreen .crm-kpi b{color:#0b2a19!important;text-shadow:none!important;}
body.theme-whitegreen .crm-pipeline-mini,
body.theme-whitegreen .tracker-sort-compact{background:#ffffff!important;border-color:#d1e9dc!important;}
body.theme-whitegreen .crm-stage-row:nth-child(odd),
body.theme-whitegreen .crm-stage-row:nth-child(even){background:#f1f8f4!important;border-color:#d1e9dc!important;}

/* v212 Calculator Center + Pro Mortgage Calculator */
.calculators-hero .academy-icon,
.mortgage-hero .academy-icon,
.mortgage-locked .academy-icon{background:linear-gradient(135deg, rgba(49,238,154,.2), rgba(30,118,255,.16));border-color:rgba(100,255,190,.24);}
.calculator-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.calc-choice{min-height:178px;border-radius:24px;border:1px solid rgba(100,255,190,.2);background:linear-gradient(145deg, rgba(3,52,31,.9), rgba(8,22,18,.94));padding:16px;text-align:left;color:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 44px rgba(0,0,0,.22);}
.calc-choice span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:26px;}
.calc-choice small{font-weight:900;font-size:11px;letter-spacing:.14em;color:#64f6a4;text-transform:uppercase;}
.calc-choice b{font-size:19px;line-height:1.05;letter-spacing:-.04em;}
.calc-choice p{font-size:12.5px;line-height:1.28;margin:0;color:rgba(232,255,241,.74);}
.calc-choice em{font-style:normal;margin-top:auto;font-size:12px;font-weight:900;color:#81ffb8;}
.calc-choice.pro{background:linear-gradient(145deg, rgba(14,69,43,.96), rgba(9,29,29,.96));border-color:rgba(255,216,138,.28);}
.calc-choice.pro.locked{filter:saturate(.9);}
.calc-note-card{padding:18px!important;}
.calculator-center-card .badge{font-size:10px!important;}
.mortgage-calculator-card{padding:18px!important;display:grid;gap:16px;background:linear-gradient(145deg, rgba(4,47,30,.96), rgba(4,20,19,.96))!important;border-color:rgba(87,255,173,.25)!important;}
.mortgage-summary{display:grid;grid-template-columns:1fr 118px;gap:14px;align-items:center;padding:16px;border-radius:24px;background:linear-gradient(135deg, rgba(31,239,143,.14), rgba(14,37,43,.55));border:1px solid rgba(116,255,186,.18);}
.mortgage-summary small{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#6affad;font-size:11px;margin-bottom:6px;}
.mortgage-summary strong{display:block;font-size:36px;line-height:.98;letter-spacing:-.07em;color:#fff;}
.mortgage-summary strong small{display:inline;font-size:18px;letter-spacing:-.02em;color:rgba(255,255,255,.75);text-transform:none;margin:0;}
.mortgage-summary span{display:block;margin-top:8px;color:rgba(232,255,241,.72);font-weight:800;}
.mortgage-ring{--down-pct:20%;width:106px;height:106px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#35f39a 0 var(--down-pct), #1454ff var(--down-pct) 100%);box-shadow:inset 0 0 0 14px rgba(3,16,16,.95),0 0 28px rgba(38,244,145,.2);border:2px solid rgba(255,255,255,.75);color:#fff;}
.mortgage-ring b{font-size:23px;line-height:1;}
.mortgage-ring span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:-22px;color:rgba(255,255,255,.75);}
.mortgage-fields{display:grid;gap:12px;}
.mortgage-fields label{display:grid;gap:7px;font-size:12px;font-weight:900;letter-spacing:.04em;color:rgba(230,255,238,.9);}
.mortgage-fields input,.mortgage-fields select{width:100%;border-radius:18px;border:1px solid rgba(120,255,190,.18);background:rgba(0,18,12,.82);color:#fff;font-weight:900;font-size:17px;padding:14px 14px;outline:none;}
.mortgage-fields input:focus,.mortgage-fields select:focus{border-color:rgba(65,255,150,.72);box-shadow:0 0 0 4px rgba(65,255,150,.12);}
.mortgage-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mortgage-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mortgage-results div{border-radius:18px;border:1px solid rgba(120,255,190,.14);background:rgba(255,255,255,.055);padding:12px;min-height:74px;}
.mortgage-results span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(232,255,241,.62);font-weight:900;margin-bottom:8px;}
.mortgage-results b{font-size:18px;color:#fff;line-height:1.1;}
.mortgage-note{font-size:12.5px;line-height:1.35;border-radius:18px;padding:12px;background:rgba(255,216,138,.08);border:1px solid rgba(255,216,138,.14);}
body.ap-theme-white-green .calc-choice{background:linear-gradient(145deg,#ffffff,#e7f5eb)!important;color:#062316!important;border-color:rgba(0,139,72,.22)!important;}
body.ap-theme-white-green .calc-choice b,body.ap-theme-white-green .calc-choice p{color:#062316!important;text-shadow:none!important;}
body.ap-theme-white-green .calc-choice small,body.ap-theme-white-green .calc-choice em{color:#0b8a52!important;text-shadow:none!important;}
body.ap-theme-white-green .mortgage-calculator-card{background:linear-gradient(145deg,#ffffff,#e9f5ee)!important;border-color:rgba(0,150,80,.24)!important;color:#062316!important;}
body.ap-theme-white-green .mortgage-summary{background:linear-gradient(135deg,#dff8e9,#ffffff)!important;border-color:rgba(0,150,80,.2)!important;}
body.ap-theme-white-green .mortgage-summary strong,body.ap-theme-white-green .mortgage-summary span,body.ap-theme-white-green .mortgage-fields label,body.ap-theme-white-green .mortgage-results b{color:#062316!important;text-shadow:none!important;}
body.ap-theme-white-green .mortgage-fields input,body.ap-theme-white-green .mortgage-fields select{background:#f8fffb!important;color:#062316!important;border-color:rgba(0,120,70,.25)!important;}
body.ap-theme-white-green .mortgage-results div{background:#f4fff8!important;border-color:rgba(0,120,70,.18)!important;}
body.ap-theme-white-green .mortgage-results span{color:#32604b!important;}
@media(max-width:420px){.calculator-choice-grid{gap:10px}.calc-choice{min-height:164px;padding:13px;border-radius:21px}.calc-choice b{font-size:16px}.calc-choice p{font-size:11.5px}.mortgage-summary{grid-template-columns:1fr 92px}.mortgage-summary strong{font-size:30px}.mortgage-ring{width:88px;height:88px;box-shadow:inset 0 0 0 11px rgba(3,16,16,.95),0 0 22px rgba(38,244,145,.2)}.mortgage-results{grid-template-columns:1fr}.mortgage-two{gap:8px}.mortgage-fields input,.mortgage-fields select{font-size:15px;padding:12px}}

/* v214 Mortgage income qualification polish */
.income-required-result{background:linear-gradient(135deg, rgba(34,197,94,.16), rgba(255,210,112,.09))!important;border-color:rgba(255,221,140,.22)!important;}
.income-required-result small{display:block;margin-top:7px;font-size:10.5px;line-height:1.25;color:rgba(232,255,241,.58);font-weight:800;}
body.ap-theme-white-green .income-required-result{background:#eefcf3!important;border-color:rgba(0,120,70,.18)!important;}
body.ap-theme-white-green .income-required-result small{color:#416954!important;text-shadow:none!important;}


/* v215 — Home compact tools + theme-aware tiles + simplified follow-up card + upgrade-only modal */
.apv123-home .apv122-box-section:has(.apv119-tools-grid),
.apv124-home .apv122-box-section:has(.apv119-tools-grid),
.apv157-home .apv122-box-section:has(.apv119-tools-grid),
.apv168-home .apv122-box-section:has(.apv119-tools-grid){
  padding:14px 12px !important;
  border-radius:24px !important;
}
.apv123-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head,
.apv124-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head{
  margin-bottom:8px !important;
}
.apv123-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head h2,
.apv124-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head h2{
  font-size:25px !important;
  line-height:1 !important;
}
.apv123-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head button,
.apv124-home .apv122-box-section:has(.apv119-tools-grid) .apv122-box-head button{
  padding:5px 8px !important;
  border-radius:10px !important;
  font-size:12px !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid,
.apv124-home .apv122-box-section .apv119-tools-grid,
.apv157-home .apv122-box-section .apv119-tools-grid,
.apv168-home .apv122-box-section .apv119-tools-grid{
  gap:9px !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card{
  min-height:104px !important;
  aspect-ratio:auto !important;
  padding:10px !important;
  border-radius:18px !important;
  gap:5px !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  font-size:21px !important;
  background:color-mix(in srgb, var(--theme-accent, var(--green)) 14%, transparent) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent, var(--green)) 18%, transparent) !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b{
  font-size:13px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  -webkit-line-clamp:2 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small{
  font-size:10.5px !important;
  line-height:1.13 !important;
  -webkit-line-clamp:2 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em{
  font-size:9.5px !important;
  line-height:1.05 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-badge,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-badge,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-badge,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-badge{
  top:8px !important;
  right:8px !important;
  padding:4px 7px !important;
  font-size:8px !important;
}
body[class*="theme-"] .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
body[class*="theme-"] .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
body[class*="theme-"] .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
body[class*="theme-"] .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card.apv124-tool-active,
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card:has(.apv119-badge.active){
  background:
    radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--theme-warm, var(--gold)) 18%, transparent), transparent 26%),
    linear-gradient(145deg, color-mix(in srgb, var(--theme-accent, var(--green)) 34%, var(--theme-surface2, var(--card2)) 66%), color-mix(in srgb, var(--theme-surface, var(--card)) 88%, #000 12%)) !important;
  border-color:color-mix(in srgb, var(--theme-accent, var(--green)) 32%, transparent) !important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--theme-bg, #000) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 12%, transparent) !important;
}
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card b,
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card small,
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card em,
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card .apv119-emoji{
  color:var(--theme-text, #f5fff8) !important;
  opacity:1 !important;
}
body[class*="theme-"] .apv119-tools-grid .apv119-tool-card .apv119-badge{
  background:color-mix(in srgb, var(--theme-accent, var(--green)) 18%, transparent) !important;
  color:var(--theme-soft, #eafff3) !important;
  border-color:color-mix(in srgb, var(--theme-accent, var(--green)) 26%, transparent) !important;
}
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card,
body.ap-theme-white-green .apv119-tools-grid .apv119-tool-card{
  background:linear-gradient(145deg,#ffffff,#e4f4e9) !important;
  border-color:rgba(40,184,104,.22) !important;
}
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card b,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card small,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card em,
body.theme-whitegreen .apv119-tools-grid .apv119-tool-card .apv119-emoji,
body.ap-theme-white-green .apv119-tools-grid .apv119-tool-card b,
body.ap-theme-white-green .apv119-tools-grid .apv119-tool-card small,
body.ap-theme-white-green .apv119-tools-grid .apv119-tool-card em,
body.ap-theme-white-green .apv119-tools-grid .apv119-tool-card .apv119-emoji{
  color:#0b2416 !important;
  text-shadow:none !important;
}
.apv215-followup-compact{
  padding:13px !important;
  border-radius:24px !important;
}
.apv215-followup-compact .apv119-section-head{
  margin-bottom:8px !important;
  gap:8px !important;
}
.apv215-followup-compact .apv119-section-head h2{
  font-size:24px !important;
  line-height:1.02 !important;
  letter-spacing:-.07em !important;
}
.apv215-followup-compact .apv210-priority-grid{
  gap:7px !important;
  margin:8px 0 10px !important;
}
.apv215-followup-compact .apv210-priority-card{
  min-height:62px !important;
  padding:9px 8px !important;
  border-radius:16px !important;
}
.apv215-followup-compact .apv210-priority-card b{
  font-size:22px !important;
  line-height:1 !important;
}
.apv215-followup-compact .apv210-priority-card small{
  font-size:10px !important;
  line-height:1.05 !important;
}
.apv215-followup-compact .apv210-focus-title{
  margin:8px 0 7px !important;
  font-size:12px !important;
}
.apv215-followup-compact .apv210-focus-client{
  padding:10px 12px !important;
  border-radius:16px !important;
  min-height:auto !important;
}
.apv215-followup-compact .apv210-focus-client b{
  font-size:14px !important;
  line-height:1.05 !important;
}
.apv215-followup-compact .apv210-focus-client small{
  font-size:11px !important;
  line-height:1.15 !important;
}
.apv215-followup-compact .apv210-priority-btn{
  min-height:46px !important;
  padding:11px 14px !important;
  border-radius:18px !important;
  margin-top:10px !important;
}
#proModal.apv215-upgrade-only-modal .modal-card{
  max-width:520px !important;
  padding:20px !important;
}
#proModal.apv215-upgrade-only-modal .pricing-grid,
#proModal.apv215-upgrade-only-modal .apv215-single-pricing{
  grid-template-columns:1fr !important;
}
#proModal.apv215-upgrade-only-modal .price-card:not(.featured){display:none !important;}
#proModal.apv215-upgrade-only-modal .apv215-featured-plan,
#proModal.apv215-upgrade-only-modal .price-card.featured{
  width:100% !important;
  border-color:color-mix(in srgb, var(--theme-accent, var(--green)) 45%, transparent) !important;
}
#proModal.apv215-upgrade-only-modal .apv215-back-btn{
  margin-top:12px !important;
}
#proModal.apv215-upgrade-only-modal .modal-card::after{display:none !important;content:none !important;}
@media(max-width:420px){
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card{min-height:100px !important;padding:9px !important;}
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b{font-size:12px !important;}
}


/* v216 — Home Tools tiles overlap fix + minimalist Follow-up card
   Targeted mobile polish after v215. Keeps tile height compact while restoring
   proper icon/title/body spacing, and shrinks the Today's Follow-up preview. */
.apv119-home .apv119-tools-grid,
.apv123-home .apv119-tools-grid,
.apv124-home .apv119-tools-grid,
.apv157-home .apv119-tools-grid,
.apv168-home .apv119-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card,
.apv123-home .apv119-tools-grid .apv119-tool-card,
.apv124-home .apv119-tools-grid .apv119-tool-card,
.apv157-home .apv119-tools-grid .apv119-tool-card,
.apv168-home .apv119-tools-grid .apv119-tool-card,
.apv119-tools-grid .apv119-tool-card{
  position:relative !important;
  min-height:128px !important;
  height:auto !important;
  aspect-ratio:auto !important;
  padding:56px 12px 12px !important;
  border-radius:20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:4px !important;
  overflow:hidden !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv123-home .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv124-home .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv157-home .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv168-home .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv119-tools-grid .apv119-tool-card .apv119-emoji{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  border-radius:13px !important;
  display:grid !important;
  place-items:center !important;
  font-size:19px !important;
  line-height:1 !important;
  margin:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv123-home .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv124-home .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv157-home .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv168-home .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv119-tools-grid .apv119-tool-card .apv119-badge{
  position:absolute !important;
  top:13px !important;
  right:10px !important;
  z-index:2 !important;
  padding:4px 7px !important;
  max-width:64px !important;
  font-size:8.5px !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  white-space:nowrap !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card b,
.apv123-home .apv119-tools-grid .apv119-tool-card b,
.apv124-home .apv119-tools-grid .apv119-tool-card b,
.apv157-home .apv119-tools-grid .apv119-tool-card b,
.apv168-home .apv119-tools-grid .apv119-tool-card b,
.apv119-tools-grid .apv119-tool-card b{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13.2px !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  color:var(--theme-text,#f7fff9) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.14) !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card small,
.apv123-home .apv119-tools-grid .apv119-tool-card small,
.apv124-home .apv119-tools-grid .apv119-tool-card small,
.apv157-home .apv119-tools-grid .apv119-tool-card small,
.apv168-home .apv119-tools-grid .apv119-tool-card small,
.apv119-tools-grid .apv119-tool-card small{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  font-size:10.4px !important;
  line-height:1.16 !important;
  color:color-mix(in srgb, var(--theme-text,#f7fff9) 72%, transparent) !important;
}
.apv119-home .apv119-tools-grid .apv119-tool-card em,
.apv123-home .apv119-tools-grid .apv119-tool-card em,
.apv124-home .apv119-tools-grid .apv119-tool-card em,
.apv157-home .apv119-tools-grid .apv119-tool-card em,
.apv168-home .apv119-tools-grid .apv119-tool-card em,
.apv119-tools-grid .apv119-tool-card em{
  display:block !important;
  margin-top:auto !important;
  padding:0 !important;
  font-size:9.4px !important;
  line-height:1.1 !important;
  color:color-mix(in srgb, var(--theme-soft,#9dffc1) 88%, #fff 12%) !important;
}
@media(max-width:380px){
  .apv119-home .apv119-tools-grid .apv119-tool-card,
  .apv123-home .apv119-tools-grid .apv119-tool-card,
  .apv124-home .apv119-tools-grid .apv119-tool-card,
  .apv157-home .apv119-tools-grid .apv119-tool-card,
  .apv168-home .apv119-tools-grid .apv119-tool-card,
  .apv119-tools-grid .apv119-tool-card{
    min-height:122px !important;
    padding:52px 10px 10px !important;
    border-radius:18px !important;
  }
  .apv119-home .apv119-tools-grid .apv119-tool-card b,
  .apv123-home .apv119-tools-grid .apv119-tool-card b,
  .apv124-home .apv119-tools-grid .apv119-tool-card b,
  .apv157-home .apv119-tools-grid .apv119-tool-card b,
  .apv168-home .apv119-tools-grid .apv119-tool-card b,
  .apv119-tools-grid .apv119-tool-card b{font-size:12.3px !important;}
  .apv119-home .apv119-tools-grid .apv119-tool-card small,
  .apv123-home .apv119-tools-grid .apv119-tool-card small,
  .apv124-home .apv119-tools-grid .apv119-tool-card small,
  .apv157-home .apv119-tools-grid .apv119-tool-card small,
  .apv168-home .apv119-tools-grid .apv119-tool-card small,
  .apv119-tools-grid .apv119-tool-card small{font-size:9.9px !important;}
}

.apv215-followup-compact.apv210-followup-priority,
.apv210-followup-priority.apv215-followup-compact{
  padding:14px !important;
  border-radius:22px !important;
}
.apv215-followup-compact .apv119-section-head{
  align-items:center !important;
  margin-bottom:6px !important;
}
.apv215-followup-compact .apv119-section-head h2{
  font-size:25px !important;
  line-height:1.02 !important;
  letter-spacing:-.06em !important;
  margin:0 !important;
}
.apv215-followup-compact .apv119-eyebrow{
  font-size:10px !important;
  letter-spacing:.16em !important;
  margin-bottom:4px !important;
}
.apv215-followup-compact .apv210-pro-chip,
.apv215-followup-compact .mini-btn{
  padding:8px 11px !important;
  font-size:10px !important;
  border-radius:999px !important;
  min-height:auto !important;
}
.apv215-followup-compact .apv210-priority-lead,
.apv215-followup-compact .apv210-priority-note{
  font-size:12.5px !important;
  line-height:1.35 !important;
  margin:6px 0 9px !important;
}
.apv215-followup-compact .apv210-priority-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:8px 0 10px !important;
}
.apv215-followup-compact .apv210-priority-card{
  min-height:68px !important;
  height:auto !important;
  padding:9px 7px !important;
  border-radius:15px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3px !important;
}
.apv215-followup-compact .apv210-priority-card b{
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}
.apv215-followup-compact.apv210-pro-live .apv210-priority-card b,
.apv210-pro-live.apv215-followup-compact .apv210-priority-card b{
  font-size:20px !important;
}
.apv215-followup-compact .apv210-priority-card small{
  font-size:9.5px !important;
  line-height:1.1 !important;
}
.apv215-followup-compact .apv210-focus-list{margin-top:8px !important;}
.apv215-followup-compact .apv210-focus-title{font-size:11px !important;margin:6px 0 !important;}
.apv215-followup-compact .apv210-focus-client{
  padding:9px 10px !important;
  min-height:0 !important;
  border-radius:14px !important;
  margin-top:7px !important;
}
.apv215-followup-compact .apv210-focus-client b{font-size:13.5px !important;line-height:1.05 !important;}
.apv215-followup-compact .apv210-focus-client small{font-size:10.5px !important;line-height:1.15 !important;}
.apv215-followup-compact .apv210-priority-btn{
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  font-size:13.5px !important;
  margin-top:8px !important;
}


/* v217 — Final mobile fix for homepage tools overlap + lean follow-up cards */
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
.apv119-tools-grid .apv119-tool-card{
  position:relative !important;
  min-height:142px !important;
  aspect-ratio:auto !important;
  padding:66px 12px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:4px !important;
  overflow:hidden !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
.apv119-tools-grid .apv119-tool-card .apv119-emoji{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  z-index:2 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
.apv119-tools-grid .apv119-tool-card .apv119-badge{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  max-width:76px !important;
  padding:4px 8px !important;
  font-size:8.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  z-index:3 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
.apv119-tools-grid .apv119-tool-card b{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:12.8px !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  z-index:2 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
.apv119-tools-grid .apv119-tool-card small{
  display:block !important;
  width:100% !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:1.18 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  z-index:2 !important;
}
.apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card em,
.apv119-tools-grid .apv119-tool-card em{
  display:block !important;
  width:100% !important;
  margin-top:auto !important;
  padding:2px 0 0 !important;
  font-size:9.6px !important;
  line-height:1.12 !important;
}
@media (max-width:420px){
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card,
  .apv119-tools-grid .apv119-tool-card{
    min-height:136px !important;
    padding:62px 11px 11px !important;
    gap:3px !important;
  }
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-emoji,
  .apv119-tools-grid .apv119-tool-card .apv119-emoji{top:11px !important;left:11px !important;width:40px !important;height:40px !important;font-size:19px !important;}
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card .apv119-badge,
  .apv119-tools-grid .apv119-tool-card .apv119-badge{top:11px !important;right:11px !important;font-size:8px !important;max-width:72px !important;}
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card b,
  .apv119-tools-grid .apv119-tool-card b{font-size:12.2px !important;line-height:1.06 !important;}
  .apv123-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
  .apv124-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
  .apv157-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
  .apv168-home .apv122-box-section .apv119-tools-grid .apv119-tool-card small,
  .apv119-tools-grid .apv119-tool-card small{font-size:9.7px !important;line-height:1.15 !important;}
}

.apv215-followup-compact{
  padding:14px !important;
  border-radius:22px !important;
}
.apv215-followup-compact .apv119-section-head{gap:8px !important;margin-bottom:6px !important;}
.apv215-followup-compact .apv119-section-head h2{font-size:20px !important;line-height:1.02 !important;letter-spacing:-.05em !important;}
.apv215-followup-compact .apv210-pro-chip,
.apv215-followup-compact .mini-btn{padding:7px 10px !important;font-size:10px !important;min-height:auto !important;border-radius:999px !important;}
.apv215-followup-compact .apv210-priority-lead{margin:8px 0 10px !important;font-size:12px !important;line-height:1.28 !important;}
.apv215-followup-compact .apv210-priority-grid{gap:7px !important;margin:8px 0 10px !important;}
.apv215-followup-compact .apv210-priority-card{min-height:54px !important;padding:8px 7px !important;border-radius:15px !important;gap:3px !important;}
.apv215-followup-compact .apv210-priority-card b{font-size:12.5px !important;line-height:1.02 !important;}
.apv215-followup-compact .apv210-counts .apv210-priority-card b{font-size:18px !important;}
.apv215-followup-compact .apv210-priority-card small{font-size:9.2px !important;line-height:1.08 !important;}
.apv215-followup-compact .apv210-focus-title{margin:7px 0 6px !important;font-size:11px !important;}
.apv215-followup-compact .apv210-focus-client{padding:10px 11px !important;border-radius:14px !important;}
.apv215-followup-compact .apv210-focus-client b{font-size:13px !important;line-height:1.08 !important;}
.apv215-followup-compact .apv210-focus-client small{font-size:10px !important;line-height:1.14 !important;}
.apv215-followup-compact .apv210-priority-btn{min-height:44px !important;padding:10px 12px !important;border-radius:16px !important;margin-top:8px !important;font-size:13px !important;}
.apv215-followup-compact .apv210-priority-note{font-size:10.5px !important;line-height:1.24 !important;margin-top:8px !important;}