/* ════════════════════════════════════════════════════════════════════
   NUTRI+ MULHER — DESIGN V2 (REPAGINAÇÃO VISUAL)
   ────────────────────────────────────────────────────────────────────
   Mantém a paleta atual (roxo #9060d0 + rosa #e05a8a) mas moderniza:
   - Mais respiro (whitespace generoso)
   - Cantos mais suaves e arredondados
   - Sombras multicamada delicadas (substituem sombras "duras")
   - Tipografia com hierarquia clara e tracking ajustado
   - Cards com acentos sutis (faixa colorida lateral/topo)
   - Micro-animações fluidas (hover lift, focus ring, transições)
   - Glassmorphism leve na bottom-nav
   - Foco no conteúdo: macros com ring de progresso visual

   Ativa-se via body.v2 (toggle persistido em localStorage).
   ════════════════════════════════════════════════════════════════════ */

body.v2 {
  /* === DESIGN TOKENS V2 === */
  --v2-bg-page: #fbf7fd;
  --v2-bg-card: #ffffff;
  --v2-bg-soft: #f6eefb;
  --v2-bg-elev: #fdfaff;

  --v2-purple-50:  #f5edfb;
  --v2-purple-100: #e9d8f4;
  --v2-purple-200: #d3b6e8;
  --v2-purple-400: #a47ad8;
  --v2-purple-500: #9060d0;
  --v2-purple-600: #7a4ec2;
  --v2-purple-700: #5f3a9c;

  --v2-pink-100: #fbe1eb;
  --v2-pink-300: #f7a8c5;
  --v2-pink-500: #e05a8a;
  --v2-pink-600: #c44877;

  --v2-text-1: #1f1730;
  --v2-text-2: #4b3e62;
  --v2-text-3: #7d7390;
  --v2-text-4: #a99fb8;

  --v2-border-faint: #ece3f3;
  --v2-border-soft:  #e1d2ec;
  --v2-border-strong:#caa9e0;

  --v2-shadow-xs: 0 1px 2px rgba(95, 58, 156, .04);
  --v2-shadow-sm: 0 2px 6px rgba(95, 58, 156, .05), 0 1px 2px rgba(95, 58, 156, .04);
  --v2-shadow-md: 0 6px 20px rgba(144, 96, 208, .08), 0 2px 6px rgba(144, 96, 208, .05);
  --v2-shadow-lg: 0 18px 48px rgba(95, 58, 156, .14), 0 4px 12px rgba(95, 58, 156, .06);
  --v2-shadow-ring: 0 0 0 4px rgba(144, 96, 208, .12);

  --v2-radius-sm:  10px;
  --v2-radius-md:  16px;
  --v2-radius-lg:  20px;
  --v2-radius-xl:  26px;
  --v2-radius-pill: 999px;

  --v2-grad-primary: linear-gradient(135deg, #e05a8a 0%, #b765c9 50%, #9060d0 100%);
  --v2-grad-soft:    linear-gradient(180deg, #fdfaff 0%, #f5edfb 100%);
  --v2-grad-stripe:  linear-gradient(90deg, #e05a8a, #9060d0);

  --v2-ease: cubic-bezier(.4, 0, .2, 1);
  --v2-ease-out: cubic-bezier(.16, 1, .3, 1);
}

/* ───────── PAGE / WRAPPER ───────── */
body.v2 {
  background: var(--v2-bg-page);
  background-image:
    radial-gradient(1200px 600px at -10% -20%, rgba(224, 90, 138, .06), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(144, 96, 208, .07), transparent 60%);
  color: var(--v2-text-1);
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.005em;
}

body.v2 .wrapper { padding-top: 8px; }

body.v2 .screen { padding: 22px 18px 90px; }

/* ───────── GREETING ───────── */
body.v2 .greeting {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--v2-text-4);
  margin-bottom: 4px;
}

body.v2 .greeting-name {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  background: var(--v2-grad-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px;
}

/* ───────── CARDS ───────── */
body.v2 .card {
  background: var(--v2-bg-card);
  border-radius: var(--v2-radius-xl);
  padding: 22px 22px;
  border: 1px solid var(--v2-border-faint);
  box-shadow: var(--v2-shadow-md);
  margin-bottom: 16px;
  transition: box-shadow .35s var(--v2-ease), transform .35s var(--v2-ease);
}

body.v2 .card:hover {
  box-shadow: var(--v2-shadow-lg);
}

body.v2 .card-title {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--v2-purple-700);
  margin-bottom: 18px;
}

/* ───────── MACROS GRID (kcal/prot/carb/lip) ───────── */
body.v2 .macros-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 22px;
  padding: 4px;
}

body.v2 .mc {
  position: relative;
  background: var(--v2-bg-card);
  border-radius: var(--v2-radius-md);
  border: 1px solid var(--v2-border-faint);
  padding: 16px 6px 12px;
  text-align: center;
  box-shadow: var(--v2-shadow-xs);
  transition: transform .25s var(--v2-ease-out), box-shadow .25s var(--v2-ease);
  overflow: hidden;
}

body.v2 .mc::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  border-radius: var(--v2-radius-md) var(--v2-radius-md) 0 0;
}

