/* DROP OS — visual v2, Fase 4: conteúdo das abas do grupo "Crescer" do painel do lojista (admin.html).
   Abas: monthlyranking, presells, links, linksativos, offers, upsell, pixels, emails; mais o modal de Aparência (#dwAppearance)
   e a aba "Funil de Ofertas" do editor de produto (esteira por produto, #peBox).
   Origem: dropchck (Lovable) — MerchantRanking/RankingPodium + RewardsPlaques (ranking), MerchantLinks, MerchantOffers,
   MerchantIntegrations, MerchantMessages, MerchantAppearance/AppearancePicker, DemoUi (SectionHeading, Stats, Status, Filters),
   camada .merchant-* de src/index.css e components/ui (button, input, switch, dialog, table).
   Regras: tudo escopado em html[data-ui="v2"]; nenhum ID/classe muda; nenhuma regra aqui define `display` de elemento
   que o JS mostra/esconde; cores de estado escritas pelo JS no atributo style são mapeadas por [style*=] para o token do mesmo
   estado (verde = success, vermelho = destructive), nunca apagadas. Os temas data-appearance do v1 ficam neutros nestas telas
   (dois IDs + !important). Gerado por gen-crescer.cjs a partir deste arquivo (macros html[data-ui="v2"] body.dropos-workspace html[data-ui="v2"][data-theme="light"] body.dropos-workspace html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) html[data-ui="v2"] body.dropos-workspace #dwAppearance html[data-ui="v2"][data-theme="light"] body.dropos-workspace #dwAppearance html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] @LF). */

html[data-ui="v2"] {
  --v2c-inbox: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2722%2012%2016%2012%2014%2015%2010%2015%208%2012%202%2012%27%2F%3E%3Cpath%20d%3D%27M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%27%2F%3E%3C%2Fsvg%3E");
  --v2c-trophy: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209H4.5a2.5%202.5%200%200%201%200-5H6%27%2F%3E%3Cpath%20d%3D%27M18%209h1.5a2.5%202.5%200%200%200%200-5H18%27%2F%3E%3Cpath%20d%3D%27M4%2022h16%27%2F%3E%3Cpath%20d%3D%27M10%2014.66V17c0%20.55-.47.98-.97%201.21C7.85%2018.75%207%2020.24%207%2022%27%2F%3E%3Cpath%20d%3D%27M14%2014.66V17c0%20.55.47.98.97%201.21C16.15%2018.75%2017%2020.24%2017%2022%27%2F%3E%3Cpath%20d%3D%27M18%202H6v7a6%206%200%200%200%2012%200V2Z%27%2F%3E%3C%2Fsvg%3E");
  --v2c-crown: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11.562%203.266a.5.5%200%200%201%20.876%200L15.39%208.87a1%201%200%200%200%201.516.294L21.183%205.5a.5.5%200%200%201%20.798.519l-2.834%2010.246a1%201%200%200%201-.956.734H5.81a1%201%200%200%201-.957-.734L2.02%206.02a.5.5%200%200%201%20.798-.519l4.276%203.664a1%201%200%200%200%201.516-.294z%27%2F%3E%3Cpath%20d%3D%27M5%2021h14%27%2F%3E%3C%2Fsvg%3E");
  --v2c-plug: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022v-5%27%2F%3E%3Cpath%20d%3D%27M9%208V2%27%2F%3E%3Cpath%20d%3D%27M15%208V2%27%2F%3E%3Cpath%20d%3D%27M18%208v5a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V8Z%27%2F%3E%3C%2Fsvg%3E");
  --v2c-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20width%3D%2720%27%20height%3D%2716%27%20x%3D%272%27%20y%3D%274%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E");
  --v2c-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E");
  --v2c-palette: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%276.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2710.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%277.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Ccircle%20cx%3D%276.5%27%20cy%3D%2712.5%27%20r%3D%27.5%27%20fill%3D%27currentColor%27%2F%3E%3Cpath%20d%3D%27M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.926%200%201.648-.746%201.648-1.688%200-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64%201.64%200%200%201%201.668-1.668h1.996c3.051%200%205.555-2.503%205.555-5.554C21.965%206.012%2017.461%202%2012%202z%27%2F%3E%3C%2Fsvg%3E");
  --v2c-x: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M18%206%206%2018%27%2F%3E%3Cpath%20d%3D%27m6%206%2012%2012%27%2F%3E%3C%2Fsvg%3E");
  --v2c-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E");
  --v2c-refresh-cw: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%27%2F%3E%3Cpath%20d%3D%27M21%203v5h-5%27%2F%3E%3Cpath%20d%3D%27M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%27%2F%3E%3Cpath%20d%3D%27M8%2016H3v5%27%2F%3E%3C%2Fsvg%3E");
  --v2c-link-2: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2017H7A5%205%200%200%201%207%207h2%27%2F%3E%3Cpath%20d%3D%27M15%207h2a5%205%200%201%201%200%2010h-2%27%2F%3E%3Cline%20x1%3D%278%27%20x2%3D%2716%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3C%2Fsvg%3E");
  --v2c-gift: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%278%27%20width%3D%2718%27%20height%3D%274%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M12%208v13%27%2F%3E%3Cpath%20d%3D%27M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7%27%2F%3E%3Cpath%20d%3D%27M7.5%208a2.5%202.5%200%200%201%200-5A4.8%208%200%200%201%2012%208a4.8%208%200%200%201%204.5-5%202.5%202.5%200%200%201%200%205%27%2F%3E%3C%2Fsvg%3E");
  --v2c-chevron-down-mut: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27hsl(240%2C7%25%2C64%25)%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m6%209%206%206%206-6%27%2F%3E%3C%2Fsvg%3E");
  --v2c-search-mut: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27hsl(240%2C7%25%2C64%25)%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");
  --v2-c-ease: cubic-bezier(0, 0, .2, 1);
}

