/* R175 — REGRA 60-30-10 (carregado POR ÚLTIMO; só sobrepõe cores — nenhuma rota, função, texto ou layout é alterado).
   60 % dominante: fundo #F8F9FA + cards/blocos/seções #FFFFFF.
   30 % secundária: texto principal #1A1D20, texto secundário #6C757D, bordas neutras.
   10 % destaque: azul da marca (--mc-p, que o usuário ainda pode trocar em "Personalizar cor") SÓ em ações principais, links e item/ícone ativo.
   Remove o excesso de fundos/faixas azuis (cabeçalhos, painel do admin, chips, botões secundários). */
:root, html, body {
  --txt-title: #1A1D20; --txt-value: #1A1D20; --txt-base: #6C757D;
  --r6-bg: #F8F9FA; --r6-card: #FFFFFF; --r6-ink: #1A1D20; --r6-mute: #6C757D; --r6-line: #E9ECEF;
}
/* ---------- 60 %: fundo geral e cards ---------- */
html, body, html body.sx-body, body.sx-body[data-section] { background-color: var(--r6-page, #F8F9FA) !important; background-image: none !important; color: #1A1D20; }
.post-card, .plaque, .mc-balance, .feed-card, .card, .pm-card, .vf-card, .op-card, .pc-card, .highlight-card, .statement-row, .ad-board, .kyc-banner, .hub-sub, .sx-card,
#sec-carteira, .ps-card, .cm-box, .dl-card, .du-card { background-color: #FFFFFF; background-image: none; }
.post-card, .plaque, .mc-balance, .feed-card, .card, .highlight-card, .statement-row { border: 1px solid #E9ECEF; box-shadow: 0 2px 10px rgba(33,37,41,.06); }
/* ---------- 30 %: texto ---------- */
h1, h2, h3, h4, .section-heading, .post-card__title, .post-card__name, .mc-balance__value, .subheader__title, .sx-top__title, .hub-subtab { color: #1A1D20; }
p, .post-card__text, small, .subheader__sub, .mc-balance__label, .mc-hint, .cv-hint { color: #6C757D; }
/* ---------- faixas/cabeçalhos azuis → brancos ---------- */
.sx-top, header.subheader { background: #FFFFFF !important; background-image: none !important; color: #1A1D20 !important; box-shadow: 0 1px 0 #E9ECEF; }
.sx-top *, header.subheader .subheader__title { color: #1A1D20; }
.sx-top .sx-bell, .sx-top button, .sx-top svg { color: #1A1D20; }
.subheader__sub { color: #6C757D !important; }
.eh-adminbar { background: #FFFFFF !important; background-image: none !important; color: #1A1D20 !important; border: 1px solid #E9ECEF; box-shadow: 0 2px 10px rgba(33,37,41,.06); }
.eh-adminbar *, .eh-adminbar button { color: #1A1D20; }
.eh-adminbar button { background: #F8F9FA !important; border: 1px solid #E9ECEF !important; }
/* ---------- botões/chips SECUNDÁRIOS: neutros (sem azul cheio) ---------- */
.hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story { background: #FFFFFF !important; background-image: none !important; color: #1A1D20 !important; border: 1px solid #DEE2E6 !important; box-shadow: none; }
.ar-tab.is-active, .hub-chip.is-active { color: var(--mc-p,#2563EB) !important; border-color: var(--mc-p,#2563EB) !important; }
.sx-trend__icon, .highlight-card__icon, .statement-row__icon { background: #F1F3F5 !important; background-image: none !important; color: #495057 !important; }
.ag-fab, .sx-fab { background: #FFFFFF !important; background-image: none !important; color: #1A1D20 !important; border: 1px solid #DEE2E6 !important; box-shadow: 0 4px 14px rgba(33,37,41,.18); }
.mc-back { background: #FFFFFF !important; color: var(--mc-p,#2563EB) !important; border: 1px solid #DEE2E6 !important; }
/* ---------- 10 %: azul SÓ em ação principal ---------- */
.post-btn--gold, .kyc-banner__cta, .mp-cta, .btn-primary:not(.px-story), .home-signup, #sxWelcomeCta, .ad-board__cta, .op-fab, .mc-btn--primary, button[type=submit].pc-btn { background: var(--mc-p,#2563EB) !important; color: #FFFFFF !important; }
a { color: var(--mc-p,#2563EB); }
/* ---------- barra inferior: só o item ativo em azul (sem pílula azul) ---------- */
.footer-nav { background: #FFFFFF; border-top: 1px solid #E9ECEF; }
.footer-nav__item { color: #6C757D; }
.footer-nav__item.is-active { background: transparent !important; background-image: none !important; color: var(--mc-p,#2563EB) !important; box-shadow: none !important; border-color: transparent !important; }
.footer-nav__item.is-active * { color: var(--mc-p,#2563EB) !important; }
/* ---------- Carteira (R174) alinhada ao fundo novo ---------- */
body.sx-body[data-section="carteira"] { background: var(--r6-page, #F8F9FA) !important; }
/* ---------- reforços de especificidade (ordem de carregamento/!important de outras folhas) ---------- */
html body, html body[class], html body.home-claro, html body.sx-body { background-color: var(--r6-page, #F8F9FA) !important; background-image: none !important; }
html body .sx-top, html body.sx-body .sx-top { background: #FFFFFF !important; background-image: none !important; color: #1A1D20 !important; border-bottom: 1px solid #E9ECEF; }
html body .sx-top *, html body .sx-brand, html body .sx-brand * { color: #1A1D20 !important; }
html body .footer-nav__icon, html body .footer-nav__item.is-active .footer-nav__icon { background: transparent !important; background-image: none !important; box-shadow: none !important; }
html body .ar-tab.is-active, html body .hub-chip.is-active { background: #FFFFFF !important; color: var(--mc-p,#2563EB) !important; border: 1px solid var(--mc-p,#2563EB) !important; }
html body .ar-tab, html body .hub-chip { background: #FFFFFF !important; color: #1A1D20 !important; border: 1px solid #DEE2E6 !important; }
html body .brand__name, html body.home-claro .brand__name, html body .header .brand__name { color: #1A1D20 !important; text-shadow: none !important; }
html body .sx-top #sxBell *, html body .sx-top .sx-bell-count, html body .sx-top [class*="badge"], html body .sx-top [class*="count"] { color: #FFFFFF !important; }

/* =========================================================
   R176 — COR DE MARCA FORTE (refina a R175): topo + Card de Saldo no Gradiente Azul Oficial (#1E40AF → #3B82F6) com glow;
   "REDE MASSACOIN" em destaque (tipografia da marca, serifada); feed segue neutro/legível com bordas e botões de interação em azul.
   ========================================================= */
:root { --r6-page: var(--mc-page, #F8F9FA); --mc-glow: 0 10px 30px color-mix(in srgb, var(--mc-p,#1D70B8) 38%, transparent), 0 2px 8px color-mix(in srgb, var(--mc-p-dark,#0A4D8C) 30%, transparent); }
/* R178 — segue a paleta escolhida em "Personalize a cor": paleta padrão (azul) = gradiente aprovado #0A4D8C → #1D70B8; outras paletas = cor escolhida (escura → 100%) */
:root { --mc-grad: linear-gradient(180deg, var(--mc-p-dark,#0A4D8C) 0%, var(--mc-p,#1D70B8) 100%); --mc-grad-btn: var(--mc-p,#1E3A8A); }
:root[data-mc-paleta="padrao"] { --r6-page: #F8F9FA; --mc-grad: linear-gradient(180deg, #0A4D8C 0%, #1D70B8 100%); }
/* topo da REDE MASSACOIN e cabeçalho das telas internas */
html body .sx-top, html body.sx-body .sx-top, html body header.subheader { background: var(--mc-grad) !important; background-image: var(--mc-grad) !important; color: #FFFFFF !important; border-bottom: 0 !important; box-shadow: var(--mc-glow) !important; }
html body .sx-top *, html body .sx-top svg, html body header.subheader .subheader__title, html body header.subheader .subheader__sub { color: #FFFFFF !important; }
html body header.subheader .subheader__sub { opacity: .85; }
html body .sx-top #sxBell *, html body .sx-top .sx-bell-count, html body .sx-top [class*="count"], html body .sx-top [class*="badge"] { background: #FFFFFF; color: var(--mc-p-dark,#1E40AF) !important; }
/* logo REDE MASSACOIN — destaque marcante, tipografia oficial da marca */
html body .sx-brand, html body .sx-brand * { font-family: var(--font-brand, "Playfair Display", Georgia, serif) !important; font-weight: 800 !important; font-size: 25px; letter-spacing: .06em; color: #FFFFFF !important; text-shadow: 0 0 14px rgba(255,255,255,.55), 0 2px 6px rgba(15,43,96,.45); }
/* topo da tela inicial */
html body.home-claro .header { background: var(--mc-grad); border-radius: 20px; padding: 10px 14px; margin-top: 8px; box-shadow: var(--mc-glow); }
html body .brand__name, html body.home-claro .brand__name, html body .header .brand__name { color: #FFFFFF !important; text-shadow: 0 0 14px rgba(255,255,255,.55), 0 2px 6px rgba(15,43,96,.4) !important; }
/* Card de Saldo (M$) — assinatura da marca */
html body .mc-balance { background: var(--mc-grad) !important; background-image: var(--mc-grad) !important; border: 1px solid rgba(255,255,255,.35) !important; box-shadow: 0 14px 44px color-mix(in srgb, var(--mc-p,#1D70B8) 45%, transparent), inset 0 1px 0 rgba(255,255,255,.28) !important; }
html body .mc-balance *:not(.mc-coin):not(.mc-spark), html body .mc-balance .mc-balance__label, html body .mc-balance .mc-balance__value { color: #FFFFFF !important; }
html body .mc-balance__label { letter-spacing: .14em; opacity: .92; }
html body .mc-balance .mc-coins { filter: drop-shadow(0 0 22px rgba(255,255,255,.5)); }
/* botões de ação primária e item ativo: azul oficial com brilho sutil */
html body .post-btn--gold, html body .kyc-banner__cta, html body .mp-cta, html body .btn-primary:not(.px-story), html body #sxWelcomeCta, html body .ad-board__cta, html body .op-fab { background: var(--mc-grad-btn) !important; color: #FFFFFF !important; box-shadow: 0 6px 18px color-mix(in srgb, var(--mc-p,#2563EB) 40%, transparent) !important; }
/* feed: leitura neutra; detalhes, bordas e interações em azul */
html body .post-card { background: #FFFFFF !important; border: 1px solid color-mix(in srgb, var(--mc-p,#2563EB) 28%, transparent) !important; box-shadow: 0 4px 16px color-mix(in srgb, var(--mc-p,#2563EB) 12%, transparent) !important; }
html body .post-card .post-actions button, html body .post-card [class*="action"] button, html body .post-card .post-card__actions *, html body .post-card .rx-btn, html body .post-card .rp-more { color: var(--mc-p,#2563EB); }
html body .post-card svg { color: var(--mc-p,#2563EB); }
html body .post-card__title, html body .post-card__text { color: #1A1D20; }
html body.home-claro header.header, html body.home-claro .header { background: var(--mc-grad) !important; background-image: var(--mc-grad) !important; color: #FFFFFF !important; }
html body .mc-balance .mc-balance__value, html body .mc-balance .mc-balance__value * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: none !important; text-shadow: 0 0 18px rgba(255,255,255,.6); }
html body .mc-balance *:not(.mc-coin):not(.mc-spark) { -webkit-text-fill-color: #FFFFFF !important; }

/* =========================================================
   R179 — ESTÉTICA FOSCA (matte / fintech premium): sem néon, sem glow, botões padronizados pelas variáveis do tema.
   Cor central = --mc-p (agora fosca: padrão #1E3A8A; Turquesa #0D5C75…; ver js/tema-cor.js).
   Primário: sólido var(--mc-p), texto #FFFFFF. Secundário: var(--mc-p) a ~8 % de opacidade sobre branco, texto var(--mc-p).
   Sombra única e imperceptível: 0 2px 4px rgba(0,0,0,.05).
   ========================================================= */
:root { --r9-shadow: 0 2px 4px rgba(0,0,0,.05); --r9-sec-bg: color-mix(in srgb, var(--mc-p,#1E3A8A) 8%, #FFFFFF); --r9-sec-line: color-mix(in srgb, var(--mc-p,#1E3A8A) 20%, transparent); --mc-glow: 0 3px 10px rgba(0,0,0,.14); }
/* primários */
html body :is(.btn-primary:not(.px-story), .post-btn--gold, .kyc-banner__cta, .mp-cta, #sxWelcomeCta, .ad-board__cta, .op-fab, .cta-participar, .home-signup, .vf-banner__go, .cf-merch__cta, .cf-tour, .pm-btn--primary, .du-vote, .cv-btnlink, #psShare, .mc-btn--primary, .ad-banner__go, .ad-banner__tag, .ad-board__tag) {
  background: var(--mc-p,#1E3A8A) !important; background-image: none !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border-color: transparent !important; box-shadow: var(--r9-shadow) !important; text-shadow: none !important; filter: none !important; }
html body :is(.btn-primary, .post-btn--gold, .kyc-banner__cta, .mp-cta, .ad-board__cta, .op-fab, .cta-participar, .pm-btn--primary) :is(svg, i, b, span) { color: #FFFFFF !important; }
/* secundários: neutro suave / cor do tema a ~8 % */
html body :is(.hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story, .ar-tab, .px-thought, .rp-more, .pm-btn:not(.pm-btn--primary)) {
  background: var(--r9-sec-bg) !important; background-image: none !important; color: var(--mc-p,#1E3A8A) !important; border: 1px solid var(--r9-sec-line) !important; box-shadow: none !important; text-shadow: none !important; }
html body :is(.ar-tab.is-active, .hub-chip.is-active) { background: var(--mc-p,#1E3A8A) !important; color: #FFFFFF !important; border-color: var(--mc-p,#1E3A8A) !important; }
/* flutuantes e linhas-botão: sem glow */
html body :is(.ag-fab, .sx-fab) { background: #FFFFFF !important; color: var(--mc-p,#1E3A8A) !important; border: 1px solid var(--r9-sec-line) !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; }
html body :is(a.statement-row, button.statement-row, .plaque, .cf-link, .ct-row) { box-shadow: var(--r9-shadow) !important; }
/* header e Card de Saldo: sombra neutra (sem brilho colorido) */
html body :is(.sx-top, header.subheader, html body.home-claro .header) { box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; }
html body .mc-balance { box-shadow: 0 4px 14px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.16) !important; border-color: rgba(255,255,255,.18) !important; }
html body .mc-balance .mc-coins { filter: none !important; }
html body .sx-brand, html body .sx-brand *, html body .brand__name, html body.home-claro .brand__name, html body .mc-balance .mc-balance__value, html body .mc-balance .mc-balance__value * { text-shadow: none !important; }
html body .post-card { box-shadow: var(--r9-shadow) !important; }

/* =========================================================
   R180 — Acabamento suave (glassmorphism) do Card de Saldo e do Header: borda branca translúcida, luz interna superior,
   sombra ambiente difusa na cor do tema (sem contorno escuro) e gradiente interno mais luminoso nas pontas/topo.
   ========================================================= */
html body .mc-balance {
  border: 1px solid rgba(255,255,255,.4) !important;
  background-image: radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 60%), linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.12) 100%), var(--mc-grad) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 10px 25px -5px color-mix(in srgb, var(--mc-p,#0E7490) 22%, transparent) !important; }
html body :is(.sx-top, header.subheader) {
  background-image: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%), var(--mc-grad) !important;
  border-bottom: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 10px 25px -5px color-mix(in srgb, var(--mc-p,#0E7490) 22%, transparent) !important; }
html body.home-claro :is(header.header, .header) {
  background-image: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%), var(--mc-grad) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 10px 25px -5px color-mix(in srgb, var(--mc-p,#0E7490) 22%, transparent) !important; }

/* =========================================================
   R181 — Card de Saldo LEVE e LUMINOSO (vidro translúcido iluminado) + mesmo acabamento em todos os botões.
   Sem contorno escuro: borda 1px rgba(255,255,255,.6); luz interna inset 0 1px 3px rgba(255,255,255,.7); sombra ambiente quase imperceptível.
   Interior = cor do tema misturada com forte base de branco (22 % → 38 %); textos do card passam a ser escuros (contraste).
   ========================================================= */
html body .mc-balance {
  background-color: #FFFFFF !important;
  background-image: radial-gradient(130% 85% at 50% 0%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 72%), linear-gradient(180deg, color-mix(in srgb, var(--mc-p,#1E3A8A) 20%, #FFFFFF) 0%, color-mix(in srgb, var(--mc-p,#1E3A8A) 36%, #FFFFFF) 100%) !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  box-shadow: inset 0 1px 3px rgba(255,255,255,.7), 0 8px 20px rgba(0,0,0,.05) !important; }
html body .mc-balance *:not(.mc-coin):not(.mc-spark) { color: var(--mc-p,#1E3A8A) !important; -webkit-text-fill-color: var(--mc-p,#1E3A8A) !important; text-shadow: none !important; }
html body .mc-balance .mc-balance__value, html body .mc-balance .mc-balance__value * { color: #1A1D20 !important; -webkit-text-fill-color: #1A1D20 !important; text-shadow: none !important; }
html body .mc-balance .mc-balance__label { opacity: 1; }
html body .mc-balance .mc-coins { filter: drop-shadow(0 6px 10px rgba(0,0,0,.10)) !important; }
/* botões: mesmo acabamento luminoso */
html body :is(.btn-primary:not(.px-story), .post-btn--gold, .kyc-banner__cta, .mp-cta, #sxWelcomeCta, .ad-board__cta, .op-fab, .cta-participar, .home-signup, .vf-banner__go, .cf-merch__cta, .cf-tour, .pm-btn--primary, .du-vote, .cv-btnlink, #psShare, .mc-btn--primary, .ad-banner__go, .ad-banner__tag, .ad-board__tag) {
  border: 1px solid rgba(255,255,255,.5) !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.08) !important; }
html body :is(.hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story, .ar-tab, .px-thought, .rp-more, .pm-btn:not(.pm-btn--primary)) {
  background: color-mix(in srgb, var(--mc-p,#1E3A8A) 10%, #FFFFFF) !important; border: 1px solid rgba(255,255,255,.6) !important; box-shadow: inset 0 1px 3px rgba(255,255,255,.7), 0 2px 6px rgba(0,0,0,.05) !important; }
html body :is(.ar-tab.is-active, .hub-chip.is-active) { border: 1px solid rgba(255,255,255,.5) !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.08) !important; }
html body :is(.ag-fab, .sx-fab) { border: 1px solid rgba(255,255,255,.6) !important; box-shadow: inset 0 1px 3px rgba(255,255,255,.7), 0 4px 12px rgba(0,0,0,.12) !important; }

/* =========================================================
   R182 — Gradiente INVERTIDO do Card de Saldo: cor do tema no topo → branco suave na base (linear-gradient(180deg, tema 0%, rgba(255,255,255,.95) 100%)).
   Texto do saldo/legenda em azul profundo (#0D3B66 no padrão; tom profundo do tema nas outras paletas). Base do card se funde com a área dos botões (sem linha de corte).
   Mesmo gradiente invertido nos botões claros (Pagar/Transferir/Receber, atalhos, chips). Botões PRIMÁRIOS sólidos continuam sólidos (texto #FFFFFF exige fundo escuro).
   ========================================================= */
:root { --r9-ink: color-mix(in srgb, var(--mc-p-dark,#0D3B66) 70%, #0B1F33); --r9-flip: linear-gradient(180deg, color-mix(in srgb, var(--mc-p,#1E3A8A) 38%, #FFFFFF) 0%, rgba(255,255,255,.95) 100%); }
:root[data-mc-paleta="padrao"] { --r9-ink: #0D3B66; }
html body .mc-balance {
  background-color: #FFFFFF !important;
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--mc-p,#1E3A8A) 55%, #FFFFFF) 0%, rgba(255,255,255,.95) 100%) !important;
  border: 1px solid rgba(255,255,255,.6) !important; border-bottom-color: transparent !important;
  box-shadow: inset 0 1px 3px rgba(255,255,255,.7), 0 8px 20px rgba(0,0,0,.05) !important; }
html body .mc-balance *:not(.mc-coin):not(.mc-spark), html body .mc-balance .mc-balance__label { color: var(--r9-ink) !important; -webkit-text-fill-color: var(--r9-ink) !important; text-shadow: none !important; }
html body .mc-balance .mc-balance__value, html body .mc-balance .mc-balance__value * { color: var(--r9-ink) !important; -webkit-text-fill-color: var(--r9-ink) !important; }
/* botões claros: mesmo gradiente invertido */
html body :is(.btn-pill, .shortcut, a.shortcut, .hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story, .ar-tab:not(.is-active), .px-thought, .rp-more, .pm-btn:not(.pm-btn--primary)) {
  background: var(--r9-flip) !important; background-image: var(--r9-flip) !important; border: 1px solid rgba(255,255,255,.6) !important; color: var(--r9-ink) !important;
  box-shadow: inset 0 1px 3px rgba(255,255,255,.7), 0 2px 6px rgba(0,0,0,.05) !important; }
html body :is(.btn-pill, .shortcut) :is(span, svg, b) { color: var(--r9-ink) !important; }
/* gradiente cobre também a área da borda translúcida (sem faixa escura repetida na borda inferior) */
html body .mc-balance, html body :is(.btn-pill, .shortcut, a.shortcut, .hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story, .ar-tab, .px-thought, .rp-more, .pm-btn) { background-origin: border-box !important; background-clip: border-box !important; }

/* =========================================================
   R183 — Card de Saldo: topo (moedas) = tom MAIS ESCURO e encorpado do tema → clareia gradualmente até quase branco na base (onde fica o valor M$).
   (R182 estava com o topo claro; aqui a orientação fica: escuro em cima, claro embaixo.)
   Botões (Pagar/Transferir/Receber/Extrato/Cartões e demais): borda 1px rgba(255,255,255,.8) e sombra difusa 0 4px 12px rgba(0,0,0,.04), sem contornos/cortes escuros.
   ========================================================= */
:root { --r10-card: linear-gradient(180deg, var(--mc-p-dark,#172E6E) 0%, color-mix(in srgb, var(--mc-p,#1E3A8A) 55%, #FFFFFF) 40%, color-mix(in srgb, var(--mc-p,#1E3A8A) 5%, #FFFFFF) 100%);
        --r10-btn: linear-gradient(180deg, color-mix(in srgb, var(--mc-p,#1E3A8A) 20%, #FFFFFF) 0%, rgba(255,255,255,.96) 100%); }
:root[data-mc-paleta="padrao"] { --r10-card: linear-gradient(180deg, #0A4D8C 0%, #5B9BD5 40%, #F0F7FF 100%); --r10-btn: linear-gradient(180deg, #DCEBFA 0%, rgba(255,255,255,.96) 100%); }
html body .mc-balance {
  background-color: #F0F7FF !important; background-image: var(--r10-card) !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important; }
/* texto: legenda sobre a zona média/clara continua escura; valor na base clara */
html body .mc-balance .mc-balance__label, html body .mc-balance .mc-balance__label * { color: var(--r9-ink) !important; -webkit-text-fill-color: var(--r9-ink) !important; }
html body .mc-balance .mc-coins { filter: drop-shadow(0 8px 14px rgba(0,0,0,.18)) !important; }
/* TODOS os botões claros: mesma suavidade do card */
html body :is(.btn-pill, .shortcut, a.shortcut, .hub-chip, .ind-btn, .mc-int__b--yes, a.ar-tabs__all, .op-pill--sell, button.px-dd, .pc-btn.px-story, .ar-tab:not(.is-active), .px-thought, .rp-more, .pm-btn:not(.pm-btn--primary)) {
  background: var(--r10-btn) !important; background-image: var(--r10-btn) !important;
  border: 1px solid rgba(255,255,255,.8) !important; outline: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important; }
html body :is(.btn-pill, .shortcut, a.shortcut)::before, html body :is(.btn-pill, .shortcut, a.shortcut)::after { box-shadow: none !important; border-color: transparent !important; }
/* botões primários sólidos: sombra suave, sem contorno escuro */
html body :is(.post-btn--gold, .kyc-banner__cta, .mp-cta, .btn-primary:not(.px-story), #sxWelcomeCta, .ad-board__cta, .op-fab, .pm-btn--primary) {
  border: 1px solid rgba(255,255,255,.35) !important; box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; }

/* =========================================================
   R184 — Botões de AÇÃO PRINCIPAL (Acesse a plataforma, Compartilhar, Publicar…) trocam o azul-marinho escuro pelo azul leve e vibrante do topo/card (gradiente do tema),
   com borda translúcida e sombra suave. Botões de REAÇÃO / EMOJI / curtir-comentar-compartilhar-salvar do feed: neutro = fundo da cor do tema a ~8%, ícone na cor do tema;
   ativo/selecionado = cor do tema (fundo ~14%). Sem contornos escuros nem sombras pesadas. Tudo responde ao tema ativo (--mc-p / --mc-grad).
   ========================================================= */
:root { --r11-prim: linear-gradient(180deg, color-mix(in srgb, var(--mc-p,#1E3A8A) 82%, #FFFFFF) 0%, var(--mc-p,#1E3A8A) 100%); --r11-soft: color-mix(in srgb, var(--mc-p,#1E3A8A) 8%, #FFFFFF); --r11-soft-on: color-mix(in srgb, var(--mc-p,#1E3A8A) 14%, #FFFFFF); }
:root[data-mc-paleta="padrao"] { --r11-prim: linear-gradient(180deg, #2478BE 0%, #1862A4 100%); --r11-soft: #EAF2FB; --r11-soft-on: #D9E8F7; }
:root[data-mc-paleta="padrao"] { --mc-p: #1D70B8; --mc-p-dark: #0A4D8C; }
/* ação principal */
html body :is(.btn-primary:not(.px-story), .post-btn--gold, .kyc-banner__cta, .mp-cta, #sxWelcomeCta, .ad-board__cta, .op-fab, .cta-participar, .home-signup, .vf-banner__go, .cf-merch__cta, .cf-tour, .pm-btn--primary, .du-vote, .cv-btnlink, #psShare, .mc-btn--primary, .ad-banner__go, .sx-quick__go, .sx-publish) {
  background: var(--r11-prim) !important; background-image: var(--r11-prim) !important; color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.55) !important; box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; }
/* secundários / "fantasma" (Compartilhar, Compartilhar nas redes…) */
html body :is(.post-btn--ghost, .btn-secondary, .eh-ab, .post-btn:not(.post-btn--gold)) {
  background: var(--r11-soft) !important; background-image: none !important; color: var(--mc-vivid) !important;
  border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 4px 12px rgba(0,0,0,.04) !important; }
/* barra de interação do feed: curtir · comentar · compartilhar · salvar */
html body .post-bar :is(.post-bar__b, .post-comment-cta, .post-act--save, .post-act--plane, .post-act) {
  background: var(--r11-soft) !important; background-image: none !important; color: var(--mc-vivid) !important;
  border: 1px solid rgba(255,255,255,.8) !important; box-shadow: none !important; -webkit-text-fill-color: currentColor; }
html body .post-bar :is(.post-bar__b, .post-comment-cta, .post-act--save, .post-act--plane) :is(svg, .post-bar__ic, .post-bar__n, b, span) { color: inherit !important; background: none !important; }
html body .post-bar :is(.post-bar__b.is-active, .post-bar__b.is-like, .post-act--save.is-active, .post-bar__b:hover, .post-comment-cta:hover) {
  background: var(--r11-soft-on) !important; color: var(--mc-vivid) !important; font-weight: 800; }
html body .post-bar :is(.post-bar__b.is-love) { color: #E0457B !important; background: color-mix(in srgb, #E0457B 10%, #FFFFFF) !important; }
html body .post-bar :is(.post-bar__b.is-angry) { color: #C0392B !important; background: color-mix(in srgb, #C0392B 10%, #FFFFFF) !important; }
html body .post-bar :is(.post-bar__b.is-haha, .post-bar__b.is-coin) { color: #B8891A !important; background: color-mix(in srgb, #D4A72C 12%, #FFFFFF) !important; }
/* popover de emojis/reações e resumo de reações */
html body .rx-pop { background: #FFFFFF !important; border: 1px solid rgba(255,255,255,.9) !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
html body .rx-pop__b { background: var(--r11-soft) !important; background-image: none !important; box-shadow: none !important; border: 1px solid rgba(255,255,255,.8) !important; }
html body .rx-pop__b:hover, html body .rx-pop__b.is-on { background: var(--r11-soft-on) !important; }
html body .post-rxsum { background: transparent !important; box-shadow: none !important; }
html body .post-rxsum__i { background: var(--r11-soft) !important; border: 2px solid #FFFFFF !important; box-shadow: none !important; }
html body :is(.post-rxsum__n, .post-bar__rx .post-bar__n) { color: var(--mc-vivid) !important; }

/* =========================================================
   R185 — Abas ativas ("Para você"/"Recentes", Feed Principal…), etiquetas ("De quem você curtiu") e botões Play deixam o azul-marinho legado (#1E3A8A)
   e assumem a cor VIVA do tema ativo (--mc-vivid: azul do topo na paleta padrão; cor escolhida nas demais). Texto branco, cantos bem arredondados, sem borda rígida nem sombra pesada.
   ========================================================= */
:root { --mc-vivid: var(--mc-p,#1E3A8A); }
:root[data-mc-paleta="padrao"] { --mc-vivid: #1D70B8; }
/* abas / pills ativas */
html body :is(.rv__modes button.is-on, .ar-tab.is-active, .hub-chip.is-active, .hub-subtab.is-active, .ar-tabs__all.is-active, #mcR185) {
  background: var(--r11-prim) !important; background-image: var(--r11-prim) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.55) !important; border-radius: 999px !important; box-shadow: 0 4px 12px rgba(0,0,0,.06) !important; }
html body .rv__modes { background: color-mix(in srgb, var(--mc-vivid) 8%, #FFFFFF) !important; border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 4px 12px rgba(0,0,0,.04) !important; }
html body .rv__modes button:not(.is-on) { color: var(--mc-vivid) !important; }
/* etiquetas / pills informativas */
html body .rv__why { background: color-mix(in srgb, var(--mc-vivid) 82%, transparent) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.55) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: none !important; }
html body :is(.ad-banner__tag, .ad-board__tag, #mcR185) { background: var(--mc-vivid) !important; border: 1px solid rgba(255,255,255,.55) !important; color: #FFFFFF !important; }
/* Play e controles de mídia */
html body :is(.rv__bigplay, .rv__flash, .post-video__play, #mcR185) {
  background: color-mix(in srgb, var(--mc-vivid) 80%, transparent) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF;
  border: 1px solid rgba(255,255,255,.6) !important; box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html body :is(.rv__bigplay, .rv__flash, .post-video__play, #mcR185) :is(svg, i, span) { color: #FFFFFF !important; fill: currentColor; }
/* links e destaques que ainda usavam o azul-marinho */
html body :is(.hashtag, .tr-btn, .post-card__link:hover, .subheader__sub a, #mcR185) { color: var(--mc-vivid) !important; }
/* R185 (cont.) — anel do botão voltar, caixa "Você tem interesse…" e aviso fixado sem contorno/fundo azul-marinho rígido */
html body :is(.mc-back, #mcR185) { border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; outline: 0 !important; }
html body :is(.mc-int, #mcR185) { background: color-mix(in srgb, var(--mc-vivid) 88%, transparent) !important; border: 1px solid rgba(255,255,255,.55) !important; box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html body :is(.notice.notice--pinned, #mcR185) { border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 4px 12px rgba(0,0,0,.04) !important; }

/* =========================================================
   R188 — Carteira (Pagar/Transferir/Receber/Extrato/Cartões): o feed da REDE MASSACOIN não continua embaixo; no fim fica só o botão "IR NA REDE SOCIAL".
   ========================================================= */
.cw-end { display: none; }
body.sx-body[data-section="carteira"] #sec-feed { display: none !important; }
body.sx-body[data-section="carteira"] .cw-end { display: block; margin: 18px 16px calc(110px + env(safe-area-inset-bottom)); }
body.sx-body[data-section="carteira"] .cw-end__go { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; border-radius: 16px; text-align: center; text-decoration: none; font-weight: 800; letter-spacing: .04em; }
body.sx-body[data-section="carteira"] .wrap.hub > .sx-top { display: none !important; }   /* cabeçalho "REDE MASSACOIN" que vinha embaixo faz parte do fluxo da Rede */
body.sx-body[data-section="carteira"] .wrap.hub > .cw-end { order: 3; }

/* R189 — lista de sugestões do destinatário (Pagar/Transferir) */
.rc-box { position: relative; display: block; width: 100%; }
.rc-list { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; margin: 0; padding: 6px; list-style: none; background: #FFFFFF; border: 1px solid rgba(255,255,255,.9); border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.10); max-height: 300px; overflow: auto; }
.rc-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; cursor: pointer; }
.rc-item:hover, .rc-item.is-on { background: color-mix(in srgb, var(--mc-vivid, #1D70B8) 10%, #FFFFFF); }
.rc-av { flex: none; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; font-weight: 800; color: #FFFFFF; background: var(--mc-vivid, #1D70B8); }
.rc-av img { width: 100%; height: 100%; object-fit: cover; }
.rc-tx { display: flex; flex-direction: column; min-width: 0; }
.rc-tx b { font-size: 15px; color: #1A1D20; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-tx small { font-size: 13px; color: #6C757D; }