body.v2 .mc.cal::before  { background: linear-gradient(90deg, #ff8da1, #e05a8a); }
body.v2 .mc.prot::before { background: linear-gradient(90deg, #d3b6e8, #9060d0); }
body.v2 .mc.carb::before { background: linear-gradient(90deg, #ffd68a, #f0a830); }
body.v2 .mc.lip::before  { background: linear-gradient(90deg, #b8a0e8, #7a4ec2); }

body.v2 .mc:hover {
  transform: translateY(-2px);
  box-shadow: var(--v2-shadow-sm);
}

body.v2 .mc-val {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

body.v2 .mc-unit {
  font-size: 10px;
  font-weight: 700;
  color: var(--v2-text-4);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 1px;
}

body.v2 .mc-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--v2-text-2);
  margin-top: 4px;
}

/* ───────── SMART ACTION CARDS (cta-inicio-plano / diario) ───────── */
body.v2 #cta-inicio-plano,
body.v2 #cta-inicio-diario {
  border-radius: var(--v2-radius-lg) !important;
  border: 1px solid var(--v2-border-faint) !important;
  box-shadow: var(--v2-shadow-sm) !important;
  background: var(--v2-bg-card) !important;
  margin-bottom: 12px !important;
  position: relative;
  overflow: hidden;
  transition: transform .25s var(--v2-ease-out), box-shadow .3s var(--v2-ease);
}

body.v2 #cta-inicio-plano:hover,
body.v2 #cta-inicio-diario:hover {
  transform: translateY(-2px);
  box-shadow: var(--v2-shadow-md) !important;
}

body.v2 #cta-inicio-plano > div:first-child,
body.v2 #cta-inicio-diario > div:first-child {
  height: 3px !important;
  padding: 0 !important;
}

body.v2 #cta-inicio-plano > div:last-child,
body.v2 #cta-inicio-diario > div:last-child {
  padding: 16px 18px 14px !important;
  gap: 14px !important;
}

body.v2 #cta-inicio-plano button,
body.v2 #cta-inicio-diario button {
  border-radius: var(--v2-radius-pill) !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 4px 12px rgba(144, 96, 208, .25) !important;
  transition: transform .2s var(--v2-ease-out), box-shadow .25s var(--v2-ease) !important;
}

body.v2 #cta-inicio-plano button:hover,
body.v2 #cta-inicio-diario button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(144, 96, 208, .35) !important;
}

/* ───────── FASE-INFO (Acompanhamento Anual) ───────── */
body.v2 #fase-info {
  background: linear-gradient(135deg, #fbf3ff 0%, #f4e6fb 100%) !important;
  border: 1px solid var(--v2-border-soft) !important;
  border-radius: var(--v2-radius-xl) !important;
  padding: 22px 22px !important;
  box-shadow: var(--v2-shadow-md) !important;
  position: relative;
  overflow: hidden;
}

body.v2 #fase-info::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--v2-grad-stripe);
}

body.v2 #fase-info input[type="number"] {
  border: 1.5px solid var(--v2-border-soft) !important;
  border-radius: var(--v2-radius-sm) !important;
  padding: 11px 14px !important;
  background: #fff !important;
  transition: border-color .2s var(--v2-ease), box-shadow .2s var(--v2-ease);
}

