/* r13 — revisão visual (Indicar, Perfil, Transações, Minhas apostas e menu da conta). Só visual: não muda a lógica. */
/* Códigos (A1…M5) = _turbo7/relatorios/r13/auditoria-conta.md. Perfil, Transações e Apostas usam estilo inline no
 * bundle: por isso os !important. Componentes comuns ficam com a base (mr-r13-base.css): toast (M3), espera entre
 * rotas (M4), 404 (B3) e avatar do topo (A3). */

/* ===== A1. Perfil: campo com foco visível (o inline zera outline e não muda a borda) ===== */
.mr-account-shell .as-content input{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.mr-account-shell .as-content input:not([disabled]):focus{border-color:var(--mt-amarelo)!important;background:#04203a!important;
  box-shadow:0 0 0 3px rgba(255,216,58,.28),inset 0 2px 8px rgba(0,0,0,.35)!important}
/* usuário (somente leitura): borda tracejada e texto legível */
.mr-account-shell .as-content input[disabled]{opacity:.78!important;border-style:dashed!important;cursor:not-allowed}

/* ===== M1. Perfil: "Alterar Senha" desabilitado parece desabilitado ===== */
.mr-account-shell [data-testid=button-change-password]:disabled{opacity:.48!important;cursor:not-allowed!important;border-style:dashed!important}
.mr-account-shell [data-testid=button-change-password]:not(:disabled){border-color:var(--mt-ciano)!important;box-shadow:0 3px 0 #031a36,inset 0 1px 0 rgba(255,255,255,.12)}

/* ===== M2. Perfil: títulos dos cartões na fonte de título (como no Indicar) + subtítulo legível ===== */
.mr-account-shell .as-content > div > div[style*="160deg"] > div:first-child:has(> svg){font:400 20px/1.1 var(--mt-titulo)!important;color:#fff!important;
  text-transform:uppercase;letter-spacing:.01em;gap:10px!important;padding-bottom:12px;border-bottom:1px dashed var(--mt-linha)}
.mr-account-shell .as-content > div > div[style*="160deg"] > div:first-child > svg{color:var(--mt-ciano);flex:none}
.mr-account-shell .as-content > div > div:first-child > h1 + p{color:var(--mt-texto-3)!important}
/* "Membro desde": rodapé discreto em vez de um cartão vazio */
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:nth-last-of-type(1){background:none!important;border:0!important;box-shadow:none!important;padding:2px 0 0!important}
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:nth-last-of-type(1) > div{color:var(--mt-texto-3)!important;font-size:12px!important}

/* ===== A2. Menu da conta: painel da marca, saldo em destaque, véu atrás =====
 * O CSS do MobileNavigation entra DEPOIS do index.html (chunk): por isso .mr-ui.mr-mobile-account-menu (uma classe a mais).
 * Fontes iguais às da base (A4): Nunito 800 15 nos itens, Lilita 22 amarela no saldo. */
.mr-ui.mr-mobile-account-menu{padding:8px;border:1.5px solid rgba(63,220,255,.55);border-radius:18px;
  background:linear-gradient(160deg,rgba(11,60,108,.98),rgba(4,26,58,.98) 60%,rgba(3,20,46,.99));
  box-shadow:0 0 0 100vmax rgba(2,10,28,.42),0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)} /* 1ª sombra = véu */
.mr-ui.mr-mobile-account-menu [role=menuitem]{gap:12px;border-radius:12px;color:#eaf6ff;font:800 15px/1.3 var(--mt-texto)}
.mr-ui.mr-mobile-account-menu [role=menuitem] svg{width:20px;height:20px;color:var(--mt-ciano)}
.mr-ui.mr-mobile-account-menu [role=menuitem][data-highlighted]{color:#fff;background:rgba(63,220,255,.13);outline:2px solid rgba(63,220,255,.55);outline-offset:-2px}
.mr-ui.mr-mobile-account-menu [role=separator]{margin:6px 8px;background:rgba(63,220,255,.22)}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance{margin-bottom:4px;padding:12px;border:1px solid rgba(255,216,58,.45);border-radius:14px;
  background:radial-gradient(90% 120% at 100% 50%,rgba(255,216,58,.14),transparent 60%),rgba(4,19,48,.6)}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance span{font:800 12px/1.25 var(--mt-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--mt-texto-2)}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance strong{margin-top:5px;font:400 22px/1.1 var(--mt-titulo);letter-spacing:.01em;color:var(--mt-amarelo);text-shadow:0 2px 0 #6b4300}
/* "+" decorativo: o item do saldo já abre o depósito; o sinal só mostra que dá para tocar */
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance::after{content:"+";flex:none;margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  border:1.5px solid #fff3a8;background:linear-gradient(180deg,var(--mt-amarelo-2),var(--mt-amarelo-3));box-shadow:0 3px 0 #8a5a06;color:#3a2604;font:400 22px/1 var(--mt-titulo)}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__logout,.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__logout svg{color:#ffb2a6}
@media (prefers-reduced-motion:reduce){.mr-ui.mr-mobile-account-menu{animation:none!important}}

/* ===== A4. Indicar: o presente do selo não cobre mais "de comissão" ===== */
.mr-referrals-shell .mr-referrals .mr-referrals__signal>span{right:-10px;bottom:-12px;width:30px;height:30px;border-radius:10px}
.mr-referrals-shell .mr-referrals .mr-referrals__signal>span svg{width:16px;height:16px}
@media (min-width:980px){
  .mr-referrals-shell .mr-referrals .mr-referrals__signal>span{right:-14px;bottom:-14px;width:38px;height:38px;border-radius:12px}
  .mr-referrals-shell .mr-referrals .mr-referrals__signal>span svg{width:19px;height:19px}
}

/* ===== A5. Transações e Minhas apostas: linhas no painel da marca, valores em Lilita, datas legíveis, vazio com medalhão ===== */
.mr-account-shell .as-content > div > h2{text-shadow:0 3px 0 #021226,0 10px 22px rgba(0,0,0,.45)}
.mr-account-shell .as-content > div > h2 span{text-shadow:0 3px 0 #6b4300,0 0 18px rgba(255,216,58,.3)}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"]{gap:10px!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div{border-radius:16px!important;border:1px solid rgba(63,220,255,.26)!important;
  background:radial-gradient(90% 120% at 0 0,rgba(63,220,255,.10),transparent 60%),linear-gradient(160deg,#0b3561,#05203f)!important;
  box-shadow:0 3px 0 #021430,inset 0 1px 0 rgba(255,255,255,.10)}
/* data e situação: 12 px, ≈6,5:1 */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div > div[style*="font-size: 11px"]{font-size:12px!important;color:rgba(207,226,247,.74)!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div > div:first-child > span{color:rgba(207,226,247,.7)!important}
/* valor (Transações) e prêmio (Apostas): Lilita, mantendo a cor do inline */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:last-child[style*="white-space"],
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:last-child > div:nth-child(2){font:400 18px/1.05 var(--mt-titulo)!important;letter-spacing:.01em}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:first-child[style*="width: 36px"]{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
/* "Ganhou/Perdeu" em selinho com a cor do próprio texto */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div[style*="text-align: right"] > div:first-child{display:inline-block;padding:4px 9px;border-radius:999px;
  border:1px solid currentColor;background:color-mix(in srgb,currentColor 14%,transparent);font-size:11px!important;letter-spacing:.06em;text-transform:uppercase}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"]{margin-top:6px;padding:32px 20px 28px!important;border:1px solid rgba(63,220,255,.28);border-radius:20px;
  background:radial-gradient(80% 60% at 50% 0,rgba(63,220,255,.14),transparent 70%),linear-gradient(170deg,rgba(9,48,90,.92),rgba(4,24,52,.94));
  box-shadow:0 4px 0 #021430,inset 0 1px 0 rgba(255,255,255,.1)}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > svg{width:64px!important;height:64px!important;padding:14px;border-radius:50%;
  border:1px solid rgba(63,220,255,.45);background:rgba(63,220,255,.1);box-shadow:0 0 18px rgba(63,220,255,.25)}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > div:nth-of-type(1){font:400 19px/1.2 var(--mt-titulo)!important;color:#fff!important;letter-spacing:.01em}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > div:nth-of-type(2){color:var(--mt-texto-3)!important;font-weight:600}
/* girador da lista no amarelo da marca (era verde fora da paleta) */
.mr-account-shell .as-content > div > h2 + div[style*="justify-content: center"] > svg{stroke:var(--mt-amarelo)}

/* ===== M5. Computador: topo da conta fixo (saldo sempre à vista), saldo em quadrinho, "Sair" discreto, barra lateral =====
 * Sem a faixa escura atrás do dock: a base testou e descartou (apagava o dourado). */
@media (min-width:980px){
  .mr-account-shell .as-topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(3,19,44,.94),rgba(3,19,44,.55) 70%,rgba(3,19,44,0));
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .mr-account-shell .as-balance{border-radius:14px!important;padding:6px 14px!important;border:1px solid rgba(127,214,255,.42)!important;
    background:linear-gradient(180deg,rgba(8,46,86,.92),rgba(3,22,48,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(0,8,30,.35)}
  .mr-account-shell .as-balance-value{font-size:20px;text-shadow:0 2px 0 #6b4300}
  .mr-account-shell .as-logout-action{background:transparent!important;border-color:rgba(255,138,122,.22)!important}
  .mr-account-shell .as-profile{border:1.5px solid rgba(63,220,255,.6);background:radial-gradient(circle at 50% 30%,#1a5a92,#0a2a52)!important;color:var(--mt-amarelo)!important;font:400 18px/1 var(--mt-titulo)}
  .mr-account-shell .as-side button{min-height:44px}
  .mr-account-shell .as-side button:not([aria-current=page]):hover{background:rgba(63,220,255,.10)!important;color:#fff!important}
  .mr-account-shell .as-side button:focus-visible{outline:3px solid var(--mt-amarelo);outline-offset:2px}
}

/* ===================================================================================================================
 * r13c — acabamento perceptível da conta (pedido de 11/11: "a revisão anterior ficou tímida"). Só visual: textos,
 * rotas e lógica iguais. Perfil e Transações usam estilo inline no bundle: por isso os !important.
 * Animações novas: só brilho/opacidade; nada de escala em botão.
 * =================================================================================================================== */

/* ---------- P. Perfil ---------- */
/* P1 — cabeçalho com medalhão do jogador (ícone decorativo) e título com sombra da marca */
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:first-child::before{content:"";display:block;width:76px;height:76px;margin:4px auto 10px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd83a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E") center/36px no-repeat,
    radial-gradient(circle at 50% 30%,#1d64a3,#0a2c55 70%);
  border:2px solid rgba(127,232,255,.75);box-shadow:0 0 0 5px rgba(63,220,255,.12),0 0 26px rgba(63,220,255,.35),0 5px 0 #021430}
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:first-child > h1{font-size:34px!important;text-shadow:0 3px 0 #021226,0 10px 22px rgba(0,0,0,.45)}
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:first-child > h1 span{text-shadow:0 3px 0 #6b4300,0 0 18px rgba(255,216,58,.3)}
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:first-child > p{font-size:14px!important;font-weight:700}

/* P2 — cartões com profundidade: luz ciano no canto, brilho suave no topo e lábio embaixo (borda inteira, sem faixa) */
.mr-account-shell .as-content > div > div[style*="160deg"]:has(input){position:relative;overflow:hidden;border-radius:22px!important;
  border:1.5px solid rgba(63,220,255,.5)!important;
  background:radial-gradient(60% 40% at 50% 0,rgba(255,216,58,.08),transparent 70%),radial-gradient(110% 55% at 0 0,rgba(63,220,255,.13),transparent 62%),linear-gradient(165deg,#0d4377,#062a52 55%,#04203f)!important;
  box-shadow:0 6px 0 #021430,0 18px 32px rgba(0,8,28,.45),inset 0 1px 0 rgba(255,255,255,.14)!important}
/* título do cartão: ícone em ladrilho (ciano em Dados, dourado em Senha) e linha de luz no lugar do tracejado */
.mr-account-shell .as-content > div > div[style*="160deg"] > div:first-child:has(> svg){gap:12px!important;padding-bottom:14px;border-bottom:0!important;
  background:linear-gradient(90deg,rgba(63,220,255,.5),rgba(63,220,255,.08) 70%,transparent) left bottom/100% 1px no-repeat}
.mr-account-shell .as-content > div > div[style*="160deg"] > div:first-child > svg{box-sizing:border-box;width:40px!important;height:40px!important;padding:9px;border-radius:12px;
  background:linear-gradient(180deg,rgba(63,220,255,.22),rgba(63,220,255,.08));border:1px solid rgba(63,220,255,.5);box-shadow:0 3px 0 #021430,inset 0 1px 0 rgba(255,255,255,.15)}
.mr-account-shell .as-content > div > div[style*="160deg"]:has([data-testid=button-change-password]) > div:first-child > svg{color:var(--mt-amarelo);stroke:var(--mt-amarelo);
  background:linear-gradient(180deg,rgba(255,216,58,.22),rgba(255,216,58,.07));border-color:rgba(255,216,58,.55)}
/* P3 — rótulos no padrão do saque (Nunito maiúsculo ciano) e campos afundados */
.mr-account-shell .as-content label{font:800 12px/1.2 var(--mt-texto)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--mt-ciano-2)!important;margin-bottom:7px!important}
.mr-account-shell .as-content input{min-height:52px!important;border-radius:14px!important;border-color:rgba(127,214,255,.36)!important;color:#fff!important;font-weight:700!important;
  background:linear-gradient(180deg,#021428,#062443)!important;box-shadow:inset 0 3px 10px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.07)}
.mr-account-shell .as-content input::placeholder{color:#7d9fbf;opacity:1;font-weight:600}
.mr-account-shell .as-content div[style*="position: relative"] > svg{stroke:var(--mt-ciano-2);color:var(--mt-ciano-2)}
.mr-account-shell .as-content input + p,.mr-account-shell .as-content div[style*="position: relative"] + p{color:var(--mt-texto-3)!important;font-weight:700}
/* P4 — "Salvar dados" na mesma voz dos outros botões dourados (Lilita maiúscula) */
.mr-account-shell [data-testid=button-save-profile]{font-family:var(--mt-titulo)!important;font-weight:400!important;font-size:20px!important;letter-spacing:.03em;
  text-transform:uppercase;color:#13213d!important;min-height:56px!important}
.mr-account-shell [data-testid=button-save-profile] svg{width:20px;height:20px}
/* P5 — "Membro desde" em selo centralizado */
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:nth-last-of-type(1){display:flex;justify-content:center}
.mr-account-shell:has([data-testid=button-save-profile]) .as-content > div > div:nth-last-of-type(1) > div{padding:7px 16px;border-radius:999px;
  border:1px solid rgba(127,214,255,.28);background:rgba(4,26,58,.6);font-weight:700}

/* ---------- T. Transações (e Minhas apostas, mesma lista) ---------- */
/* T1 — título com sublinhado dourado */
.mr-account-shell .as-content > div > h2::after{content:"";display:block;width:58px;height:5px;margin-top:8px;border-radius:5px;
  background:linear-gradient(90deg,var(--mt-amarelo-2),var(--mt-amarelo-3));box-shadow:0 2px 0 #6b4300,0 0 12px rgba(255,216,58,.35)}
/* T2 — linha como "bilhete": borda e fundo tingidos pelo tipo (entrada verde, saída coral), ladrilho do ícone maior, status em selo */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div{position:relative;overflow:hidden;min-height:76px;padding:14px 18px!important;gap:14px!important;
  background:radial-gradient(90% 140% at 0 50%,rgba(63,220,255,.10),transparent 60%),linear-gradient(165deg,#0d4377,#06284d 60%,#04203f)!important;
  border:1px solid rgba(63,220,255,.3)!important;border-radius:18px!important;box-shadow:0 4px 0 #021430,0 10px 20px rgba(0,8,28,.3),inset 0 1px 0 rgba(255,255,255,.12)}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div:has(> div:first-child[style*="width: 36px"]){border-color:rgba(70,242,168,.34)!important;
  background:radial-gradient(70% 140% at 0 50%,rgba(70,242,168,.10),transparent 60%),linear-gradient(165deg,#0d4377,#06284d 60%,#04203f)!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div:has(> div:first-child[style*="255, 82, 82"]){border-color:rgba(255,122,107,.34)!important;
  background:radial-gradient(70% 140% at 0 50%,rgba(255,122,107,.10),transparent 60%),linear-gradient(165deg,#0d4377,#06284d 60%,#04203f)!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:first-child[style*="width: 36px"]{width:46px!important;height:46px!important;border-radius:14px!important;
  border:1px solid rgba(70,242,168,.45);background:linear-gradient(180deg,rgba(70,242,168,.24),rgba(70,242,168,.07))!important;box-shadow:0 3px 0 #021430,inset 0 1px 0 rgba(255,255,255,.14)}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:first-child[style*="width: 36px"][style*="255, 82, 82"]{border-color:rgba(255,122,107,.5);
  background:linear-gradient(180deg,rgba(255,122,107,.24),rgba(255,122,107,.07))!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:first-child[style*="width: 36px"] svg{width:22px;height:22px}
/* tipo (Depósito, Saque…) maior; status em selo com a cor do próprio texto */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:nth-child(2) > div:first-child{font:900 16px/1.2 var(--mt-texto)!important;color:#fff!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:nth-child(2) > div:nth-child(2){margin-top:5px!important}
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:nth-child(2) > div:nth-child(2) > span{display:inline-flex;align-items:center;padding:3px 10px 3px 8px;
  border-radius:999px;border:1px solid color-mix(in srgb,currentColor 55%,transparent);background:color-mix(in srgb,currentColor 14%,transparent);font-weight:800;letter-spacing:.02em}
/* valor (Transações) e prêmio (Apostas): Lilita maior com sombra */
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:last-child[style*="white-space"],
.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div > div:last-child > div:nth-child(2){font-size:21px!important;text-shadow:0 2px 0 rgba(2,14,34,.8)}
@media (hover:hover){.mr-account-shell .as-content > div > h2 + div[style*="flex-direction: column"] > div:hover{border-color:rgba(127,232,255,.6)!important}}
/* T3 — lista vazia: cartão com grade de "terminal", medalhão com anel dourado e luz que respira */
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"]{padding:40px 22px 34px!important;border:1.5px solid rgba(63,220,255,.4);border-radius:22px;
  background:repeating-linear-gradient(0deg,rgba(127,214,255,.05) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(127,214,255,.05) 0 1px,transparent 1px 26px),
    radial-gradient(70% 60% at 50% 0,rgba(63,220,255,.18),transparent 70%),linear-gradient(170deg,#0b3d6e,#05223f 70%);
  box-shadow:0 6px 0 #021430,0 18px 32px rgba(0,8,28,.4),inset 0 1px 0 rgba(255,255,255,.12)}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > svg{box-sizing:border-box;width:84px!important;height:84px!important;padding:20px;margin-bottom:18px!important;
  border:2px solid rgba(127,232,255,.7);background:radial-gradient(circle at 50% 30%,#1d64a3,#0a2c55 70%);
  outline:2px dashed rgba(255,216,58,.55);outline-offset:6px;box-shadow:0 0 22px rgba(63,220,255,.3);animation:mt13c-medalha 2.8s ease-in-out infinite}
@keyframes mt13c-medalha{50%{box-shadow:0 0 38px rgba(63,220,255,.6)}}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > div:nth-of-type(1){font-size:22px!important;text-shadow:0 2px 0 #021226}
.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > div:nth-of-type(2){font-size:14px!important;color:var(--mt-texto-2)!important}

/* ---------- M. Menu da conta ---------- */
/* M1 — itens com ícone em ladrilho e seta discreta; alvo de 50 px */
.mr-ui.mr-mobile-account-menu [role=menuitem]:not(.mr-mobile-account-menu__balance){min-height:50px;padding:7px 12px 7px 8px}
.mr-ui.mr-mobile-account-menu [role=menuitem]:not(.mr-mobile-account-menu__balance) svg{box-sizing:border-box;width:36px;height:36px;padding:8px;border-radius:11px;
  border:1px solid rgba(63,220,255,.38);background:linear-gradient(180deg,rgba(63,220,255,.2),rgba(63,220,255,.06));box-shadow:0 2px 0 #021430}
.mr-ui.mr-mobile-account-menu [role=menuitem]:not(.mr-mobile-account-menu__balance):not(.mr-mobile-account-menu__logout)::after{content:"";flex:none;margin-left:auto;width:16px;height:16px;margin-right:2px;
  background:rgba(127,232,255,.6);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__logout svg{border-color:rgba(255,138,122,.45);background:linear-gradient(180deg,rgba(255,138,122,.2),rgba(255,138,122,.06))}
/* M2 — saldo do menu com luz dourada mais presente */
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance{border-color:rgba(255,216,58,.6);
  background:radial-gradient(90% 140% at 100% 0,rgba(255,216,58,.22),transparent 60%),linear-gradient(160deg,rgba(23,80,127,.9),rgba(6,36,70,.9));
  box-shadow:inset 0 1px 0 rgba(255,240,170,.25),0 3px 0 #021430}
.mr-ui.mr-mobile-account-menu .mr-mobile-account-menu__balance strong{font-size:24px;text-shadow:0 2px 0 #6b4300,0 0 14px rgba(255,216,58,.35)}

/* ---------- I. Indicar ---------- */
/* I1 — métricas e painéis com lábio e luz em cima (mesma linguagem dos cartões do perfil) */
.mr-referrals-shell .mr-referrals .mr-referrals__metrics>.mr-referrals__metric,.mr-referrals-shell .mr-referrals .mr-referrals__panel{
  box-shadow:0 5px 0 #021430,0 14px 26px rgba(0,8,28,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.mr-referrals-shell .mr-referrals .mr-referrals__metrics>.mr-referrals__metric:first-child{
  box-shadow:0 5px 0 #4a3204,0 0 24px rgba(255,216,58,.18),0 14px 26px rgba(0,8,28,.35),inset 0 1px 0 rgba(255,240,170,.25)}
.mr-referrals-shell .mr-referrals .mr-referrals__metric>strong{text-shadow:0 2px 0 rgba(2,14,34,.8)}
.mr-referrals-shell .mr-referrals .mr-referrals__metric[data-accent=true]>strong{text-shadow:0 2px 0 #6b4300,0 0 16px rgba(255,216,58,.3)}

@media (prefers-reduced-motion:reduce){.mr-account-shell .as-content > div > h2 + div[style*="text-align: center"] > svg{animation:none}}