/* DROP OS — visual v2, Fase 5: conteúdo das abas do grupo "Configurar" do painel do lojista (admin.html).
   Abas: store (Loja, rodapé e domínio), config (Todas as configurações), gateways (Pagamento PIX: lista de gateways, formulários de
   credencial, interruptores, ordem/fallback, Diversificar Centavos, plano, saldo devedor, conversão por gateway), financas,
   afiliacao, access (Proteção e visitas), team (Equipe), notifications e stores; mais as camadas dessas abas (teste de PIX,
   conversão ampliada, credenciais salvas, busca Ctrl K, recarga do saldo devedor, saque da afiliação, confirmação de senha).
   Origem: dropchck (Lovable) — MerchantStore, BusinessSections (gateways), GatewayPixPreview, MerchantFinalSections (pagamentos,
   acessos, notificações), MerchantExperience; components/ui (button, input, switch, dialog, table, badge) e .merchant-* de src/index.css.
   CAMINHO DO DINHEIRO (gateways/financas): nenhuma regra aqui define `display`, esconde campo, muda a ordem dos inputs
   (sem order/flex-direction/grid-area/position em campos) ou mexe em pointer-events/visibility. O JS mostra e esconde
   formulários, botões e avisos por style inline (display:none / display:block / !important) e isso fica intacto.
   Cores de estado escritas pelo JS no style (verde ligado, cinza desligado, vermelho erro, âmbar aviso) viram o token do MESMO
   estado (success / muted / destructive / warning), nunca são apagadas.
   Tudo escopado em html[data-ui="v2"]. Gerado por gen-configurar.cjs (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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) @LM). */

html[data-ui="v2"] {
  --v2g-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");
  --v2g-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");
  --v2g-search: 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%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");
  --v2g-chevron-right: 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%2018%206-6-6-6%27%2F%3E%3C%2Fsvg%3E");
  --v2g-shield-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%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%27%2F%3E%3Cpath%20d%3D%27m9%2012%202%202%204-4%27%2F%3E%3C%2Fsvg%3E");
  --v2g-bell: 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%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%27%2F%3E%3Cpath%20d%3D%27M10.3%2021a1.94%201.94%200%200%200%203.4%200%27%2F%3E%3C%2Fsvg%3E");
  --v2g-grip-vertical: 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%279%27%20cy%3D%2712%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%275%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2719%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2712%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%275%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2719%27%20r%3D%271%27%2F%3E%3C%2Fsvg%3E");
  --v2g-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");
  --v2-g-ease: cubic-bezier(0, 0, .2, 1);
}

/* ======================================================================================================
   1. Paleta do v1 trocada pela do Lovable SÓ dentro das abas Configurar e das camadas delas
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) {
  --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));
  --mp-bg: hsl(var(--v2-background)); --mp-surface: hsl(var(--v2-card)); --mp-border: hsl(var(--v2-border)); --mp-muted: hsl(var(--v2-muted-foreground)); --mp-accent: hsl(var(--v2-primary));
  --fin-card: hsl(var(--v2-card)); --fin-card-2: hsl(var(--v2-muted)); --fin-line: hsl(var(--v2-border)); --fin-line-hi: hsl(var(--v2-input));
  --fin-ink: hsl(var(--v2-foreground)); --fin-ink-2: hsl(var(--v2-foreground)); --fin-mut: hsl(var(--v2-muted-foreground)); --fin-mut-2: hsl(var(--v2-muted-foreground));
  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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView), html[data-ui="v2"][data-theme="light"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) { color-scheme: light; }

/* Texto base: Manrope, sem o letter-spacing/uppercase de terminal do v1 */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(h1, h2, h3, h4, h5, legend), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(h1, h2, h3, h4, h5) {
  font-family: var(--v2-font-sans) !important; font-weight: 600 !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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.muted, .help, .hint), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.muted, .help) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.mono, code, kbd), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.mono, code) { font-family: var(--v2-font-mono) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) a:not(.btn), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) a:not(.btn) { color: hsl(var(--v2-primary)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(b, strong), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.panel, .acc-stat, .pt-balance, .pt-ledger, .af-client-panel, .gl-sidebar, .gl-drawer, .gw-debt, .acc-gate, .sc-search, .ms-card) {
  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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.panel, .push-card, .pt-balance, .gl-drawer, .gl-sidebar)::before, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.panel, .push-card, .pt-balance, .gl-drawer, .gl-sidebar)::after { content: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView).dw-view-enter, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dw-view-enter { animation: v2-fade-up .35s var(--v2-g-ease) both !important; }