body.v2 #fase-info input[type="number"]:focus {
  border-color: var(--v2-purple-500) !important;
  box-shadow: var(--v2-shadow-ring);
  outline: none !important;
}

body.v2 #fase-info button:not(.obj-change-btn) {
  border-radius: var(--v2-radius-sm) !important;
  padding: 11px 18px !important;
  background: var(--v2-grad-primary) !important;
  box-shadow: 0 4px 12px rgba(144, 96, 208, .25) !important;
  transition: transform .2s var(--v2-ease-out), box-shadow .25s var(--v2-ease) !important;
}

body.v2 #fase-info button:not(.obj-change-btn):hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(144, 96, 208, .35) !important;
}

/* Botões objetivo / atividade — segmented chips */
body.v2 .obj-change-btn {
  border: 1.5px solid var(--v2-border-soft) !important;
  border-radius: var(--v2-radius-sm) !important;
  background: #fff !important;
  padding: 10px 4px !important;
  color: var(--v2-text-2) !important;
  transition: all .22s var(--v2-ease) !important;
}

body.v2 .obj-change-btn:hover {
  border-color: var(--v2-purple-400) !important;
  background: var(--v2-purple-50) !important;
  color: var(--v2-purple-600) !important;
}

body.v2 .obj-change-btn.selected {
  border-color: var(--v2-purple-500) !important;
  background: var(--v2-purple-50) !important;
  color: var(--v2-purple-700) !important;
  box-shadow: var(--v2-shadow-ring);
}

body.v2 #obj-change-btns,
body.v2 #ativ-change-btns {
  gap: 8px !important;
}

/* ───────── PROTOCOLO CARD (Como funciona) ───────── */
body.v2 [onclick*="abrirCardProtocolo"] {
  border-radius: var(--v2-radius-xl) !important;
  border: 1px solid var(--v2-border-faint) !important;
  background: var(--v2-bg-card) !important;
  box-shadow: var(--v2-shadow-sm) !important;
  transition: box-shadow .3s var(--v2-ease), transform .25s var(--v2-ease-out) !important;
}

body.v2 [onclick*="abrirCardProtocolo"]:hover {
  transform: translateY(-1px);
  box-shadow: var(--v2-shadow-md) !important;
}

body.v2 #protocolo-info-icon {
  transition: transform .3s var(--v2-ease);
}

/* ───────── PESO CHART CARD ───────── */
body.v2 #peso-chart-card {
  border-radius: var(--v2-radius-xl) !important;
  border: 1px solid var(--v2-border-faint) !important;
  background: var(--v2-bg-card) !important;
  box-shadow: var(--v2-shadow-md) !important;
}

/* ───────── STORIES RAIL ───────── */
body.v2 .nm-stories-section {
  background: var(--v2-bg-card);
  border-radius: var(--v2-radius-xl);
  padding: 16px 16px 14px;
  border: 1px solid var(--v2-border-faint);
  box-shadow: var(--v2-shadow-sm);
  margin-bottom: 16px;
}

body.v2 .nm-stories-title {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--v2-purple-700);
}

/* ───────── BOTTOM NAV (glassmorphism) ───────── */
body.v2 .bottom-nav {
  background: rgba(255, 255, 255, .68);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  border-top: 1px solid var(--v2-border-faint);
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -8px 28px rgba(95, 58, 156, .10);
  padding: 8px 0 14px;
}

body.v2 .nav-item {
  border-radius: var(--v2-radius-md);
  padding: 6px 4px;
  transition: background .2s var(--v2-ease), transform .15s var(--v2-ease-out);
}

body.v2 .nav-item:active { transform: scale(.95); }

body.v2 .nav-icon { font-size: 22px; }

body.v2 .nav-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--v2-text-4);
  margin-top: 2px;
}

body.v2 .nav-item.active .nav-label {
  color: var(--v2-purple-600);
}

body.v2 .nav-item.active {
  background: var(--v2-purple-50);
}

/* ───────── BOTÕES GERAIS ───────── */
body.v2 .btn-primary {
  background: var(--v2-grad-primary);
  border-radius: var(--v2-radius-pill);
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 8px 22px rgba(144, 96, 208, .25);
  transition: transform .2s var(--v2-ease-out), box-shadow .3s var(--v2-ease);
}

body.v2 .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(144, 96, 208, .35);
}