/* ======================================================================================================
   1. Paleta do v1 trocada pela do Lovable SÓ dentro das abas Crescer e do modal de Aparência
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView), html[data-ui="v2"] body.dropos-workspace #dwAppearance {
  --bg: hsl(var(--v2-background)); --panel: hsl(var(--v2-card)); --panel2: hsl(var(--v2-muted));
  --card: hsl(var(--v2-card)); --card2: hsl(var(--v2-muted)); --card-2: hsl(var(--v2-background)); --surface-2: hsl(var(--v2-muted));
  --line: hsl(var(--v2-border)); --line2: hsl(var(--v2-border)); --line-2: hsl(var(--v2-input)); --line-hot: hsl(var(--v2-primary) / .3);
  --ink: hsl(var(--v2-foreground)); --ink-2: hsl(var(--v2-foreground)); --text: hsl(var(--v2-foreground));
  --mut: hsl(var(--v2-muted-foreground)); --muted: hsl(var(--v2-muted-foreground)); --dim: hsl(var(--v2-muted-foreground)); --muted-2: hsl(var(--v2-muted-foreground));
  --red: hsl(var(--v2-primary)); --red2: hsl(var(--v2-primary-deep)); --red-deep: hsl(var(--v2-primary-deep)); --red-b: hsl(var(--v2-primary-glow));
  --red-soft: hsl(var(--v2-primary) / .08); --brand: hsl(var(--v2-primary)); --brand3: hsl(var(--v2-primary)); --brand-hover: hsl(var(--v2-primary) / .9);
  --brand2: hsl(var(--v2-primary-deep)); --brand-dark: hsl(var(--v2-primary-deep)); --grad: hsl(var(--v2-primary));
  --glow: none; --glow-sm: none; --lift: none; --focus: 0 0 0 2px hsl(var(--v2-primary) / .2);
  --ok: hsl(var(--v2-success)); --warn: hsl(var(--v2-warning));
  --r: var(--v2-radius); --r-sm: calc(var(--v2-radius) - 2px); --h: 40px;
  --mono: var(--v2-font-mono); --dw-font: var(--v2-font-sans);
  --shadow-md: var(--v2-merchant-shadow); --shadow-lg: 0 25px 50px -12px hsl(var(--v2-primary) / .05);
  --dw-edge: hsl(var(--v2-border)); --dw-accent: hsl(var(--v2-primary));
  color: hsl(var(--v2-foreground)); color-scheme: dark; font-family: var(--v2-font-sans);
}
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView), html[data-ui="v2"][data-theme="light"] body.dropos-workspace #dwAppearance { color-scheme: light; }

/* Texto base: Manrope, sem o letter-spacing/uppercase de terminal do v1 */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(h1, h2, h3, h4):not(:is(.pp-phone, .ls-screen, .pp-roulette-screen) *) { font-family: var(--v2-font-sans) !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; letter-spacing: normal !important; text-transform: none !important; text-shadow: none !important; animation: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.muted, .lk-s) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.mono, code) { font-family: var(--v2-font-mono) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) a:not(.btn) { color: hsl(var(--v2-primary)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(b, strong) { color: inherit; }

/* ======================================================================================================
   2. Superfícies: Card do Lovable (rounded-lg, border, bg-card, sombra merchant) — sem gradiente, brilho nem neon
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.panel, .stat-card, .lk-main, .lk-side) {
  background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important;
  border-radius: var(--v2-radius) !important; box-shadow: var(--v2-merchant-shadow) !important;
  color: hsl(var(--v2-card-foreground)); backdrop-filter: none !important; filter: none !important; animation: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.panel, .stat-card, .lk-main, .lk-side)::before, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.panel, .stat-card, .lk-main, .lk-side)::after { content: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .dw-motion-card:hover { translate: none !important; transform: none !important; border-color: hsl(var(--v2-border)) !important; box-shadow: var(--v2-merchant-shadow) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView).dw-view-enter, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .dw-view-enter { animation: v2-fade-up .35s var(--v2-c-ease) both !important; }

/* ======================================================================================================
   3. Botões (ui/button): default = primary; outline; sm = 36px; raio 8; hover sobe 2px; active 0.97
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn, html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwActivateHacker, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab, .btn) {
  align-items: center; justify-content: center; gap: .5rem; white-space: nowrap;
  height: 40px !important; min-height: 40px !important; padding: 0 1.25rem !important;
  border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important;
  letter-spacing: normal !important; text-transform: none !important; text-shadow: none !important; filter: none !important;
  transition: all .2s var(--v2-c-ease) !important; transform: none; cursor: pointer; animation: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:hover:not(:disabled), html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwActivateHacker:hover, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab, .btn):hover:not(:disabled) {
  background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; color: hsl(var(--v2-accent-foreground)) !important; transform: translateY(-2px);
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:active:not(:disabled), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab, .btn):active:not(:disabled) { transform: scale(.97); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:focus-visible, html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwActivateHacker:focus-visible, html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-close:focus-visible, html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-card:focus-visible, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab, .btn):focus-visible {
  outline: none !important; box-shadow: 0 0 0 2px hsl(var(--v2-background)), 0 0 0 4px hsl(var(--v2-ring)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:disabled, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .btn:disabled { opacity: .5 !important; pointer-events: none; transform: none !important; }
/* default (primary): classes do v1 e os botões que o JS pinta de vermelho/rosa no style */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.btn.brand, .btn.pri, .btn.primary, .btn-primary, .btn.on, .pl-save, #slGerar, #mpSave),
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:is([style*="background:var(--brand"], [style*="background:#fe2c55"], [style*="background:#e11d2a"], [style*="background:linear-gradient"]),
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab.active, .btn.brand, #btnColarOferta) {
  background: hsl(var(--v2-primary)) !important; border-color: transparent !important; color: hsl(var(--v2-primary-foreground)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.btn.brand, .btn.pri, .btn.primary, .btn-primary, .btn.on, .pl-save, #slGerar, #mpSave):hover:not(:disabled),
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn:is([style*="background:var(--brand"], [style*="background:#fe2c55"], [style*="background:#e11d2a"], [style*="background:linear-gradient"]):hover:not(:disabled),
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab.active, .btn.brand, #btnColarOferta):hover:not(:disabled) {
  background: hsl(var(--v2-primary) / .9) !important; border-color: transparent !important; color: hsl(var(--v2-primary-foreground)) !important;
  box-shadow: 0 10px 15px -3px hsl(var(--v2-primary) / .2), 0 4px 6px -4px hsl(var(--v2-primary) / .2) !important;
}
/* sm (h-9 px-4) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.btn.sm, .btn.small, #slRefresh, #btnEmailsRefresh), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.funil-tab, .btn.sm) { height: 36px !important; min-height: 36px !important; padding: 0 1rem !important; }
/* destrutivo: texto destructive */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn.danger:not(.pri):not(.brand), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .btn.danger { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .btn.danger:not(.pri):not(.brand):hover:not(:disabled), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .btn.danger:hover:not(:disabled) { background: hsl(var(--v2-destructive) / .08) !important; border-color: hsl(var(--v2-destructive) / .3) !important; color: hsl(var(--v2-destructive)) !important; }

/* ======================================================================================================
   4. Campos (ui/input): h-10, rounded-xl, borda input/80, fundo background/80, px-4, text-sm; hover primary/30; foco anel primary/20
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea),
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea) {
  min-height: 40px !important; border: 1px solid hsl(var(--v2-input) / .8) !important; border-radius: .75rem !important;
  background-color: hsl(var(--v2-background) / .8) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important;
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 20px !important;
  padding-left: 1rem !important; padding-right: 1rem !important; transition: all .3s ease-out !important; outline: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select),
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select) { height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) select, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] select { padding-right: 2.25rem !important; -webkit-appearance: none; appearance: none;
  background-image: var(--v2c-chevron-down-mut) !important; background-repeat: no-repeat !important; background-position: right .75rem center !important; background-size: 16px 16px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) textarea, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] textarea { padding-top: .5rem !important; padding-bottom: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) textarea[style*="monospace"] { font-family: var(--v2-font-mono) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :where(input, select, textarea):where(:hover:not(:disabled):not(:focus):not([readonly])), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :where(input, select, textarea):where(:hover:not(:disabled):not(:focus)) { border-color: hsl(var(--v2-primary) / .3) !important; background-color: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :where(input, select, textarea):where(:focus), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :where(input, select, textarea):where(:focus) { border-color: hsl(var(--v2-primary) / .5) !important; box-shadow: 0 0 0 2px hsl(var(--v2-primary) / .2) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(input, textarea)::placeholder, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(input, textarea)::placeholder { color: hsl(var(--v2-muted-foreground) / .6) !important; font-family: var(--v2-font-sans) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(input, select, textarea):disabled { opacity: .5 !important; cursor: not-allowed; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) input[readonly] { background-color: hsl(var(--v2-muted) / .5) !important; font-family: var(--v2-font-mono) !important; font-size: 13px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) input[type=number], html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] input[type=number] { padding-left: .625rem !important; padding-right: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) select option, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] select option { background: hsl(var(--v2-popover)); color: hsl(var(--v2-popover-foreground)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(input[type=checkbox], input[type=radio]), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(input[type=checkbox], input[type=radio]), html[data-ui="v2"] body.dropos-workspace #dwAppearance input[type=checkbox] { accent-color: hsl(var(--v2-primary)); }
html[data-ui="v2"] body.dropos-workspace #dwAppearance input[type=range] { accent-color: hsl(var(--v2-primary)); }
/* rótulos (StudioField: text-sm 500) e textos de ajuda (text-xs muted) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .field > label, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .field label, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-theme-select > label, html[data-ui="v2"] body.dropos-workspace #app #linksView label, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .field > label {
  font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-foreground)) !important; letter-spacing: normal !important; text-transform: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.help, .hint, .editor-hint, .ls-help), html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.help, .editor-hint) { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; line-height: 1.6 !important; font-family: var(--v2-font-sans) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.help, .editor-hint) b, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] :is(.help, .editor-hint) b { color: hsl(var(--v2-foreground)) !important; font-weight: 600; }
/* rótulos com checkbox escritos com cor fixa clara (#c9c9d3) -> texto do tema */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) label[style*="color:#c9c9d3"], html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) label[style*="color: rgb(201, 201, 211)"] { color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; }
/* .editor-hint (caixa de dica do v1) = faixa discreta muted */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .editor-hint, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .editor-hint { background: hsl(var(--v2-muted) / .5) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; padding: .75rem 1rem !important; box-shadow: none !important; }
/* rótulos de seção (.section-label) = .merchant-eyebrow em caixa alta */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .section-label, html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .section-label {
  font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 600 !important; letter-spacing: .04em !important;
  text-transform: uppercase !important; color: hsl(var(--v2-primary)) !important; border: 0 !important; background: none !important; padding: 0 !important;
}

/* ======================================================================================================
   5. Listas em grade escritas pelo JS (links curtos e e-mails): .merchant-table — cabeçalho muted/60 .65rem, linhas com divisória
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#slList, #emailList) > .panel { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#slList, #emailList) > .panel > div > div[style*="display:grid"]:first-child {
  background: hsl(var(--v2-muted) / .6) !important; border: 0 !important; padding: .85rem 1rem !important; align-items: center;
  color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 500 !important;
  letter-spacing: normal !important; text-transform: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#slList, #emailList) > .panel > div > div[style*="display:grid"]:not(:first-child) {
  padding: 1rem !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; font-family: var(--v2-font-sans) !important; font-size: .8rem !important;
  transition: background-color .15s var(--v2-c-ease);
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#slList, #emailList) > .panel > div > div[style*="display:grid"]:not(:first-child):hover { background: hsl(var(--v2-muted) / .35) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#slList, #emailList) [style*="font-family:var(--mono)"] { font-family: var(--v2-font-mono) !important; font-size: .75rem !important; }
/* botões das linhas (Copiar / ×) = Button outline sm / ghost destrutivo */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slList button[onclick^="slCopiar"] { height: 32px; padding: 0 .75rem !important; border: 1px solid hsl(var(--v2-input)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; font-weight: 500; transition: all .2s var(--v2-c-ease); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slList button[onclick^="slApagar"] { height: 32px; width: 32px; padding: 0 !important; border: 1px solid transparent !important; border-radius: calc(var(--v2-radius) - 2px) !important; background: transparent !important; color: hsl(var(--v2-destructive)) !important; font-size: 16px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slList button[onclick^="slCopiar"]:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slList button[onclick^="slApagar"]:hover { background: hsl(var(--v2-destructive) / .08) !important; }

/* Selos de status (Status do DemoUi): rounded-md, px-2 py-1, text-xs 500, fundo tom/10, ponto 6px.
   O JS escolhe o tom pelo style (verde = enviado, vermelho = falha, âmbar = pendente): o tom é mantido, só vira token. */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"] {
  display: inline-flex; align-items: center; gap: .375rem; padding: .25rem .5rem !important; border-radius: calc(var(--v2-radius) - 2px) !important;
  font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 16px !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"]::before { content: ''; width: 6px; height: 6px; border-radius: 9999px; background: currentColor; flex: none; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"]:is([style*="color:#22c55e"], [style*="34,197,94"]) { background: hsl(var(--v2-success) / .1) !important; color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"]:is([style*="color:#ef4444"], [style*="239,68,68"], [style*="color:#f87171"]) { background: hsl(var(--v2-destructive) / .1) !important; color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"]:is([style*="color:#f59e0b"], [style*="245,158,11"], [style*="color:#fbbf24"], [style*="color:#eab308"]) { background: hsl(var(--v2-warning) / .1) !important; color: hsl(var(--v2-warning)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList span[style*="border-radius:20px"]:is([style*="color:#94a3b8"], [style*="148,163,184"], [style*="color:#9ca3af"]) { background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; }

/* ======================================================================================================
   6. Cores fixas escritas no atributo style (superfícies escuras e texto claro) -> tokens do tema (estado preservado)
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="color:var(--ink)"], [style*="color:var(--text)"], [style*="color:var(--ink-2)"], [style*="color:#f4f4f6"], [style*="color:#e8e8ee"]) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="color:var(--muted)"], [style*="color:#8892a0"], [style*="color:#94a3b8"], [style*="color: rgb(148, 163, 184)"], [style*="color:#8b8b97"], [style*="color:#9aa0a6"]) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="color:#22c55e"], [style*="color:#4ade80"], [style*="color: rgb(74, 222, 128)"]) { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="color:#ef4444"], [style*="color:#ff6b6b"], [style*="color:#f43f5e"], [style*="color:#ff91a0"]) { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="color:#f59e0b"], [style*="color:#ffc53d"]) { color: hsl(var(--v2-warning)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is([style*="background:#0a0a0c"], [style*="background:var(--bg)"], [style*="background: var(--bg)"]) { background-color: hsl(var(--v2-background)) !important; }

/* ======================================================================================================
   7. Ranking mensal = RewardsPlaques (cabeçalho) + MerchantRanking (pódio e posições)
      Cabeçalho: selo pílula primary (border primary/40, bg primary/10, xs 600 uppercase), título Rajdhani uppercase
      leading .95 4xl/5xl com o brilho vermelho atravessando (lp-title-shine), texto lg muted; seção border-y bg-card/40.
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView { max-width: 1100px; }
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero {
  border: 0 !important; border-top: 1px solid hsl(var(--v2-border)) !important; border-bottom: 1px solid hsl(var(--v2-border)) !important;
  border-radius: 0 !important; background: hsl(var(--v2-card) / .4) !important; box-shadow: none !important; padding: 2.5rem 1.5rem !important;
}
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero small {
  display: inline-flex; align-items: center; gap: .5rem; padding: .375rem 1rem; border: 1px solid hsl(var(--v2-primary) / .4); border-radius: 9999px;
  background: hsl(var(--v2-primary) / .1); color: hsl(var(--v2-primary)) !important; font-family: var(--v2-font-sans) !important;
  font-size: .75rem !important; font-weight: 600 !important; letter-spacing: .05em !important; text-transform: uppercase; line-height: 1rem;
}
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero small::before {
  content: ''; width: 14px; height: 14px; flex: none; background: currentColor;
  -webkit-mask: var(--v2c-trophy) center / 14px no-repeat; mask: var(--v2c-trophy) center / 14px no-repeat;
}
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero h2 {
  font-family: var(--v2-font-display) !important; font-size: clamp(2.25rem, 4vw, 3rem) !important; font-weight: 700 !important; line-height: .95 !important;
  text-transform: uppercase !important; letter-spacing: normal !important; margin: 1.5rem 0 0 !important;
  color: transparent !important; background-image: linear-gradient(90deg, hsl(var(--v2-foreground)) 42%, hsl(var(--v2-primary)) 50%, hsl(var(--v2-foreground)) 58%) !important;
  background-size: 200% auto !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
  animation: v2-lp-text-shine 5s linear infinite !important;
}
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero p { color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 1.125rem !important; line-height: 1.75rem !important; max-width: 28rem !important; margin: 1.25rem 0 0 !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app #monthlyrankingView .mr-hero h2 { color: hsl(var(--v2-foreground)) !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; animation: none !important; }
@media (prefers-reduced-motion: reduce) and (max-width: 1023px) { html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero h2 { animation: none !important; } }
/* período (Filters do Lovable: texto do mês) e botões */
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-top { margin: 1.5rem 0 0 !important; gap: .75rem !important; }
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-top span { color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; display: inline-flex; align-items: center; gap: .5rem; }
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-top span::before { content: ''; width: 16px; height: 16px; flex: none; background: hsl(var(--v2-warning)); -webkit-mask: var(--v2c-trophy) center / 16px no-repeat; mask: var(--v2c-trophy) center / 16px no-repeat; }
html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-note { color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 12px !important; line-height: 1.6 !important; }
/* pódio (merchant-podium: sem caixa; avatar 38px muted; 1º em warning; degraus muted Rajdhani 1.6rem) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #monthlyRows.drop-podium, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 1.25rem 0 0 !important; gap: .6rem !important; margin: 1rem 0 0 !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place { animation: v2-fade-up .45s var(--v2-c-ease) both !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-avatar { width: 38px !important; height: 38px !important; background: hsl(var(--v2-muted)) !important; border: 1px solid hsl(var(--v2-border)) !important; color: hsl(var(--v2-muted-foreground)) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place-1 .dp-avatar { color: hsl(var(--v2-warning)) !important; border-color: hsl(var(--v2-warning) / .5) !important; background: hsl(var(--v2-warning) / .08) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-initials { font-family: var(--v2-font-sans) !important; color: inherit !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-crown { color: hsl(var(--v2-warning)) !important; text-shadow: none !important; filter: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-name { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; margin-top: .5rem; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-value { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 600 !important; color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-you { font-family: var(--v2-font-sans) !important; font-size: 12px !important; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium :is(.dp-place-1, .dp-place-2, .dp-place-3) .dp-step {
  height: 64px !important; margin-top: .9rem; background: hsl(var(--v2-muted)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: 6px 6px 0 0 !important;
  color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-display) !important; font-size: 1.6rem !important; font-weight: 700 !important;
  box-shadow: none !important; text-shadow: none !important; background-image: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place-1 .dp-step { height: 92px !important; border-color: hsl(var(--v2-warning) / .35) !important; color: hsl(var(--v2-warning)) !important; background: hsl(var(--v2-warning) / .08) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place-3 .dp-step { height: 48px !important; }
/* 4º e 5º = linhas da tabela do MerchantRanking (posição Rajdhani xl, loja 600, valor) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) {
  border: 0 !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; background: transparent !important; padding: 1rem !important; min-height: 0 !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(4) { border-top: 1px solid hsl(var(--v2-border)) !important; margin-top: 1.25rem; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4):hover { background: hsl(var(--v2-muted) / .35) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-mine:nth-child(n+4) { background: hsl(var(--v2-primary) / .05) !important; border-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) .dp-step { grid-auto-flow: column; justify-content: start; white-space: nowrap; width: 2.5rem !important; font-family: var(--v2-font-display) !important; font-size: 1.25rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; background: none !important; border: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) .dp-step::after { content: 'º'; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) .dp-avatar { width: 28px !important; height: 28px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) :is(.dp-name, .dp-value) { font-size: .8rem !important; margin: 0; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place:nth-child(n+4) .dp-value { color: hsl(var(--v2-foreground)) !important; font-weight: 500 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-empty { color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 14px !important; padding: 4rem 1rem !important; }

/* ======================================================================================================
   8. Links (Presells, Links curtos, Links ativos) = MerchantLinks: studio layout, cartões de produto outline
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-custom-toolbar { padding-bottom: 1.25rem; border-bottom: 1px solid hsl(var(--v2-border)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-custom-toolbar strong { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-custom-toolbar .lk-s { font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-theme-select { gap: 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-theme-select > label { white-space: nowrap; }
/* passos do assistente: Choice/Tabs do Lovable — barra fina com a etapa atual em primary */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-steps { gap: .5rem !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; padding-bottom: 0 !important; margin-bottom: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-steps span {
  font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important;
  color: hsl(var(--v2-muted-foreground)) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important;
  padding: .5rem .25rem .75rem !important; box-shadow: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-steps span.on { color: hsl(var(--v2-primary)) !important; border-bottom-color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-steps span.done { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-main { padding: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-side { padding: 1.25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.lk-h, .lk-body > h3) { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; letter-spacing: normal !important; text-transform: none !important; }
/* cartões de produto/estilo (Button outline h-auto p-4; escolhido = border-primary bg-primary/5) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.lk-p, .lk-style, .lk-dom, .lk-st) {
  background: hsl(var(--v2-background)) !important; border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  color: hsl(var(--v2-foreground)) !important; box-shadow: none !important; font-family: var(--v2-font-sans) !important; transition: all .2s var(--v2-c-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.lk-p, .lk-style, .lk-dom, .lk-st):hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; transform: translateY(-2px); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.lk-p, .lk-style, .lk-dom, .lk-st).on { border-color: hsl(var(--v2-primary)) !important; background: hsl(var(--v2-primary) / .05) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-p b { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-p img { border-radius: calc(var(--v2-radius) - 2px) !important; background: hsl(var(--v2-muted)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-nav { border-top: 1px solid hsl(var(--v2-border)); padding-top: 1.25rem; }
/* caixa do link gerado (border-y py-5, link em font-mono) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-link { background: hsl(var(--v2-muted) / .4) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; font-family: var(--v2-font-mono) !important; color: hsl(var(--v2-foreground)) !important; }
/* moldura do celular da prévia (.merchant-studio-phone: borda 6px border, raio 36) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #lkWiz .ls-screen { border: 6px solid hsl(var(--v2-border)) !important; border-radius: 36px !important; box-shadow: var(--v2-merchant-shadow) !important; background: hsl(var(--v2-card)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .ls-existing-row, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .ls-path-editor { border-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #lsInlineEditor:not([hidden]) { background: hsl(var(--v2-muted) / .35) !important; border-color: hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
/* campos de texto da presell (cópia rosa do v1) = caixa muted */
html[data-ui="v2"] body.dropos-workspace #app #presellsView .pv-copy { background: hsl(var(--v2-muted) / .5) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(#mpTab1, #mpTab2).on { background: hsl(var(--v2-primary)) !important; color: hsl(var(--v2-primary-foreground)) !important; border-color: transparent !important; }

/* Links curtos: gerador = seção do MerchantLinks; título .merchant-section-title */
html[data-ui="v2"] body.dropos-workspace #app #linksView > .panel:first-child { padding: 1.5rem !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace #app #linksView > .panel:first-child > div[style*="font-size:16px"] { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app #linksView > .panel:first-child > div[style*="font-size:13px"] { font-size: 14px !important; line-height: 1.5 !important; }
html[data-ui="v2"] body.dropos-workspace #app #linksView label[style*="display:block"] { margin-bottom: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app #linksView > div[style*="justify-content:space-between"] > div { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slResult :is(input, code) { font-family: var(--v2-font-mono) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #slResult > div { border-radius: var(--v2-radius) !important; }

/* Links ativos: lista ao vivo (KPI + tabela) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox { padding: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-top { background: transparent !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; padding: 1.25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-n { font-family: var(--v2-font-display) !important; font-size: 2.2rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox #agoraCk { font-size: 1.6rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-lbl { font-family: var(--v2-font-sans) !important; font-size: 12px !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-ponto { background: hsl(var(--v2-success)) !important; box-shadow: 0 0 0 4px hsl(var(--v2-success) / .15) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-cab { background: hsl(var(--v2-muted) / .6) !important; border-bottom: 0 !important; font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; color: hsl(var(--v2-muted-foreground)) !important; padding: .85rem 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-linha { padding: 1rem !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; font-family: var(--v2-font-sans) !important; font-size: .8rem !important; transition: background-color .15s var(--v2-c-ease); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-linha:hover { background: hsl(var(--v2-muted) / .35) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-l b { font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-num { font-family: var(--v2-font-sans) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-num b { font-size: .9rem !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #agoraBox .ag-vazio { color: hsl(var(--v2-muted-foreground)) !important; padding: 4rem 1rem !important; font-size: 14px !important; }

/* ======================================================================================================
   9. Pós-venda (Upsell one-click) = MerchantOffers: cabeçalho PÓS-VENDA, blocos com divisória, prévia do celular à direita
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-heading { border-bottom: 1px solid hsl(var(--v2-border)) !important; padding: 0 0 1rem !important; margin-bottom: 1.5rem !important; background: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-eyebrow { font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: uppercase; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-heading h2 { font-family: var(--v2-font-display) !important; font-size: 1.875rem !important; font-weight: 700 !important; line-height: 2.25rem !important; margin-top: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-heading p { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; }
/* selo do estado: o JS troca data-active (desativado = muted; ativado = success/10) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-status { border: 0 !important; border-radius: calc(var(--v2-radius) - 2px) !important; padding: .375rem .75rem !important; font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; box-shadow: none !important; background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-status[data-active="true"] { background: hsl(var(--v2-success) / .1) !important; color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-status::before { content: none !important; }
/* editor: sem cartão (o Lovable deixa a coluna solta), blocos separados por borda */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .of-form.pp-editor { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-block { background: transparent !important; border: 0 !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 1.5rem !important; margin: 0 0 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-block-title { gap: .5rem !important; margin-bottom: 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-block-title span { width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-block-title h3::before { content: '· '; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-block-title h3 { font-size: .95rem !important; font-weight: 700 !important; margin: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-legacy summary { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-muted-foreground)) !important; cursor: pointer; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-note { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; background: hsl(var(--v2-muted) / .5) !important; border-left: 2px solid hsl(var(--v2-primary) / .5) !important; border-radius: 0 calc(var(--v2-radius) - 2px) calc(var(--v2-radius) - 2px) 0; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-savebar { border-top: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
/* prévia (StudioPhone + seletor "Etapa da jornada"); no desktop separada por borda à esquerda */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview { background: transparent !important; border: 0 !important; border-left: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 0 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview-heading h3 { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-live { font-family: var(--v2-font-sans) !important; font-size: 12px !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-live i { background: hsl(var(--v2-success)) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-picker label { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 400 !important; color: hsl(var(--v2-muted-foreground)) !important; text-transform: none !important; letter-spacing: normal !important; }
/* moldura do celular (.merchant-studio-phone: borda 6px border, raio 36, sombra merchant); a tela simulada da loja continua clara */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-phone { border: 6px solid hsl(var(--v2-border)) !important; border-radius: 36px !important; box-shadow: var(--v2-merchant-shadow) !important; }
/* tela simulada da loja: os temas data-appearance do v1 (ex.: Terminal OS) não mexem na tipografia dela */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-phone-content h3 { font-family: var(--v2-font-sans) !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: -.035em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-caption, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-safe { color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview-controls button { height: 36px; border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; box-shadow: none !important; transition: all .2s var(--v2-c-ease); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview-controls button:hover:not(:disabled) { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview-controls button:disabled { opacity: .5 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-journey { border-top: 1px solid hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-journey button { border-radius: var(--v2-radius) !important; font-family: var(--v2-font-sans) !important; color: hsl(var(--v2-muted-foreground)) !important; background: transparent !important; border: 1px solid transparent !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-journey button:hover { background: hsl(var(--v2-muted) / .5) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-journey button[aria-current="step"] { background: hsl(var(--v2-primary) / .08) !important; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-journey button i { background: currentColor !important; box-shadow: none !important; }

/* Obrigado, roleta e bônus (upsell): seções do Lovable "02 · Confirmação e bônus" — cartões com título .merchant-section-title */
html[data-ui="v2"] body.dropos-workspace #app #upsellView .panel { padding: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app #upsellView .panel > h3, html[data-ui="v2"] body.dropos-workspace #app #upsellView .panel h3:first-child { font-size: .95rem !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-roulette-preview { background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-roulette-preview .pp-phone { margin: 0 auto; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .row2 { gap: 1rem !important; }

/* ======================================================================================================
   10. Pixels e Integrações = MerchantIntegrations: faixa "Suas integrações", lista de plataformas outline (300px), painel com Switch
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista { gap: 2rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top {
  background: transparent !important; border: 0 !important; border-top: 1px solid hsl(var(--v2-border)) !important; border-bottom: 1px solid hsl(var(--v2-border)) !important;
  border-radius: 0 !important; padding: 1rem 0 !important; box-shadow: none !important; animation: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top .pl-logos span { border-color: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top .pl-tt b { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top .pl-tt small { font-family: var(--v2-font-sans) !important; font-size: 12px !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top .pl-bar { background: hsl(var(--v2-muted)) !important; height: 6px !important; border-radius: 3px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-top .pl-bar i { background: hsl(var(--v2-primary)) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-list { gap: .5rem !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-row {
  background: hsl(var(--v2-background)) !important; border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important;
  padding: .75rem !important; gap: .75rem !important; box-shadow: none !important; animation: none !important; transition: all .2s var(--v2-c-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-row:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; transform: translateY(-2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-row.on { border-color: hsl(var(--v2-primary)) !important; background: hsl(var(--v2-primary) / .05) !important; box-shadow: none !important; }
/* logos (lp-logo-chip: 40px, raio lg, fundo da marca preservado do style) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-lg { width: 40px !important; height: 40px !important; border-radius: .5rem !important; box-shadow: 0 4px 0 hsl(var(--v2-border) / .8), inset 0 0 0 1px hsl(var(--v2-border)) !important; transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-row:hover .pl-lg, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-row.on .pl-lg { transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-t { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-t small { font-size: 11px !important; color: hsl(var(--v2-muted-foreground)) !important; }
/* indicador do estado (o JS liga .ok): Switch do Lovable — trilho input, ligado success */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-sw { width: 36px !important; height: 20px !important; background: hsl(var(--v2-input)) !important; animation: none !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-sw::after { top: 2px !important; left: 2px !important; width: 16px !important; height: 16px !important; background: hsl(var(--v2-background)) !important; box-shadow: 0 1px 3px rgb(0 0 0 / .2); }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-sw.ok { background: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-sw.ok::after { left: 18px !important; }
/* painel da integração escolhida */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-drawer { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; gap: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-drawer::before { content: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-hd { border-bottom: 1px solid hsl(var(--v2-border)) !important; padding-bottom: 1.25rem !important; gap: .75rem !important; font-family: var(--v2-font-sans) !important; font-size: 1rem !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-hd .pl-lg { width: 40px !important; height: 40px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-hd .pl-nm { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-hd .pl-sub { background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; padding: .25rem .5rem !important; font-size: 12px !important; font-weight: 500 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-hd .pl-sub.on { background: hsl(var(--v2-success) / .1) !important; color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-desc { font-size: 12px !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body label { font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body input, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body textarea, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body select { border-radius: .75rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body button[title="Remover pixel"] { color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-body button[title="Remover pixel"]:hover { color: hsl(var(--v2-destructive)) !important; background: hsl(var(--v2-destructive) / .08) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-ok { color: hsl(var(--v2-success)) !important; font-family: var(--v2-font-sans) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista > div:last-child, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #pxLista .pl-drawer > div:last-child { border-top: 1px solid hsl(var(--v2-border)); padding-top: 1.25rem; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #platformPixelReadonly { border-color: hsl(var(--v2-primary) / .3) !important; background: hsl(var(--v2-primary) / .05) !important; border-radius: var(--v2-radius) !important; }

/* ======================================================================================================
   11. E-mails = MerchantMessages: Stats (cards p-4, rótulo xs muted, valor Rajdhani 2xl), tabela .merchant-table
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app #emailsView > .panel:has(#btnEmailsRefresh) { background: transparent !important; border: 0 !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 1.25rem !important; margin-bottom: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app #emailsView > .panel:has(#btnEmailsRefresh) > span[style*="font-size:22px"] { font-size: 0 !important; width: 40px; height: 40px; border-radius: var(--v2-radius); background: hsl(var(--v2-primary) / .1); position: relative; flex: none; }
html[data-ui="v2"] body.dropos-workspace #app #emailsView > .panel:has(#btnEmailsRefresh) > span[style*="font-size:22px"]::before { content: ''; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: hsl(var(--v2-primary)); -webkit-mask: var(--v2c-mail) center / 20px no-repeat; mask: var(--v2c-mail) center / 20px no-repeat; }
html[data-ui="v2"] body.dropos-workspace #app #emailsView > .panel:has(#btnEmailsRefresh) div[style*="font-weight:600"] { font-family: var(--v2-font-display) !important; font-size: 1.5rem !important; font-weight: 700 !important; text-transform: uppercase; line-height: 2rem !important; }
html[data-ui="v2"] body.dropos-workspace #app #emailsView > .panel:has(#btnEmailsRefresh) .muted { font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailStats { gap: .75rem !important; margin-bottom: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailStats .stat-card { padding: 1rem !important; transform: none !important; animation: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailStats .stat-card:hover { transform: none !important; border-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailStats .stat-card > div:first-child { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 400 !important; color: hsl(var(--v2-muted-foreground)) !important; text-transform: none !important; letter-spacing: normal !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailStats .stat-card > div:last-child { font-family: var(--v2-font-display) !important; font-size: 1.5rem !important; font-weight: 700 !important; margin-top: .5rem !important; color: hsl(var(--v2-foreground)) !important; -webkit-text-fill-color: currentColor !important; background: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #emailList [onclick] { cursor: pointer; }

/* ======================================================================================================
   12. Modal de Aparência (#dwAppearance) = Dialog do Lovable + AppearancePicker
       Caixa max-w-4xl, bg-background/95 blur, borda border/80, raio 8, p-6; cartões outline com miniatura .admin-mini
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #dwAppearance {
  width: min(56rem, calc(100vw - 32px)) !important; padding: 1.5rem !important; border: 1px solid hsl(var(--v2-border) / .8) !important; border-radius: var(--v2-radius) !important;
  background: hsl(var(--v2-background) / .95) !important; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  box-shadow: 0 25px 50px -12px hsl(var(--v2-primary) / .05) !important; color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important;
  max-height: 85dvh !important;
}
html[data-ui="v2"] body.dropos-workspace #dwAppearance[open] { animation: v2-scale-up .2s var(--v2-c-ease) both; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance::backdrop { background: hsl(var(--v2-background) / .8) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-head { margin-bottom: 1rem !important; gap: 1rem !important; align-items: flex-start !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-eyebrow { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: normal !important; color: hsl(var(--v2-foreground)) !important; display: inline-flex; align-items: center; gap: .5rem; text-transform: none; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-eyebrow::before { content: ''; width: 16px; height: 16px; flex: none; background: hsl(var(--v2-primary)); -webkit-mask: var(--v2c-palette) center / 16px no-repeat; mask: var(--v2c-palette) center / 16px no-repeat; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance h2 { font-family: var(--v2-font-sans) !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.375 !important; letter-spacing: normal !important; margin: .5rem 0 .25rem !important; color: hsl(var(--v2-foreground)) !important; text-transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-head p { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; line-height: 1.5 !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwActivateHacker { margin-top: 1rem; height: 36px !important; min-height: 36px !important; padding: 0 1rem !important; }
/* fechar = X do DialogContent (opacidade 70%, sem caixa) */
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-close { width: 32px !important; height: 32px !important; min-height: 32px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: hsl(var(--v2-foreground)) !important; opacity: .7; font-size: 0 !important; position: relative; transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-close::before { content: ''; position: absolute; inset: 0; margin: auto; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--v2c-x) center / 16px no-repeat; mask: var(--v2c-x) center / 16px no-repeat; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-close:hover { opacity: 1; background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-collection { grid-column: 1 / -1; margin: .75rem 0 0 !important; font-family: var(--v2-font-sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .75rem !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-card { grid-column: auto !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-card {
  padding: .75rem !important; border: 1px solid hsl(var(--v2-input)) !important; border-radius: var(--v2-radius) !important; background: hsl(var(--v2-card)) !important;
  color: hsl(var(--v2-foreground)) !important; box-shadow: none !important; translate: none !important; transition: all .2s var(--v2-c-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-card:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; transform: translateY(-2px); box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-card[aria-pressed=true] { border-color: hsl(var(--v2-primary)) !important; background: hsl(var(--v2-primary) / .05) !important; box-shadow: none !important; }
/* miniatura = .admin-mini: fundo muted/50, borda, raio 3, barra lateral primary/70, blocos muted-foreground/22 (sem a cena animada do v1) */
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-sample { aspect-ratio: auto !important; height: 100px !important; padding: 10px !important; gap: 8px !important; border-radius: 3px !important; background: hsl(var(--v2-muted) / .5) !important; border: 1px solid hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-effect, html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-live { visibility: hidden !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-sidebar { width: 18% !important; padding: 0 !important; border: 0 !important; border-radius: 1px !important; background: hsl(var(--v2-primary) / .7) !important; opacity: 1 !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-sidebar > * { visibility: hidden; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-main { gap: 3px !important; opacity: 1 !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-main > b { width: 100% !important; height: auto !important; flex: 1; border-radius: 1px !important; background: hsl(var(--v2-muted-foreground) / .22) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-main > span { height: auto !important; flex: 1; gap: 3px !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-main i { border: 0 !important; border-radius: 1px !important; background: hsl(var(--v2-muted-foreground) / .22) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-main em { flex: 1 !important; min-height: 0 !important; border: 0 !important; border-radius: 1px !important; background: hsl(var(--v2-muted-foreground) / .22) !important; }
/* variações das miniaturas (studio / focus / executive / command), na ordem dos cartões */
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-carbon-studio .dw-sample-sidebar, html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-sample-hacker .dw-sample-sidebar { width: 25% !important; background: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance :is(.dw-sample-aurora, .dw-sample-aurora-flow) .dw-sample-sidebar { width: 7% !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance :is(.dw-sample-aurora, .dw-sample-aurora-flow) :is(.dw-sample-main > b, .dw-sample-main i, .dw-sample-main em) { background: transparent !important; border-bottom: 2px solid hsl(var(--v2-muted-foreground) / .3) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance :is(.dw-sample-grid, .dw-sample-grid-ops) { flex-direction: column !important; gap: 3px !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance :is(.dw-sample-grid, .dw-sample-grid-ops) .dw-sample-sidebar { width: 100% !important; height: 5px !important; flex: none; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance :is(.dw-sample-pulse, .dw-sample-pulse-live, .dw-sample-ops) .dw-sample-sidebar { width: 14% !important; background: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-check { top: auto !important; bottom: -1.9rem; right: 0 !important; width: 16px !important; height: 16px !important; border-radius: 0 !important; background: hsl(var(--v2-primary)) !important; color: transparent !important; font-size: 0 !important; box-shadow: none !important; -webkit-mask: var(--v2c-check) center / 16px no-repeat; mask: var(--v2c-check) center / 16px no-repeat; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-sample { overflow: visible !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-meta { padding: .75rem 0 0 !important; grid-template-columns: auto 1fr !important; gap: .25rem !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-meta small { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-meta small::after { content: ' ·'; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-meta strong { font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; padding-right: 1.25rem; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-meta > span { grid-column: 1 / -1 !important; font-size: 10px !important; line-height: 1.5 !important; min-height: 0 !important; color: hsl(var(--v2-muted-foreground)) !important; font-weight: 400 !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-foot { margin-top: 1.5rem !important; padding-top: 1.25rem !important; border-top: 1px solid hsl(var(--v2-border)) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-foot { background: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-foot :is(label, span, output, p) { background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-foot label { color: hsl(var(--v2-foreground)) !important; font-weight: 500; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwAppearanceStatus { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwIntensityValue { font-family: var(--v2-font-mono) !important; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-appearance-foot p { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
/* interruptor "Animação contínua" = Switch do Lovable (h-6 w-11, trilho input, ligado primary) */
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwThemeMotion { -webkit-appearance: none; appearance: none; width: 44px !important; height: 24px !important; margin: 0; border-radius: 9999px; background: hsl(var(--v2-input)); position: relative; cursor: pointer; transition: background .2s; flex: none; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwThemeMotion::before { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 9999px; background: hsl(var(--v2-background)); box-shadow: 0 1px 3px rgb(0 0 0 / .25); transition: transform .2s; }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwThemeMotion:checked { background: hsl(var(--v2-primary)); }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwThemeMotion:checked::before { transform: translateX(20px); }
html[data-ui="v2"] body.dropos-workspace #dwAppearance #dwThemeMotion:focus-visible { outline: none; box-shadow: 0 0 0 2px hsl(var(--v2-background)), 0 0 0 4px hsl(var(--v2-ring)); }

/* ======================================================================================================
   13. Editor de produto, aba "Funil de Ofertas" (order bump / upsell / downsell / cross-sell) e esteira por produto (#peBox)
       O modal já recebe a paleta v2 da Fase 3 (#prodModalBg); aqui ficam as abas Choice, os cartões de oferta e a esteira.
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #funilTabs { gap: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .funil-tab .ft-n { background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 500 !important; padding: 0 .375rem !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .funil-tab.active .ft-n { background: hsl(var(--v2-primary-foreground) / .2) !important; color: hsl(var(--v2-primary-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #btnColarOferta { height: 40px !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc img { border-radius: calc(var(--v2-radius) - 2px) !important; background: hsl(var(--v2-muted)) !important; border: 1px solid hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc .ofp { font-family: var(--v2-font-display) !important; font-size: 1.15rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc label[style*="color:#8892a0"], html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc [style*="color:#8892a0"] { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .ofc :where(input:not([type=checkbox])) { height: 32px !important; min-height: 32px !important; border-radius: calc(var(--v2-radius) - 2px) !important; font-size: 13px !important; padding-left: .625rem !important; padding-right: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #peBox { border: 0 !important; border-top: 1px solid hsl(var(--v2-border)) !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; border-radius: 0 !important; padding: 1.25rem 0 !important; background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #peBox > summary { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #peBox > summary::marker { color: hsl(var(--v2-primary)); }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #peBox label[style*="display:flex"] { color: hsl(var(--v2-foreground)) !important; font-family: var(--v2-font-sans) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] #peBox .section-label { margin-top: 1.25rem !important; display: block; }
html[data-ui="v2"] body.dropos-workspace #prodModalBg .pm-panel[data-pm="funil"] .row2 { gap: 1rem !important; }

/* ======================================================================================================
   14. Celular (< 640px) e telas médias
   ====================================================================================================== */
@media (max-width: 1199px) {
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-preview { border-left: 0 !important; border-top: 1px solid hsl(var(--v2-border)) !important; padding: 1.25rem 0 0 !important; }
}
@media (max-width: 639px) {
  html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero { padding: 2rem 1rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero h2 { font-size: 2.25rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app #monthlyrankingView .mr-hero p { font-size: 1rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-main { padding: 1rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-theme-select { flex-wrap: wrap; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .lk-theme-select > label { white-space: normal; }
  html[data-ui="v2"] body.dropos-workspace #app #linksView > .panel:first-child { padding: 1rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app #upsellView .panel { padding: 1rem !important; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .pp-heading h2 { font-size: 1.5rem !important; line-height: 2rem !important; }
  html[data-ui="v2"] body.dropos-workspace #dwAppearance { padding: 1rem !important; width: calc(100vw - 24px) !important; }
  html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html[data-ui="v2"] body.dropos-workspace #dwAppearance .dw-theme-sample { height: 80px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) :is(.btn, input, select, textarea, .pl-row, .lk-p) { transition: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .drop-podium .dp-place, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView).dw-view-enter, html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) .dw-view-enter, html[data-ui="v2"] body.dropos-workspace #dwAppearance[open] { animation: none !important; }
}

/* ---------- Tema claro: ícones de campo na cor muted do claro ---------- */
html[data-ui="v2"][data-theme="light"] {
  --v2c-chevron-down-mut: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27hsl(240%2C6%25%2C42%25)%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m6%209%206%206%206-6%27%2F%3E%3C%2Fsvg%3E");
  --v2c-search-mut: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27hsl(240%2C6%25%2C42%25)%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%278%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");
}

/* ======================================================================================================
   Correção de contraste 13/10: presell publicada (passo 4) — admin.html fixa #lkWiz .lk-link span #e5e5ea e .lk-ok #86efac
   ====================================================================================================== */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #lkWiz .lk-link span { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #lkWiz .lk-ok { background: hsl(var(--v2-success) / .08) !important; border-color: hsl(var(--v2-success) / .35) !important; color: hsl(var(--v2-success)) !important; }
/* Assistente de presell (escuro): títulos de grupo dos estilos e ajuda do domínio em #5b5b66 fixo no admin.html (2,9:1) */
html[data-ui="v2"] body.dropos-workspace #app :is(#monthlyrankingView, #presellsView, #linksView, #linksativosView, #offersView, #upsellView, #pixelsView, #emailsView) #lkWiz :is(.lk-grp, .lk-dom-help, .lk-dom-help code) { color: hsl(var(--v2-muted-foreground)) !important; }