html[data-ui="v2"] body.dropos-workspace #app #gatewaysView #saldoDevedorCard { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; }
/* cartão-moldura das abas Pagamento e Equipe: no Lovable a seção não tem moldura própria — fundo transparente, sem borda */
html[data-ui="v2"] body.dropos-workspace #app #gatewaysView > .panel, html[data-ui="v2"] body.dropos-workspace #app #teamView > .panel { 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 #teamView > .panel { max-width: 760px !important; }
/* blocos dentro de um card = muted/40 (caixa interna do Lovable: rounded-lg border bg-muted/40 p-4) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gl-security, .gl-deslig, .webhook-box, .push-schedule, .push-row, .pt-history-row, .acc-det, .dm-card) {
  background: hsl(var(--v2-muted) / .4) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; color: hsl(var(--v2-foreground));
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="background:#141418" i], [style*="background: #141418" i], [style*="background-color:#141418" i], [style*="background-color: #141418" i], [style*="background:#1c1c22" i], [style*="background: #1c1c22" i], [style*="background-color:#1c1c22" i], [style*="background-color: #1c1c22" i], [style*="background:#15151d" i], [style*="background: #15151d" i], [style*="background-color:#15151d" i], [style*="background-color: #15151d" i], [style*="background:#111a28" i], [style*="background: #111a28" i], [style*="background-color:#111a28" i], [style*="background-color: #111a28" i], [style*="background:#0a0a0c" i], [style*="background: #0a0a0c" i], [style*="background-color:#0a0a0c" i], [style*="background-color: #0a0a0c" i], [style*="background:#1a1a20" i], [style*="background: #1a1a20" i], [style*="background-color:#1a1a20" i], [style*="background-color: #1a1a20" i], [style*="background:#0c0c11" i], [style*="background: #0c0c11" i], [style*="background-color:#0c0c11" i], [style*="background-color: #0c0c11" i], [style*="background:#16161c" i], [style*="background: #16161c" i], [style*="background-color:#16161c" i], [style*="background-color: #16161c" i], [style*="background:#1a1a22" i], [style*="background: #1a1a22" i], [style*="background-color:#1a1a22" i], [style*="background-color: #1a1a22" i], [style*="background:#101014" i], [style*="background: #101014" i], [style*="background-color:#101014" i], [style*="background-color: #101014" i], [style*="background:#17171d" i], [style*="background: #17171d" i], [style*="background-color:#17171d" i], [style*="background-color: #17171d" i], [style*="background:#0f0f15" i], [style*="background: #0f0f15" i], [style*="background-color:#0f0f15" i], [style*="background-color: #0f0f15" i], [style*="background:#0e0e11" i], [style*="background: #0e0e11" i], [style*="background-color:#0e0e11" i], [style*="background-color: #0e0e11" i], [style*="background:#13151b" i], [style*="background: #13151b" i], [style*="background-color:#13151b" i], [style*="background-color: #13151b" i], [style*="background:#191c23" i], [style*="background: #191c23" i], [style*="background-color:#191c23" i], [style*="background-color: #191c23" i], [style*="background:#14141a" i], [style*="background: #14141a" i], [style*="background-color:#14141a" i], [style*="background-color: #14141a" i], [style*="background:#0f0f14" i], [style*="background: #0f0f14" i], [style*="background-color:#0f0f14" i], [style*="background-color: #0f0f14" i], [style*="background:#1b1e26" i], [style*="background: #1b1e26" i], [style*="background-color:#1b1e26" i], [style*="background-color: #1b1e26" i], [style*="background:#0e1015" i], [style*="background: #0e1015" i], [style*="background-color:#0e1015" i], [style*="background-color: #0e1015" i], [style*="background:#15151a" i], [style*="background: #15151a" i], [style*="background-color:#15151a" i], [style*="background-color: #15151a" i], [style*="background:#101116" i], [style*="background: #101116" i], [style*="background-color:#101116" i], [style*="background-color: #101116" i], [style*="background:#121216" i], [style*="background: #121216" i], [style*="background-color:#121216" i], [style*="background-color: #121216" i], [style*="background:#1d202b" i], [style*="background: #1d202b" i], [style*="background-color:#1d202b" i], [style*="background-color: #1d202b" i], [style*="background:#0d0d12" i], [style*="background: #0d0d12" i], [style*="background-color:#0d0d12" i], [style*="background-color: #0d0d12" i], [style*="background:#202026" i], [style*="background: #202026" i], [style*="background-color:#202026" i], [style*="background-color: #202026" i], [style*="background:#111115" i], [style*="background: #111115" i], [style*="background-color:#111115" i], [style*="background-color: #111115" i], [style*="background:rgb(14, 14, 17)" i], [style*="background: rgb(14, 14, 17)" i], [style*="background-color:rgb(14, 14, 17)" i], [style*="background-color: rgb(14, 14, 17)" i], [style*="background:rgb(21, 21, 26)" i], [style*="background: rgb(21, 21, 26)" i], [style*="background-color:rgb(21, 21, 26)" i], [style*="background-color: rgb(21, 21, 26)" i]), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="background:#141418" i], [style*="background: #141418" i], [style*="background-color:#141418" i], [style*="background-color: #141418" i], [style*="background:#1c1c22" i], [style*="background: #1c1c22" i], [style*="background-color:#1c1c22" i], [style*="background-color: #1c1c22" i], [style*="background:#15151d" i], [style*="background: #15151d" i], [style*="background-color:#15151d" i], [style*="background-color: #15151d" i], [style*="background:#111a28" i], [style*="background: #111a28" i], [style*="background-color:#111a28" i], [style*="background-color: #111a28" i], [style*="background:#0a0a0c" i], [style*="background: #0a0a0c" i], [style*="background-color:#0a0a0c" i], [style*="background-color: #0a0a0c" i], [style*="background:#1a1a20" i], [style*="background: #1a1a20" i], [style*="background-color:#1a1a20" i], [style*="background-color: #1a1a20" i], [style*="background:#0c0c11" i], [style*="background: #0c0c11" i], [style*="background-color:#0c0c11" i], [style*="background-color: #0c0c11" i], [style*="background:#16161c" i], [style*="background: #16161c" i], [style*="background-color:#16161c" i], [style*="background-color: #16161c" i], [style*="background:#1a1a22" i], [style*="background: #1a1a22" i], [style*="background-color:#1a1a22" i], [style*="background-color: #1a1a22" i], [style*="background:#101014" i], [style*="background: #101014" i], [style*="background-color:#101014" i], [style*="background-color: #101014" i], [style*="background:#17171d" i], [style*="background: #17171d" i], [style*="background-color:#17171d" i], [style*="background-color: #17171d" i], [style*="background:#0f0f15" i], [style*="background: #0f0f15" i], [style*="background-color:#0f0f15" i], [style*="background-color: #0f0f15" i], [style*="background:#0e0e11" i], [style*="background: #0e0e11" i], [style*="background-color:#0e0e11" i], [style*="background-color: #0e0e11" i], [style*="background:#13151b" i], [style*="background: #13151b" i], [style*="background-color:#13151b" i], [style*="background-color: #13151b" i], [style*="background:#191c23" i], [style*="background: #191c23" i], [style*="background-color:#191c23" i], [style*="background-color: #191c23" i], [style*="background:#14141a" i], [style*="background: #14141a" i], [style*="background-color:#14141a" i], [style*="background-color: #14141a" i], [style*="background:#0f0f14" i], [style*="background: #0f0f14" i], [style*="background-color:#0f0f14" i], [style*="background-color: #0f0f14" i], [style*="background:#1b1e26" i], [style*="background: #1b1e26" i], [style*="background-color:#1b1e26" i], [style*="background-color: #1b1e26" i], [style*="background:#0e1015" i], [style*="background: #0e1015" i], [style*="background-color:#0e1015" i], [style*="background-color: #0e1015" i], [style*="background:#15151a" i], [style*="background: #15151a" i], [style*="background-color:#15151a" i], [style*="background-color: #15151a" i], [style*="background:#101116" i], [style*="background: #101116" i], [style*="background-color:#101116" i], [style*="background-color: #101116" i], [style*="background:#121216" i], [style*="background: #121216" i], [style*="background-color:#121216" i], [style*="background-color: #121216" i], [style*="background:#1d202b" i], [style*="background: #1d202b" i], [style*="background-color:#1d202b" i], [style*="background-color: #1d202b" i], [style*="background:#0d0d12" i], [style*="background: #0d0d12" i], [style*="background-color:#0d0d12" i], [style*="background-color: #0d0d12" i], [style*="background:#202026" i], [style*="background: #202026" i], [style*="background-color:#202026" i], [style*="background-color: #202026" i], [style*="background:#111115" i], [style*="background: #111115" i], [style*="background-color:#111115" i], [style*="background-color: #111115" i], [style*="background:rgb(14, 14, 17)" i], [style*="background: rgb(14, 14, 17)" i], [style*="background-color:rgb(14, 14, 17)" i], [style*="background-color: rgb(14, 14, 17)" i], [style*="background:rgb(21, 21, 26)" i], [style*="background: rgb(21, 21, 26)" i], [style*="background-color:rgb(21, 21, 26)" i], [style*="background-color: rgb(21, 21, 26)" i]) { background: hsl(var(--v2-muted) / .5) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="border:1px solid #17324d" i], [style*="border: 1px solid #17324d" i], [style*="border:1px solid #24344a" i], [style*="border: 1px solid #24344a" i], [style*="border:1px solid #26262e" i], [style*="border: 1px solid #26262e" i], [style*="border:1px solid #2c2c35" i], [style*="border: 1px solid #2c2c35" i], [style*="border:1px solid #2a2a33" i], [style*="border: 1px solid #2a2a33" i], [style*="border:1px solid #33333d" i], [style*="border: 1px solid #33333d" i], [style*="border:1px solid #272a32" i], [style*="border: 1px solid #272a32" i], [style*="border:1px solid #343944" i], [style*="border: 1px solid #343944" i], [style*="border:1px solid #444" i], [style*="border: 1px solid #444" i], [style*="border:1px solid #33333c" i], [style*="border: 1px solid #33333c" i], [style*="border:1px solid rgb(44, 44, 53)" i], [style*="border: 1px solid rgb(44, 44, 53)" i], [style*="border:1px solid rgb(38, 38, 46)" i], [style*="border: 1px solid rgb(38, 38, 46)" i], [style*="border:1px solid rgb(51, 51, 61)" i], [style*="border: 1px solid rgb(51, 51, 61)" i]), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="border:1px solid #17324d" i], [style*="border: 1px solid #17324d" i], [style*="border:1px solid #24344a" i], [style*="border: 1px solid #24344a" i], [style*="border:1px solid #26262e" i], [style*="border: 1px solid #26262e" i], [style*="border:1px solid #2c2c35" i], [style*="border: 1px solid #2c2c35" i], [style*="border:1px solid #2a2a33" i], [style*="border: 1px solid #2a2a33" i], [style*="border:1px solid #33333d" i], [style*="border: 1px solid #33333d" i], [style*="border:1px solid #272a32" i], [style*="border: 1px solid #272a32" i], [style*="border:1px solid #343944" i], [style*="border: 1px solid #343944" i], [style*="border:1px solid #444" i], [style*="border: 1px solid #444" i], [style*="border:1px solid #33333c" i], [style*="border: 1px solid #33333c" i], [style*="border:1px solid rgb(44, 44, 53)" i], [style*="border: 1px solid rgb(44, 44, 53)" i], [style*="border:1px solid rgb(38, 38, 46)" i], [style*="border: 1px solid rgb(38, 38, 46)" i], [style*="border:1px solid rgb(51, 51, 61)" i], [style*="border: 1px solid rgb(51, 51, 61)" i]) { border-color: hsl(var(--v2-border)) !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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, .ms-go, .pt-button, .gwcv-exp, .gw-pmove), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn, .pt-button, .pt-secondary, .gw-copybtn, .gw-close, .pt-close) {
  align-items: center; justify-content: center; gap: .5rem;
  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-g-ease) !important; cursor: pointer; animation: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, .ms-go, .pt-button, .gwcv-exp, .gw-pmove):hover:not(:disabled), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn, .pt-button, .pt-secondary, .gw-copybtn, .gw-close, .pt-close):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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, .ms-go, .pt-button):active:not(:disabled), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn, .pt-button):active:not(:disabled) { transform: scale(.97); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, .ms-go, .pt-button, .gwcv-exp, .gw-pmove, button):focus-visible, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn, button):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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, .pt-button):disabled, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn, .pt-button):disabled { opacity: .5 !important; transform: none !important; }
/* default (primary): classes do v1 e os botões que o JS pinta de vermelho no style */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn.brand, .btn.pri, .btn.primary, .ms-go, .pt-button:not(.pt-secondary)),
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .btn:is([style*="background:linear-gradient"], [style*="background:#e11d2a"], [style*="background:var(--brand"]),
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn.brand, .pt-button:not(.pt-secondary), .gw-copybtn), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) button[type=submit] {
  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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn.brand, .btn.pri, .btn.primary, .ms-go, .pt-button:not(.pt-secondary)):hover:not(:disabled),
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .btn:is([style*="background:linear-gradient"], [style*="background:#e11d2a"], [style*="background:var(--brand"]):hover:not(:disabled),
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.btn.brand, .pt-button:not(.pt-secondary), .gw-copybtn):hover:not(:disabled), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) button[type=submit]:hover {
  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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn.sm, .gwcv-exp), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .btn.sm { min-height: 36px !important; height: 36px; padding: 0 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-exp { font-size: 12px !important; }
/* destrutivo: texto destructive (outline) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .btn.danger:not(.brand), html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-menu button.danger { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .btn.danger:not(.brand):hover:not(:disabled) { background: hsl(var(--v2-destructive) / .08) !important; border-color: hsl(var(--v2-destructive) / .3) !important; }
/* setas da prioridade = Button ghost icon 40×40 */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-pmove { width: 40px !important; min-width: 40px !important; padding: 0 !important; border-color: transparent !important; background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-pmove:hover { background: hsl(var(--v2-accent) / .5) !important; }

/* ======================================================================================================
   4. Campos (ui/input): h-10, rounded-xl, borda input/80, fundo background/80, px-4; hover primary/30; foco anel primary/20
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :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 :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :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: border-color .3s ease-out, background-color .3s ease-out, box-shadow .3s ease-out !important; outline: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :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 :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select) { padding-top: 0 !important; padding-bottom: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) select, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) select { padding-right: 2.25rem !important; -webkit-appearance: none; appearance: none;
  background-image: var(--v2g-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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) textarea, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) textarea { padding-top: .5rem !important; padding-bottom: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :where(input, select, textarea):where(:hover:not(:disabled):not(:focus):not([readonly])), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :where(input, select, textarea):where(:hover:not(:disabled):not(:focus):not([readonly])) { border-color: hsl(var(--v2-primary) / .3) !important; background-color: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :where(input, select, textarea):where(:focus), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :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; outline: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(input, textarea)::placeholder, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(input, textarea)::placeholder { color: hsl(var(--v2-muted-foreground) / .6) !important; font-family: var(--v2-font-sans) !important; opacity: 1; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(input, select, textarea):disabled { opacity: .5 !important; cursor: not-allowed; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) input[readonly], html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) select option, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) select option { background: hsl(var(--v2-popover)); color: hsl(var(--v2-popover-foreground)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(input[type=checkbox], input[type=radio]), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(input[type=checkbox], input[type=radio]) { accent-color: hsl(var(--v2-primary)) !important; }
/* busca dentro de "pílula" (o input fica sem moldura própria) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gw-search, .sc-search) input { min-height: 36px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding-left: .5rem !important; }
/* rótulos (StudioField: text-sm 500) e textos de ajuda (text-xs muted) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .field > label, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .field label, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) label, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gl-body 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .field label .mono { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; font-weight: 400 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.help, .hint, .acc-hint), html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .help { font-family: var(--v2-font-sans) !important; font-size: 12px !important; line-height: 1.6 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .help b { color: hsl(var(--v2-foreground)) !important; font-weight: 600; }
/* rótulo de seção (.section-label) = .merchant-eyebrow em caixa alta, primário */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .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-left: 0 !important; padding-right: 0 !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .webhook-box { font-family: var(--v2-font-mono) !important; font-size: 12px !important; color: hsl(var(--v2-foreground)) !important; padding: .625rem .875rem !important; overflow-wrap: anywhere; }

/* ======================================================================================================
   5. Switch do Lovable (ui/switch): trilho 44×24 rounded-full, borda 2px transparente; ligado = primary, desligado = input;
      polegar 20px na cor do fundo com sombra; foco ring-2 + offset 2. Aplicado só a controles que JÁ são interruptores
      (input type=checkbox do v1 que vira interruptor e o .gl-sw da lista de gateways). Estado vem do próprio controle/classe.
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn) {
  -webkit-appearance: none !important; appearance: none !important; position: relative; flex: 0 0 auto;
  width: 44px !important; height: 24px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box;
  border: 2px solid transparent !important; border-radius: 9999px !important; background: hsl(var(--v2-input)) !important; box-shadow: none !important;
  cursor: pointer; transition: background-color .2s var(--v2-g-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn)::before {
  content: "" !important; position: absolute; top: 0 !important; left: 0 !important; width: 20px !important; height: 20px !important; border-radius: 9999px !important;
  background: hsl(var(--v2-background)) !important; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;
  transform: translateX(0) !important; transition: transform .2s var(--v2-g-ease) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn):checked { background: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn):checked::before { transform: translateX(20px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn):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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn):disabled { opacity: .5 !important; cursor: not-allowed; }
/* .gl-sw: span decorativo dentro do botão role=switch (o JS põe .ok quando o gateway está ligado) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw { width: 44px !important; height: 24px !important; flex: 0 0 44px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw::before { width: 44px !important; height: 24px !important; border: 2px solid transparent !important; border-radius: 9999px !important; background: hsl(var(--v2-input)) !important; transition: background-color .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw::after { left: 2px !important; top: 2px !important; width: 20px !important; height: 20px !important; border-radius: 9999px !important; background: hsl(var(--v2-background)) !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .2) !important; transition: left .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw.ok::before { background: hsl(var(--v2-primary)) !important; border-color: transparent !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw.ok::after { left: 22px !important; background: hsl(var(--v2-background)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-switch-hit:hover { background: hsl(var(--v2-accent) / .5) !important; }

/* ======================================================================================================
   6. Selos de estado (Status do DemoUi): rounded-md px-2 py-1 text-xs 500, fundo tom/10. O tom escrito pelo JS fica.
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gl-st, .gw-role, .acc-badge, .badge, .chip, .push-status, #agonyStatus, .gw-card .gw-badge, .gw-ct span) {
  border-radius: calc(var(--v2-radius) - 2px) !important; font-family: var(--v2-font-sans) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: normal !important; text-transform: none !important; line-height: 16px !important; box-shadow: none !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gl-st, .badge, .chip, .acc-badge, .gw-role) { padding: .25rem .5rem !important; }
/* verde (ligado / principal / reserva / ativo) -> success */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gl-st, .badge, .chip, .acc-badge, #agonyStatus, .push-status):is([style*="color:#22c55e"], [style*="34,197,94"], [style*="34, 197, 94"], .b-on, .on, .ok),
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-card .gw-badge, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-role.gw-role-1 {
  background: hsl(var(--v2-success) / .1) !important; border-color: transparent !important; color: hsl(var(--v2-success)) !important;
}
/* cinza (desligado / não configurado / desativada) -> muted */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gl-st, .badge, .chip, .acc-badge, #agonyStatus):is([style*="color:#8b8b97"], [style*="148,163,184"], [style*="color:#94a3b8"]), html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-role:not(.gw-role-1), html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-status:not(.on) {
  background: hsl(var(--v2-muted)) !important; border-color: transparent !important; color: hsl(var(--v2-muted-foreground)) !important;
}
/* vermelho (bloqueado / erro) -> destructive */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-badge:is(.blk, .barrado), html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.badge, .chip):is([style*="color:#ef4444"], [style*="color:#ff6b6b"], [style*="239,68,68"]) {
  background: hsl(var(--v2-destructive) / .1) !important; border-color: transparent !important; color: hsl(var(--v2-destructive)) !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-status .push-dot { background: currentColor !important; box-shadow: none !important; width: 6px !important; height: 6px !important; }
/* cores de estado escritas no style inline por estas telas, que a lista PORTADAS da casca ainda não cobre */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#ff5a66"], [style*="color:#ff5a6a"], [style*="color:#ef4444"], [style*="color: rgb(239, 68, 68)"]) { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#6f6f7c"], [style*="color:#8b8b97"], [style*="color: rgb(139, 139, 151)"], [style*="color:#7d8ba3"], [style*="color:#8a8a94"], [style*="color:#9a9aa4"]) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#d4d4d8"], [style*="color:#e7e7ee"], [style*="color: rgb(232, 232, 238)"], [style*="color:#fff;"]:not(.btn):not(a)) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color:#26d07c"], [style*="color: rgb(38, 208, 124)"], [style*="color:#3ddc97"]) { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is([style*="color: rgb(155, 155, 167)"], [style*="color:#9b9ba7"]) { color: hsl(var(--v2-muted-foreground)) !important; }
/* faixas de aviso escritas pelo JS: âmbar (1 gateway só) -> warning; verde (loja continua gerando) -> success; vermelho -> destructive */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) [style*="rgba(234,88,12"] { background: hsl(var(--v2-warning) / .1) !important; border-color: hsl(var(--v2-warning) / .4) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) [style*="rgba(234,88,12"] b { color: hsl(var(--v2-warning)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) [style*="rgba(61,220,151"] { background: hsl(var(--v2-success) / .1) !important; border-color: hsl(var(--v2-success) / .3) !important; color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) [style*="rgba(225,29,42,.45)"][style*="linear-gradient(135deg,rgba(225,29,42,.16)"] { background: hsl(var(--v2-primary) / .05) !important; border-color: hsl(var(--v2-primary) / .3) !important; border-radius: var(--v2-radius) !important; }

/* ======================================================================================================
   7. Pagamento (PIX) = MerchantFinalSections/BusinessSections: cabeçalho de seção, resumo em Stats, lista de gateways com
      Switch, painel de credenciais, prioridade (fallback), conversão por gateway. NADA aqui define display, ordem ou visibilidade.
   ====================================================================================================== */
/* cabeçalho: SectionHeading (Rajdhani 2rem, letter-spacing .04em, subtítulo text-sm muted) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-header .mp-eyebrow { color: hsl(var(--v2-primary)) !important; font-family: var(--v2-font-sans) !important; font-size: .65rem !important; font-weight: 600 !important; letter-spacing: .04em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-header h2 { font-family: var(--v2-font-display) !important; font-size: 2rem !important; line-height: 2.25rem !important; font-weight: 700 !important; letter-spacing: .04em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-header p { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; margin-top: .25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-security-label { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-security-label svg { color: hsl(var(--v2-success)) !important; }
/* resumo (Stats do DemoUi): cards p-4, rótulo xs muted, valor Rajdhani 1.5rem */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-summary > div { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; padding: 1rem !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-summary :is(span, small, label) { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; font-weight: 400 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-summary strong { font-family: var(--v2-font-display) !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 2rem !important; letter-spacing: normal !important; color: hsl(var(--v2-foreground)) !important; margin-top: .5rem; }
/* plano (border-y py-5: "Seu plano" xs muted, nome Rajdhani 1.5rem) e Diversificar Centavos (linha rótulo + controle) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #planoBox > .panel, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox {
  background: transparent !important; box-shadow: none !important; border-width: 1px 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 1.25rem 0 !important;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox { border-top-width: 0 !important; padding: 1rem 0 !important; margin-bottom: 1.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #planoBox .sub { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #planoBox h3 { font-family: var(--v2-font-display) !important; font-size: 1.5rem !important; line-height: 2rem !important; font-weight: 700 !important; letter-spacing: .04em !important; margin: .25rem 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #planoBox p { font-size: 14px !important; color: hsl(var(--v2-muted-foreground)) !important; margin: .25rem 0 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #planoBox p b { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox > div:first-child > div:first-child { font-size: 14px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox > div:first-child > div:nth-child(2) { font-size: 12px !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox select { min-height: 40px !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #centavosBox label { font-size: 14px !important; font-weight: 500 !important; }
/* rótulos de bloco (gw-eyebrow / gl-form-caption) = merchant-section-title .95rem 700 */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-eyebrow, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-form-caption { font-family: var(--v2-font-sans) !important; font-size: .95rem !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-form-caption { border-top-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-note { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-note b { color: hsl(var(--v2-foreground)) !important; }
/* lista "Seus gateways" (outline p-3; ativo border-primary bg-primary/5 — Integrações do Lovable) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sidebar { box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-list-head { font-size: .95rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-list-head span { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-list { border-top-color: hsl(var(--v2-border)) !important; scrollbar-color: hsl(var(--v2-border)) transparent !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-search svg { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista #gwMerchantSearch { padding-left: 2.5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-row { border: 1px solid transparent !important; border-radius: var(--v2-radius) !important; background: transparent !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important; transition: background-color .2s var(--v2-g-ease), border-color .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-row:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-row.on { background: hsl(var(--v2-primary) / .05) !important; border-color: hsl(var(--v2-primary)) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-t { font-size: 14px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-t small { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
/* logo em chip (lp-logo-chip): borda, sombra de base, raio lg — o fundo da marca (escuro ou branco) é preservado */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(#gwLista .gw-brand, #gwLista .gw-ic) { border-radius: var(--v2-radius) !important; box-shadow: 0 4px 0 hsl(var(--v2-border) / .8), inset 0 0 0 1px hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-row:hover .gw-brand { transform: none !important; }
/* painel de credenciais (Dialog/painel do Lovable: título 18px semibold, descrição text-sm muted) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-drawer { box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-hd { font-family: var(--v2-font-sans) !important; font-size: 18px !important; font-weight: 600 !important; color: hsl(var(--v2-foreground)) !important; letter-spacing: normal !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-description { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-security { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-body label { font-size: 14px !important; margin-bottom: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-body :is(input, select, textarea) { min-height: 40px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gw-savebar { border-top-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-ok { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-ref { border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-ref [style*="color:#ff5a66"] { color: hsl(var(--v2-primary)) !important; font-size: .65rem !important; letter-spacing: .04em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-deslig { color: hsl(var(--v2-foreground)) !important; }
/* cartões antigos (gw-conn/gw-card, escondidos pela lista nova com .gl-hide — só a cor, nunca o display) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gw-conn, .gw-card, .gw-prow, .gwcv-kpi) { 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 #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gw-nm, .gw-cn, .gw-pnm) { color: hsl(var(--v2-foreground)) !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.gw-st, .gw-cs, .gw-pid, .gw-grip) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-dot { background: hsl(var(--v2-success)) !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-menu { background: hsl(var(--v2-popover)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; box-shadow: 0 10px 30px -10px rgb(0 0 0 / .35) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-menu button { color: hsl(var(--v2-popover-foreground)) !important; border-radius: calc(var(--v2-radius) - 4px) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-menu button:hover { background: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-menu button.test { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-kebab { color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-kebab:hover { background: hsl(var(--v2-accent)) !important; border-color: transparent !important; }
/* prioridade (fallback): divide-y; número em quadrado 28px rounded-md bg-primary/10 text-primary */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-prio { gap: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-prow { border-radius: 0 !important; border-width: 0 0 1px !important; background: transparent !important; padding: .75rem .25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-prow:first-child { border-top-width: 1px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-prow.over { border-color: hsl(var(--v2-primary)) !important; box-shadow: inset 0 0 0 1px hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-rank, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-prow:first-child .gw-rank { width: 28px !important; height: 28px !important; border-radius: calc(var(--v2-radius) - 2px) !important; background: hsl(var(--v2-primary) / .1) !important; color: hsl(var(--v2-primary)) !important; font-size: 12px !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-pnm { font-size: 14px !important; font-weight: 500 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gw-pid { font-family: var(--v2-font-mono) !important; font-size: 11px !important; letter-spacing: normal !important; }
/* conversão por gateway: segmentado = Button default/outline; KPIs = Stats; barra = progress */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-p { border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; font-family: var(--v2-font-sans) !important; font-size: 13px !important; font-weight: 500 !important; min-height: 36px; padding: 0 1rem !important; transition: all .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-p:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-p.on { 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-dt { min-height: 36px !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-kpi { padding: 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-kpi .k { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-kpi .v { font-family: var(--v2-font-display) !important; font-size: 1.5rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-kpi .v.green, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-rec { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-nm { color: hsl(var(--v2-foreground)) !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-track { background: hsl(var(--v2-muted)) !important; border-radius: 9999px !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-track i { background: hsl(var(--v2-primary)) !important; border-radius: 9999px !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-track i b { color: hsl(var(--v2-primary-foreground)) !important; font-family: var(--v2-font-sans) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-tb th { color: hsl(var(--v2-muted-foreground)) !important; background: hsl(var(--v2-muted) / .6) !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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-tb td { border-color: hsl(var(--v2-border)) !important; }
/* saldo devedor / crédito (Minhas finanças e card na aba Pagamento) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-balance { padding: 1.25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-balance small, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-note { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-balance strong { font-family: var(--v2-font-display) !important; font-size: 1.75rem !important; font-weight: 700 !important; letter-spacing: normal !important; color: hsl(var(--v2-foreground)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-credit { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-debt { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-history { border-top-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-history summary { color: hsl(var(--v2-foreground)) !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.pt-ledger-row, .pt-history-row) { border-bottom-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-ledger h3, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .pt-ledger b { color: hsl(var(--v2-foreground)) !important; }

/* ======================================================================================================
   8. Loja (MerchantStore): nav de configurações (item ghost; ativo bg-primary/8 text-primary), cartão de formulário
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi { background: transparent !important; border: 1px solid transparent !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; color: hsl(var(--v2-foreground)) !important; transition: background-color .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi:hover { background: hsl(var(--v2-accent) / .5) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi.on { background: hsl(var(--v2-primary) / .08) !important; border-color: transparent !important; color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi.on::before, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi.on::after { background: transparent !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi b { font-family: var(--v2-font-sans) !important; font-weight: 600 !important; font-size: 14px !important; color: inherit !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi i { font-style: normal; color: hsl(var(--v2-muted-foreground)) !important; font-size: 11px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-navi .cfg-ico { color: inherit !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
/* conteúdo da seção sem moldura (o Lovable não usa card aqui): título .95rem 700 com divisória, campos direto no fundo */
html[data-ui="v2"] body.dropos-workspace #app #storeView .cfg-sec .panel { 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 #storeView .cfg-sec .panel > h3:first-child { font-size: .95rem !important; font-weight: 700 !important; padding-bottom: 1rem !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; margin-bottom: 1.25rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-savebar { background: linear-gradient(180deg, hsl(var(--v2-background) / 0), hsl(var(--v2-background)) 40%) !important; border-color: hsl(var(--v2-border)) !important; box-shadow: none !important; backdrop-filter: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) fieldset { border-color: hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) legend { font-size: 14px !important; padding: 0 .25rem; }
/* domínio próprio: abas (dm-tabs) e passos */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dm-tabs button { border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; font-family: var(--v2-font-sans) !important; font-weight: 500 !important; box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dm-tabs button:is(.on, [aria-selected="true"]) { 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dm-passo { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dm-row { border-color: hsl(var(--v2-border)) !important; }

/* ======================================================================================================
   9. Todas as configurações (central .settings-center) e busca Ctrl K (#cfgPalOv)
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-header h2 { font-family: var(--v2-font-display) !important; font-size: 2rem !important; line-height: 2.25rem !important; font-weight: 700 !important; letter-spacing: .04em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-header p, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-count, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-shortcut { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-eyebrow { color: hsl(var(--v2-primary)) !important; font-size: .65rem !important; font-weight: 600 !important; letter-spacing: .04em !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-shortcut kbd { border-color: hsl(var(--v2-border)) !important; background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-muted-foreground)) !important; font-family: var(--v2-font-mono) !important; border-radius: calc(var(--v2-radius) - 4px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-search { box-shadow: none !important; padding: .25rem 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-search > span { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-categories button { border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; font-family: var(--v2-font-sans) !important; font-weight: 500 !important; font-size: 13px !important; min-height: 36px; transition: all .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-categories button:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-accent)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-categories button[aria-pressed="true"] { 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-group h3 { font-size: .95rem !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .settings-center .sc-item, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-item { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; box-shadow: none !important; color: hsl(var(--v2-foreground)) !important; transition: all .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .settings-center .sc-item:hover, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-item:hover { background: hsl(var(--v2-accent) / .5) !important; border-color: hsl(var(--v2-primary) / .3) !important; transform: translateY(-2px); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-item b, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-item .it-t { color: hsl(var(--v2-foreground)) !important; font-weight: 600 !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-item small, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-item .it-d { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-arrow { color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.cfg-hero-t) { font-family: var(--v2-font-display) !important; font-size: 2rem !important; font-weight: 700 !important; letter-spacing: .04em !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.cfg-hero-s, .cfg-grp-h) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-hero { background: transparent !important; border: 0 !important; box-shadow: none !important; }
/* paleta Ctrl K = Dialog (overlay background/80 + blur, conteúdo bg/95, borda, raio lg) */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).cfg-pal-ov { background: hsl(var(--v2-background) / .8) !important; backdrop-filter: blur(4px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal { background: hsl(var(--v2-background) / .95) !important; border: 1px solid hsl(var(--v2-border) / .8) !important; border-radius: var(--v2-radius) !important; box-shadow: 0 25px 50px -12px hsl(var(--v2-primary) / .05) !important; color: hsl(var(--v2-foreground)) !important; backdrop-filter: blur(24px); }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal-in { border-bottom: 1px solid hsl(var(--v2-border)) !important; color: hsl(var(--v2-muted-foreground)) !important; background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal-in input { border: 0 !important; background: transparent !important; box-shadow: none !important; min-height: 44px !important; padding-left: .5rem !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.cfg-pal-it, .cfg-pal-list > *) { color: hsl(var(--v2-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.cfg-pal-it:hover, .cfg-pal-it.on, .cfg-pal-it[aria-selected="true"]) { background: hsl(var(--v2-accent)) !important; color: hsl(var(--v2-accent-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.cfg-pal-it small, .cfg-pal-it i, .cfg-pal-foot, .cfg-pal-empty, .cfg-pal-grp) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal-foot { border-top: 1px solid hsl(var(--v2-border)) !important; background: transparent !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal-foot kbd { background: hsl(var(--v2-muted)) !important; border-color: hsl(var(--v2-border)) !important; color: hsl(var(--v2-muted-foreground)) !important; }

/* ======================================================================================================
   10. Acessos (MerchantFinalSections): Stats, portões, tabela .merchant-table; Equipe: lista divide-y
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-stat { box-shadow: none !important; padding: 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-stat :is(.k, .l, small, span:first-child) { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; letter-spacing: normal !important; text-transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-stat :is(.n, b, strong) { font-family: var(--v2-font-display) !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)); }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-gate { box-shadow: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-gate > span:first-child { font-size: 14px !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .toolbar .search { min-height: 40px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-table, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) table { font-family: var(--v2-font-sans) !important; font-size: .8rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.acc-table, table) th {
  background: hsl(var(--v2-muted) / .6) !important; color: hsl(var(--v2-muted-foreground)) !important; font-size: .65rem !important; font-weight: 500 !important;
  letter-spacing: normal !important; text-transform: none !important; padding: .85rem 1rem !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; white-space: nowrap;
}
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.acc-table, table) td { border-bottom: 1px solid hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.acc-table, table) tbody tr:hover > td { background: hsl(var(--v2-muted) / .35) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .table-wrap { padding: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app #accessView .panel.table-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-row.on > td, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-row[aria-expanded="true"] > td { background: hsl(var(--v2-primary) / .05) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.acc-ua, .acc-kv .k, .acc-caret) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .acc-kv { border-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cards .card-item { 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 #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cards .card-item :is(.ci-name) { color: hsl(var(--v2-foreground)) !important; font-weight: 600 !important; }
/* equipe: linhas da lista (#teamList) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #teamList > div { border-color: hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }

/* ======================================================================================================
   11. Notificações (MerchantFinalSections): opções = label rounded-lg border bg-card p-4 com Switch; prévia de push = card
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-card { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
@media (min-width: 1001px) { html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-card + .push-card { border-left: 1px solid hsl(var(--v2-border)) !important; padding-left: 1.75rem !important; } }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-body { padding-left: 0 !important; padding-right: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-preview-title, .push-history-head, .push-list) { padding-left: 0 !important; padding-right: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview { margin-left: 0 !important; margin-right: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-card-head { background: transparent !important; border-bottom: 1px solid hsl(var(--v2-border)) !important; padding: 0 0 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-card-head h3 { font-size: .95rem !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-card-head p { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-option { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; padding: 1rem !important; box-shadow: none !important; transition: border-color .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-option:hover { border-color: hsl(var(--v2-primary) / .3) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-option b { font-size: 14px !important; font-weight: 500 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-option small { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-option-icon { background: transparent !important; color: hsl(var(--v2-primary)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; box-shadow: none !important; border: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-schedule { padding: 1.25rem 0 !important; background: transparent !important; border-width: 1px 0 !important; border-radius: 0 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-schedule-title { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview-title { color: hsl(var(--v2-foreground)) !important; font-size: .95rem !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; }
/* horários = botões sm default/outline (o input escondido continua o mesmo) */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-hour span { min-height: 36px; padding: .5rem 1rem !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; font-family: var(--v2-font-sans) !important; font-size: 13px !important; font-weight: 500 !important; transition: all .2s var(--v2-g-ease) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-hour input:checked + span { 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-hour input:focus-visible + span { 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(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; color: hsl(var(--v2-foreground)) !important; box-shadow: none !important; padding: 1rem !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview b { color: hsl(var(--v2-foreground)) !important; font-size: 14px !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview .pv-b { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-preview small { color: hsl(var(--v2-muted-foreground)) !important; font-size: 10px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-logo { width: 32px !important; height: 32px !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-history-head b { font-size: .95rem !important; font-weight: 700 !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-history-head span { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-row { background: transparent !important; border-width: 0 0 1px !important; border-radius: 0 !important; padding: .75rem 0 !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-install-note { color: hsl(var(--v2-muted-foreground)) !important; border-top-color: hsl(var(--v2-border)) !important; font-size: 12px !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .push-install-note.alerta { background: hsl(var(--v2-primary) / .05) !important; border: 1px solid hsl(var(--v2-primary) / .3) !important; border-radius: var(--v2-radius) !important; color: hsl(var(--v2-foreground)) !important; }

/* ======================================================================================================
   12. Minha afiliação (#afBox, escrito pelo JS) e Minhas lojas (#msGrid)
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .af-client-table th { background: hsl(var(--v2-muted) / .6) !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .af-client-table .af-earned { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .affiliate-detail summary { color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #afBox [style*="font-size:26px"], html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #afBox [style*="font-size:28px"], html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #afBox [style*="font-size:24px"] { font-family: var(--v2-font-display) !important; font-weight: 700 !important; }
html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .ms-grid > * { border-radius: var(--v2-radius) !important; }

/* ======================================================================================================
   13. Camadas: Dialog do Lovable — overlay background/80 + blur 4px; conteúdo bg/95, borda border/80, raio lg, p-6,
       título 18px semibold, descrição text-sm muted, fechar 44×44 ghost
   ====================================================================================================== */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwTestOv, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#afOv, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))[style*="z-index:100000"] { background: hsl(var(--v2-background) / .8) !important; backdrop-filter: blur(4px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) dialog.gateway-credential-modal::backdrop, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) dialog.pt-dialog::backdrop { background: hsl(var(--v2-background) / .8) !important; backdrop-filter: blur(4px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .modal, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).gateway-credential-modal, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).pt-dialog, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#afOv > .panel, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))[style*="z-index:100000"] > form {
  background: hsl(var(--v2-background) / .95) !important; border: 1px solid hsl(var(--v2-border) / .8) !important; border-radius: var(--v2-radius) !important;
  box-shadow: 0 25px 50px -12px hsl(var(--v2-primary) / .05) !important; color: hsl(var(--v2-foreground)) !important; backdrop-filter: blur(24px);
}
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).gateway-credential-modal h2, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).pt-dialog h2, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal h3, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .modal h3 { font-size: 18px !important; line-height: 1.375 !important; font-weight: 600 !important; letter-spacing: normal !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).gateway-credential-modal p, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).pt-dialog p, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .pt-note { color: hsl(var(--v2-muted-foreground)) !important; font-size: 14px !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).gateway-credential-modal input { font-family: var(--v2-font-mono) !important; padding-right: 56px !important; min-height: 44px !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .gateway-credential-toggle { color: hsl(var(--v2-muted-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .gateway-credential-toggle:hover { background: hsl(var(--v2-muted)) !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.modal-close, .gw-close, .pt-close) { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: hsl(var(--v2-foreground)) !important; opacity: .7; border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is(.modal-close, .gw-close, .pt-close):hover { opacity: 1; background: hsl(var(--v2-muted)) !important; transform: none !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .pt-eyebrow { color: hsl(var(--v2-primary)) !important; font-size: .65rem !important; letter-spacing: .04em !important; font-weight: 600 !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .pt-error { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .pt-status { border-color: hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .pt-form label { font-size: 12px !important; }
/* teste de PIX (GatewayPixPreview): QR em bloco claro rounded-md, linhas de valor = lista com divisória, espera = faixa primary/5 */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-left { background: hsl(var(--v2-muted) / .4) !important; border-right-color: hsl(var(--v2-border)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-qrwrap { border-radius: calc(var(--v2-radius) - 2px) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-emv { background: hsl(var(--v2-muted) / .4) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-emv-lbl { color: hsl(var(--v2-muted-foreground)) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-emv code { background: hsl(var(--v2-background)) !important; border: 1px solid hsl(var(--v2-border)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: calc(var(--v2-radius) - 2px) !important; font-family: var(--v2-font-mono) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-rows { background: hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-rows .r { background: hsl(var(--v2-card)) !important; color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-rows .r b { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-wait { background: hsl(var(--v2-primary) / .05) !important; border-color: hsl(var(--v2-primary) / .3) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-ring span { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-dot { background: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-spin { border-color: hsl(var(--v2-border)) !important; border-top-color: hsl(var(--v2-primary)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal .gw-copybtn { width: 100% !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="color:#9a9aa4"], [style*="color:#7a7a86"], [style*="color:#8a8a94"]) { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="color:#e9e9ee"], [style*="color:#e8e8ee"], [style*="color:#f4f4f6"]) { color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="color:#3ddc97"], [style*="color:#22c55e"], [style*="color:#4ade80"]) { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) :is([style*="color:#ff6b6b"], [style*="color:#ff5a6a"], [style*="color:#ef4444"]) { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) #gwTestModal [style*="font-size:32px"] { font-family: var(--v2-font-display) !important; letter-spacing: normal !important; }
/* conversão ampliada (#gwConvModalBg): o painel vem da própria aba (#gwConvPanel) e usa as mesmas regras de .gwcv-* */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg :is(.gwcv-p) { border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; font-family: var(--v2-font-sans) !important; font-weight: 500 !important; min-height: 36px; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-p.on { background: hsl(var(--v2-primary)) !important; border-color: transparent !important; color: hsl(var(--v2-primary-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-kpi { background: hsl(var(--v2-card)) !important; border: 1px solid hsl(var(--v2-border)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-kpi .k, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gw-note { color: hsl(var(--v2-muted-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-kpi .v { font-family: var(--v2-font-display) !important; color: hsl(var(--v2-foreground)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-kpi .v.green, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-rec { color: hsl(var(--v2-success)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-track { background: hsl(var(--v2-muted)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-track i { background: hsl(var(--v2-primary)) !important; }
/* saque da afiliação e confirmação de senha (style inline do JS) */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#afOv [style*="color:#ff6b6b"], html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))[style*="z-index:100000"] [style*="color:#ff6b6b"] { color: hsl(var(--v2-destructive)) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))[style*="z-index:100000"] > form button[data-x] { border: 1px solid hsl(var(--v2-input)) !important; background: hsl(var(--v2-background)) !important; color: hsl(var(--v2-foreground)) !important; border-radius: var(--v2-radius) !important; }
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))[style*="z-index:100000"] > form > div:nth-child(2) { color: hsl(var(--v2-muted-foreground)) !important; }

/* ======================================================================================================
   14. Celular e movimento reduzido
   ====================================================================================================== */
@media (max-width: 639px) {
  html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .mp-header h2, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .sc-header h2, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .cfg-hero-t { font-size: 1.5rem !important; line-height: 2rem !important; }
  html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).gateway-credential-modal, html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])).pt-dialog { padding: 1rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.btn, input, select, textarea, .gl-row, .push-option, .sc-item, .cfg-item, .push-toggle, #centavosOn, .gwcv-p), html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) :is(.push-toggle, #centavosOn)::before, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw::before, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #gwLista .gl-sw::after { transition: none !important; }
  html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView).dw-view-enter, html[data-ui="v2"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .dw-view-enter { animation: none !important; }
}

/* ---------- Tema claro: ícone do select na cor muted do claro ---------- */
html[data-ui="v2"][data-theme="light"] {
  --v2g-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");
}

/* ======================================================================================================
   Correção de contraste 13/10 (achados dos 10 testadores + detector v3)
   ====================================================================================================== */
/* Conversão por gateway (claro): rótulo branco que passava do pedaço vermelho ("Não disponível", 4,5%…) caía na trilha clara.
   A barra cresce até caber o rótulo; a largura real (style inline width:N%) continua valendo quando é maior. */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) .gwcv-track i, html[data-ui="v2"][data-theme="light"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password]))#gwConvModalBg .gwcv-track i { min-width: max-content !important; padding-right: 10px !important; }
/* Loja › Rodapé (claro e escuro, desktop e iPhone): a barra fixa "Salvar loja & rodapé" era um degradê transparente e o texto
   passava visível por baixo do botão. Fundo sólido + filete de separação. */
html[data-ui="v2"] body.dropos-workspace #app #storeView .cfg-savebar { background: hsl(var(--v2-background)) !important; box-shadow: 0 -1px 0 hsl(var(--v2-border)) !important; }
/* Busca Ctrl K (claro e escuro): o campo zera borda e sombra; devolve um anel de foco visível */
html[data-ui="v2"] body.dropos-workspace :is(#gwTestOv, #gwConvModalBg, dialog.gateway-credential-modal, #cfgPalOv, dialog.pt-dialog, #afOv, body > div[style*="z-index:100000"]:has(> form input[type=password])) .cfg-pal-in input:focus-visible { outline: 2px solid hsl(var(--v2-ring)) !important; outline-offset: -2px !important; border-radius: calc(var(--v2-radius) - 2px) !important; }
/* Acessos (claro): descrição dos interruptores do portão (#accGate .ag small, #8b8b97 fixo no admin.html) sobre o rosa do ligado */
html[data-ui="v2"][data-theme="light"] body.dropos-workspace #app :is(#storeView, #configView, #gatewaysView, #financasView, #afiliacaoView, #accessView, #teamView, #notificationsView, #storesView) #accGate .ag small { color: hsl(var(--v2-muted-foreground)) !important; }