/* r13 — revisão visual (depósito (valores, bônus, Pix, confirmação) e saque). Só visual: não muda a lógica. */
/* Fonte: _turbo7/relatorios/r13/auditoria-carteira.md (C1…C11). Toast, arte vazia, campo inválido e o dourado base
   do "Gerar QR Code Pix" ficam com mr-r13-base.css (regras globais); aqui só o que é da carteira.
   Este arquivo carrega depois do base: os seletores com "body" empatam e vencem pela ordem. */

/* A1/C1 — "GERAR QR CODE PIX" desabilitado e "Processando...": continua dourado e com texto marinho legível
   (o app põe opacity .45 e o texto sai #a4c5d7 sobre dourado, 1,6:1) */
body .mr-ui.mr-deposit .mr-deposit__submit:disabled{opacity:1;color:#13213d;cursor:not-allowed;filter:saturate(.7) brightness(.86)}
body .mr-ui.mr-deposit .mr-deposit__submit:disabled>*{color:#13213d;opacity:.72}
body .mr-ui.mr-deposit .mr-deposit__submit[aria-busy=true]{filter:none;cursor:progress}
body .mr-ui.mr-deposit .mr-deposit__submit[aria-busy=true]>*{opacity:1}

/* A2/C2 — brilho do valor com bônus: faixa estreita e dourada (não "lava" o número); mesma animação, só posição do fundo */
.mr-ui.mr-deposit .mr-deposit__amount[data-bonus]::after{
  background:linear-gradient(105deg,transparent 42%,rgba(255,226,120,.16) 46%,rgba(255,246,200,.55) 50%,rgba(255,226,120,.16) 54%,transparent 58%) 160% 0/260% 100% no-repeat}
.mr-ui.mr-deposit .mr-deposit__amount[data-bonus]:not([aria-pressed=true]) strong{text-shadow:0 1px 0 rgba(4,32,61,.6)}

/* M8/C3 — valor com bônus escolhido: etiqueta "BÔNUS" invertida (marinho com borda dourada) */
.mr-ui.mr-deposit .mr-deposit__amount[data-bonus][aria-pressed=true] .mr-deposit__tag{background:#13213d;color:var(--mt-amarelo);
  box-shadow:0 0 0 1.5px var(--mt-amarelo),0 2px 0 #050d1c}

/* M6/C5 — "Você ganha +R$ X de bônus": cartão marinho com borda e luz douradas (sem verde-oliva) */
.mr-ui.mr-deposit .m11-dep-ganho{border:1.5px solid rgba(255,216,58,.8);color:#fff3c4;text-wrap:balance;
  background:linear-gradient(180deg,#0f3d68,#082a4b);
  box-shadow:inset 0 0 14px rgba(255,216,58,.14),inset 0 1px 0 rgba(255,240,170,.3),0 0 16px rgba(255,216,58,.2)}

/* M2/C6 — campo "Valor do depósito": luz ciano no foco e "R$" em Lilita */
.mr-ui.mr-deposit .mr-deposit__input-wrap{transition:border-color .15s,box-shadow .15s}
.mr-ui.mr-deposit .mr-deposit__input-wrap:focus-within:not(:has(input[aria-invalid=true])){border-color:#7fe8ff;
  box-shadow:0 0 0 1px #7fe8ff,0 0 18px rgba(63,220,255,.45)}
.mr-ui.mr-deposit .mr-deposit__input-wrap>span{font:400 20px/1 var(--mt-titulo);color:var(--mt-ciano)}
/* (campo inválido e aviso "Valor mínimo" em caixa: G9 em mr-r13-base.css) */

/* C7 (parte) — erro do servidor (texto longo) não vaza da caixa */
.mr-ui.mr-deposit .mr-deposit__falha,.mr-ui.mr-withdraw .mr-withdraw__error,.mr-ui.mr-deposit .mr-deposit__error{overflow-wrap:anywhere}

/* M3/C8 — tela do Pix: "Copiar código" e "Trocar valor" com 44 px; "Trocar valor" com borda e hover ciano */
body .mr-ui.mr-deposit .mr-pix__copia button{min-height:44px}
body .mr-ui.mr-deposit .mr-pix__voltar{min-height:44px;padding:0 20px;border-color:rgba(127,214,255,.4);font:800 14px/1 var(--mt-texto);letter-spacing:.02em;color:#cfe2f7}
@media (hover:hover){body .mr-ui.mr-deposit .mr-pix__voltar:hover{border-color:#7fe8ff;color:#fff}}

/* M4/C9 — Pix no computador de tela baixa: cabe sem rolar (o X continua à vista) */
@media (min-width:601px) and (max-height:820px){
  .mr-ui.mr-deposit .mr-pix{gap:8px}
  .mr-ui.mr-deposit .mr-pix__qr{padding:10px}
  .mr-ui.mr-deposit .mr-pix__qr svg{width:164px;height:164px}
  .mr-ui.mr-deposit .mr-pix__topo strong{font-size:32px}
}

/* M1/C10 — depósito confirmado: "Fechar" em Lilita, maiúsculo, largo; luz em raios girando atrás do selo (não mexe em botão) */
body .mr-ui.mr-deposit .mr-pix__principal{min-width:170px;font:400 20px/1 var(--mt-titulo);letter-spacing:.03em;text-transform:uppercase}
.mr-ui.mr-deposit .mr-pix--ok{position:relative;isolation:isolate}
.mr-ui.mr-deposit .mr-pix--ok::before{content:"";position:absolute;left:50%;top:-34px;z-index:-1;width:240px;height:240px;margin-left:-120px;pointer-events:none;
  background:radial-gradient(circle,rgba(70,242,168,.3),rgba(70,242,168,0) 62%),repeating-conic-gradient(rgba(255,216,58,.18) 0 7deg,transparent 7deg 22deg);
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 68%);mask:radial-gradient(circle,#000 30%,transparent 68%);animation:mt13-raios 14s linear infinite}
@keyframes mt13-raios{to{transform:rotate(1turn)}}

/* M1/C11 — saque solicitado com a mesma linguagem do depósito confirmado (selo verde, título Lilita, botão largo) */
.mr-ui.mr-withdraw .mr-withdraw__success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 20px;text-align:center}
.mr-ui.mr-withdraw .mr-withdraw__success>svg{display:none}
.mr-ui.mr-withdraw .mr-withdraw__success::before{content:"";flex:none;width:74px;height:74px;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='%23052b12' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/34px no-repeat,
    radial-gradient(circle,#5cf58a,#16b84a);box-shadow:0 0 0 6px rgba(70,242,168,.2),0 0 30px rgba(70,242,168,.5)}
.mr-ui.mr-withdraw .mr-withdraw__success h3{margin:6px 0 0;font:400 28px/1.05 var(--mt-titulo);letter-spacing:.01em;text-transform:uppercase;color:var(--mt-verde)}
.mr-ui.mr-withdraw .mr-withdraw__success p{margin:0;font:700 15px/1.4 var(--mt-texto);color:var(--mt-texto-2)}
.mr-ui.mr-withdraw .mr-withdraw__success .mr-button{min-width:170px;min-height:52px;border-radius:16px;color:#13213d;text-transform:uppercase;
  font-family:var(--mt-titulo)!important;font-weight:400!important;font-size:20px!important;letter-spacing:.03em}

@media (prefers-reduced-motion:reduce){.mr-ui.mr-deposit .mr-pix--ok::before{animation:none}}

/* ===================================================================================================================
 * r13c — acabamento perceptível da carteira (pedido de 11/11: "a revisão anterior ficou tímida"). Só visual.
 * Mantém: arte no topo, X redondo, etiquetas Mínimo/Bom/Ótimo/Excelente/Bônus, brilho nos de bônus, "Solicitar saque"
 * amarelo e "Mínimo R$ 30,00" grande. Animações novas mexem só em brilho (sombra/opacidade), nunca em escala.
 * =================================================================================================================== */

/* D1 — painel "Escolha seu valor": vidro marinho com luz ciano no alto (borda inteira) e losango dourado no título */
.mr-ui.mr-deposit .mr-deposit__presets{position:relative;border:1px solid rgba(127,214,255,.34);border-radius:18px;
  background:radial-gradient(120% 70% at 50% 0,rgba(63,220,255,.13),transparent 62%),linear-gradient(180deg,rgba(10,48,88,.9),rgba(3,22,46,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -12px 24px rgba(0,8,26,.32),0 8px 20px rgba(0,8,28,.32)}
.mr-ui.mr-deposit .mr-deposit__presets legend{display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 2px 0 rgba(2,16,38,.7)}
.mr-ui.mr-deposit .mr-deposit__presets legend::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);
  background:linear-gradient(135deg,#fff3b0,var(--mt-amarelo) 50%,var(--mt-amarelo-3));box-shadow:0 0 10px rgba(255,216,58,.7)}

/* D2 — valores não escolhidos viram "pastilhas" 3D (luz em cima, lábio embaixo); o escolhido continua dourado */
.mr-ui.mr-deposit .mr-deposit__amount:not([aria-pressed=true]){border-color:rgba(127,214,255,.42);
  background:linear-gradient(180deg,#1a5487 0%,#0e3a66 46%,#082647 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #031428,0 9px 16px rgba(0,8,28,.38)}
.mr-ui.mr-deposit .mr-deposit__amount:not([aria-pressed=true]) strong{color:#fff;text-shadow:0 2px 0 rgba(2,16,38,.75)}
.mr-ui.mr-deposit .mr-deposit__amount:not([aria-pressed=true]) .mr-deposit__currency{color:var(--mt-ciano-2);opacity:1}
@media (hover:hover){.mr-ui.mr-deposit .mr-deposit__amount:not([aria-pressed=true]):hover{border-color:#7fe8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 3px 0 #031428,0 0 18px rgba(63,220,255,.35)}}
/* com bônus: mesma pastilha, borda dourada e luz dourada por dentro (o brilho que passa continua o do r11/r13) */
.mr-ui.mr-deposit .mr-deposit__amounts .mr-deposit__amount[data-bonus]:not([aria-pressed=true]){border-color:#ffd83a;
  background:radial-gradient(90% 70% at 50% 0,rgba(255,216,58,.2),transparent 70%),linear-gradient(180deg,#1d5a8c 0%,#0f3d69 46%,#0a2a4d 100%);
  box-shadow:inset 0 1px 0 rgba(255,240,170,.4),inset 0 0 14px rgba(255,216,58,.16),0 3px 0 #6b4a05,0 0 16px rgba(255,216,58,.32)}

/* D3 — "Valor do depósito": rótulo no padrão do saque (Nunito maiúsculo ciano) e "Depósito mínimo" em selo */
.mr-ui.mr-deposit .mr-deposit__custom>label{font:800 12.5px/1.2 var(--mt-texto);letter-spacing:.09em;text-transform:uppercase;color:var(--mt-ciano-2)}
.mr-ui.mr-deposit .mr-deposit__custom .mr-deposit__minimum{justify-self:end;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,216,58,.42);
  background:rgba(255,216,58,.09);color:#ffe9a0;font:800 12px/1.2 var(--mt-texto)}
.mr-ui.mr-deposit .mr-deposit__input-wrap{border-color:rgba(127,214,255,.4);background:linear-gradient(180deg,#021428,#062443);
  box-shadow:inset 0 3px 10px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.07)}

/* tela estreita: rótulo e selo cabem na mesma linha (sem quebrar "R$ 10,00") */
@media (max-width:400px){
  .mr-ui.mr-deposit .mr-deposit__custom>label{font-size:11.5px;letter-spacing:.05em}
  .mr-ui.mr-deposit .mr-deposit__custom .mr-deposit__minimum{padding:3px 8px;font-size:11px;white-space:nowrap}
}

/* D4 — tela do Pix: título com filetes, QR com moldura dourada que respira (só brilho), passos em cartão com números dourados */
.mr-ui.mr-deposit .mr-pix__topo small{display:flex;align-items:center;justify-content:center;gap:10px}
.mr-ui.mr-deposit .mr-pix__topo small::before,.mr-ui.mr-deposit .mr-pix__topo small::after{content:"";width:34px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--mt-ciano))}
.mr-ui.mr-deposit .mr-pix__topo small::after{transform:scaleX(-1)}
.mr-ui.mr-deposit .mr-pix__topo strong{text-shadow:0 3px 0 #7c5815,0 0 22px rgba(255,216,58,.35)}
.mr-ui.mr-deposit .mr-pix__qr{box-shadow:0 0 0 4px #0b3561,0 0 0 7px var(--mt-amarelo),0 0 22px rgba(255,216,58,.3),0 14px 30px rgba(0,10,30,.55);
  animation:mt-qr .45s cubic-bezier(.2,1.3,.4,1) both,mt13c-qr 2.6s ease-in-out .5s infinite}
@keyframes mt13c-qr{50%{box-shadow:0 0 0 4px #0b3561,0 0 0 7px #ffe96b,0 0 36px rgba(255,216,58,.6),0 14px 30px rgba(0,10,30,.55)}}
.mr-ui.mr-deposit .mr-pix__passos{width:100%;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid rgba(127,214,255,.2);
  background:linear-gradient(180deg,rgba(8,42,78,.7),rgba(3,22,46,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.mr-ui.mr-deposit .mr-pix__passos li::before{width:24px;height:24px;flex:none;border:1.5px solid #fff3b0;color:#3a2604;
  background:linear-gradient(180deg,var(--mt-amarelo-2),var(--mt-amarelo-3));box-shadow:0 2px 0 #8a5a06;font:400 14px/1 var(--mt-titulo)}
.mr-ui.mr-deposit .mr-pix__copia{border-color:rgba(127,214,255,.42);background:linear-gradient(180deg,#021428,#062443);box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}
.mr-ui.mr-deposit .mr-pix__copia span{color:#a9cdea;letter-spacing:.02em}
/* "Aguardando o pagamento": selo ciano com luz que respira (opacidade) */
.mr-ui.mr-deposit .mr-pix__espera{position:relative;padding:9px 16px;border-radius:999px;border:1px solid rgba(63,220,255,.4);
  background:rgba(63,220,255,.08);color:#e6f7ff}
.mr-ui.mr-deposit .mr-pix__espera::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 16px rgba(63,220,255,.45);opacity:.25;animation:mt13c-respira 1.8s ease-in-out infinite}
@keyframes mt13c-respira{50%{opacity:1}}

/* D5 — saque: saldo disponível em cartão dourado (luz no canto, lábio), rótulo em maiúsculo e valor maior */
.mr-ui.mr-withdraw .mr-withdraw__balance{padding:12px 16px;border:1.5px solid rgba(255,216,58,.6);border-radius:16px;
  background:radial-gradient(120% 160% at 100% 0,rgba(255,216,58,.26),transparent 55%),linear-gradient(160deg,#17507f,#0a2c52 70%);
  box-shadow:inset 0 1px 0 rgba(255,240,170,.3),0 4px 0 #041a36,0 0 18px rgba(255,216,58,.16)}
.mr-ui.mr-withdraw .mr-withdraw__balance>div{align-items:center}
.mr-ui.mr-withdraw .mr-withdraw__balance span{font:800 12px/1.2 var(--mt-texto);letter-spacing:.09em;text-transform:uppercase;color:#ffe9a0}
.mr-ui.mr-withdraw .mr-withdraw__balance strong{font-size:27px;line-height:1;text-shadow:0 3px 0 #7c5815,0 0 18px rgba(255,216,58,.35)}
/* campos do titular: a mesma profundidade do campo do valor (fundo afundado e luz em cima) */
.mr-ui.mr-withdraw .mr-withdraw__field>input{background:linear-gradient(180deg,#021428,#062443);box-shadow:inset 0 3px 10px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.07)}

/* computador de tela baixa (M4/C9): o cartão dos passos e o selo de espera ficam compactos para o Pix caber sem rolar */
@media (min-width:601px) and (max-height:820px){
  .mr-ui.mr-deposit .mr-pix__passos{gap:2px;padding:6px 12px}
  .mr-ui.mr-deposit .mr-pix__passos li::before{width:20px;height:20px;font-size:12px}
  .mr-ui.mr-deposit .mr-pix__espera{padding:5px 14px}
  .mr-ui.mr-deposit .mr-pix__qr svg{width:150px;height:150px}
}

@media (prefers-reduced-motion:reduce){
  .mr-ui.mr-deposit .mr-pix__qr{animation:none}
  .mr-ui.mr-deposit .mr-pix__espera::after{animation:none;opacity:.6}
}