body.v2 .btn-primary:active {
  transform: translateY(0);
}

/* ───────── INPUTS / FIELDS ───────── */
body.v2 .field label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--v2-purple-600);
  margin-bottom: 7px;
}

body.v2 .field input,
body.v2 .field select {
  border: 1.5px solid var(--v2-border-soft);
  border-radius: var(--v2-radius-sm);
  padding: 13px 16px;
  font-size: 15px;
  color: var(--v2-text-1);
  background: #fff;
  transition: border-color .2s var(--v2-ease), box-shadow .2s var(--v2-ease);
}

body.v2 .field input:focus,
body.v2 .field select:focus {
  border-color: var(--v2-purple-500);
  box-shadow: var(--v2-shadow-ring);
  outline: none;
}

/* ───────── TOGGLE V1/V2 FLUTUANTE ───────── */
.v2-toggle {
  position: fixed;
  bottom: 92px;
  right: 14px;
  z-index: 9999;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #e1d2ec;
  border-radius: 999px;
  padding: 8px 14px 8px 8px;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #5f3a9c;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(95, 58, 156, .18), 0 2px 6px rgba(95, 58, 156, .08);
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
  transition: transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow .25s ease;
}

.v2-toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(95, 58, 156, .25), 0 3px 8px rgba(95, 58, 156, .1);
}

.v2-toggle .v2-toggle-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e05a8a, #9060d0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 2px 6px rgba(144, 96, 208, .35);
}

body.v2 .v2-toggle {
  background: rgba(255, 255, 255, .96);
  color: #5f3a9c;
}

body:not(.v2) .v2-toggle .v2-toggle-dot {
  background: #e1d2ec;
  color: #7a4ec2;
}

/* ───────── ANIMAÇÕES ───────── */
@keyframes v2-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

body.v2 #s6.screen.active > .wrapper > * {
  animation: v2-fade-in .45s var(--v2-ease-out) both;
}

body.v2 #s6.screen.active > .wrapper > *:nth-child(1) { animation-delay: .02s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(2) { animation-delay: .06s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(3) { animation-delay: .10s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(4) { animation-delay: .14s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(5) { animation-delay: .18s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(6) { animation-delay: .22s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(7) { animation-delay: .26s; }
body.v2 #s6.screen.active > .wrapper > *:nth-child(8) { animation-delay: .30s; }

@media (prefers-reduced-motion: reduce) {
  body.v2 *,
  body.v2 *::before,
  body.v2 *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* ───────── DARK MODE (mantém suporte) ───────── */
html.dark body.v2 {
  --v2-bg-page: #15101f;
  --v2-bg-card: #1f1830;
  --v2-bg-soft: #281e3c;
  --v2-bg-elev: #251c38;

  --v2-text-1: #f0eaf8;
  --v2-text-2: #c8bcd8;
  --v2-text-3: #9889aa;
  --v2-text-4: #6e6080;

  --v2-border-faint: #2e2440;
  --v2-border-soft:  #3a2e54;
  --v2-border-strong:#5a4880;

  --v2-shadow-xs: 0 1px 2px rgba(0,0,0,.25);
  --v2-shadow-sm: 0 2px 6px rgba(0,0,0,.3);
  --v2-shadow-md: 0 6px 20px rgba(0,0,0,.35);
  --v2-shadow-lg: 0 18px 48px rgba(0,0,0,.45);

  background-image:
    radial-gradient(1200px 600px at -10% -20%, rgba(224, 90, 138, .10), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(144, 96, 208, .12), transparent 60%);
}

html.dark body.v2 .bottom-nav {
  background: rgba(31, 24, 48, .68);
}

/* ═══════════════════════════════════════════════════════════════
   DIA A DIA DELICADO + CARD DE CONVITE (home reorganizada)
   ─────────────────────────────────────────────────────────────── */

/* ─── greeting com margem menor (Dia a Dia vem logo abaixo) ─── */
body.v2 .greeting { margin-bottom: 3px; }
body.v2 .greeting-name {
  font-size: 26px;
  margin-bottom: 14px;
}

/* ─── Dia a Dia "delicado": menos peso visual, paleta mais suave ─── */
body.v2 .nm-stories-section.nm-stories-delicate {
  background: linear-gradient(180deg, #fffafd 0%, #fdf7fc 100%);
  border: 1px solid #f4e6ee;
  border-radius: 20px;
  padding: 10px 12px 10px;
  box-shadow: 0 1px 3px rgba(224, 90, 138, .04);
  margin-bottom: 14px;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-stories-header {
  padding: 4px 6px 2px;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-stories-title {
  font-size: 12.5px;
  font-weight: 700;
  color: #c44877;
  letter-spacing: 0.01em;
  opacity: 0.92;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-stories-rail {
  gap: 10px;
  padding: 6px 6px 4px;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-story-item { width: 56px; }
body.v2 .nm-stories-section.nm-stories-delicate .nm-story-ring {
  width: 52px; height: 52px;
  padding: 2px;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-story-add .nm-story-ring {
  border: 1.5px dashed #e9c8de;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-story-add-icon { font-size: 22px; }
body.v2 .nm-stories-section.nm-stories-delicate .nm-story-name {
  font-size: 10px;
  color: #888;
  font-weight: 600;
  max-width: 56px;
}
body.v2 .nm-stories-section.nm-stories-delicate .nm-stories-empty {
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 500;
  color: #b09cab;
  line-height: 1.45;
}

/* ─── Card "Convide uma amiga" — compacto, recompensa visível ─── */
body.v2 .nm-invite-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #fdf0f5 0%, #f8edfb 50%, #efe2f7 100%);
  border: 1px solid #f4d0e0;
  border-radius: 18px;
  padding: 12px 12px 12px 14px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(224, 90, 138, .07);
  cursor: pointer;
  transition: transform .2s var(--v2-ease-out), box-shadow .25s var(--v2-ease);
  -webkit-tap-highlight-color: rgba(224, 90, 138, .14);
}
body.v2 .nm-invite-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(224, 90, 138, .14);
}
body.v2 .nm-invite-card:active { transform: scale(0.985); }
body.v2 .nm-invite-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(224, 90, 138, .25);
}

body.v2 .nm-invite-icon {
  font-size: 26px;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 2px rgba(224, 90, 138, .18));
}

body.v2 .nm-invite-body {
  flex: 1;
  min-width: 0;
}
body.v2 .nm-invite-title {
  font-size: 13.5px;
  font-weight: 800;
  color: #993556;
  letter-spacing: -0.005em;
  margin-bottom: 2px;
}
body.v2 .nm-invite-sub {
  font-size: 11.5px;
  font-weight: 600;
  color: #7d6e85;
  line-height: 1.4;
}
body.v2 .nm-invite-sub strong {
  color: #993556;
  font-weight: 800;
}

body.v2 .nm-invite-btn {
  flex-shrink: 0;
  background: linear-gradient(135deg, #e05a8a, #9060d0);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 10px rgba(144, 96, 208, .25);
  transition: transform .15s var(--v2-ease-out), box-shadow .2s var(--v2-ease);
}
body.v2 .nm-invite-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(144, 96, 208, .35);
}
body.v2 .nm-invite-btn:active { transform: scale(0.96); }

/* ─── responsivo: telas pequenas ─── */
@media (max-width: 360px) {
  body.v2 .nm-invite-card { padding: 11px 10px; gap: 10px; }
  body.v2 .nm-invite-icon { font-size: 22px; }
  body.v2 .nm-invite-title { font-size: 13px; }
  body.v2 .nm-invite-sub { font-size: 11px; }
  body.v2 .nm-invite-btn { padding: 7px 12px; font-size: 11.5px; }
}

/* ─── Dark mode tweaks ─── */
html.dark body.v2 .nm-stories-section.nm-stories-delicate {
  background: linear-gradient(180deg, rgba(255, 240, 248, .04) 0%, rgba(245, 230, 245, .03) 100%);
  border-color: rgba(244, 192, 209, .15);
}
html.dark body.v2 .nm-invite-card {
  background: linear-gradient(135deg, rgba(224, 90, 138, .12) 0%, rgba(144, 96, 208, .12) 100%);
  border-color: rgba(244, 192, 209, .22);
}
html.dark body.v2 .nm-invite-title { color: #f4c0d1; }
html.dark body.v2 .nm-invite-sub { color: #c6b7d0; }
html.dark body.v2 .nm-invite-sub strong { color: #f7a8c5; }