/*
 * O saldo em dólar das Previsões (prancha aprovada pelo dono em 29/09/2026): a pílula com os dois
 * saldos, o painel "Seus saldos", o saque em USDT, a escolha do destino no depósito e a Carteira.
 * Azul = o que é do dólar; verde só nos botões de ação. O dólar pode ser passado para reais (03/10/2026),
 * só de ida: a janela da conversão e a dica de quem está com os reais zerados ficam no fim deste arquivo.
 */
:root { --sd-azul: #4dabf7; --sd-azul-claro: #8cc8ff; --sd-verde: #00ff88; --sd-amarelo: #ffd43b; --sd-laranja: #ffc266;
    --sd-cartao: #1b1f24; --sd-fundo: #16191d; --sd-linha: #2a3037; --sd-texto-2: #b9bec5; --sd-texto-3: #8b929b; }

/* ------------------------------------------------------------------ a pílula do cabeçalho */
.nv-saldo.com-dolar .nv-saldo-texto { align-items: baseline; }
.nv-saldo-dolar { color: var(--sd-azul-claro); }
.nv-saldo.com-dolar .nv-saldo-dolar::before { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 8px 0 1px; vertical-align: -2px; background: rgba(255, 255, 255, .22); }
/* Dentro das Previsões o dólar vem primeiro: é o que vale ali. */
.nv-saldo.dolar-primeiro .nv-saldo-dolar { order: 1; color: #fff; }
.nv-saldo.dolar-primeiro .nv-saldo-dolar::before { display: none; }
.nv-saldo.dolar-primeiro #userBalance { order: 2; color: #b8e8d2; font-weight: 700; }
.nv-saldo.dolar-primeiro #userBalance::before { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 8px 0 1px; vertical-align: -2px; background: rgba(255, 255, 255, .22); }
.nv-saldo.dolar-primeiro .nv-saldo-rotulo { order: 0; }
.nv-saldo-dolar[hidden] { display: none !important; }

/* No celular não cabe um ao lado do outro: um em cima do outro. */
@media (max-width: 768px) {
    .nv-saldo.com-dolar .nv-saldo-texto { flex-direction: column; align-items: flex-end; gap: 0; line-height: 1.12; }
    .nv-saldo.com-dolar .nv-saldo-valor { font-size: 12.5px; }
    .nv-saldo.com-dolar .nv-saldo-dolar { font-size: 11px; }
    .nv-saldo.com-dolar .nv-saldo-dolar::before, .nv-saldo.dolar-primeiro #userBalance::before { display: none; }
    .nv-saldo.dolar-primeiro .nv-saldo-dolar { font-size: 12.5px; }
    .nv-saldo.dolar-primeiro #userBalance { font-size: 11px; }
}

/* ------------------------------------------------------------------ "Seus saldos" */
.sd-painel-fundo { position: fixed; inset: 0; z-index: 9990; background: transparent; }
.sd-painel-fundo.celular { background: rgba(0, 0, 0, .5); }
.sd-painel-fundo[hidden], .sd-painel[hidden] { display: none !important; }
.sd-painel { position: fixed; z-index: 9991; width: 390px; max-width: calc(100vw - 24px); display: flex; flex-direction: column; overflow: hidden;
    background: var(--sd-fundo); border: 1px solid #2f363e; border-radius: 16px; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); color: #fff; font-family: Inter, system-ui, sans-serif; }
.sd-painel.celular { left: 0; right: 0 !important; bottom: 0; top: auto !important; width: auto; max-width: none; border-radius: 22px 22px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
.sd-painel-cab { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 8px 0 16px; border-bottom: 1px solid var(--sd-linha); }
.sd-painel-cab b { font-size: 15px; font-weight: 800; }
.sd-painel-cab span { font-size: 12px; font-weight: 700; color: var(--sd-texto-3); }
.sd-fechar { margin-left: auto; width: 36px; height: 36px; border: 0; border-radius: 10px; background: transparent; color: var(--sd-texto-3); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.sd-fechar:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.sd-painel-corpo { display: grid; gap: 10px; padding: 14px; }
.sd-linha { display: grid; gap: 10px; padding: 13px 14px; border-radius: 14px; border: 1px solid var(--sd-linha); }
.sd-linha.reais { border-color: #1d5a42; background: linear-gradient(135deg, rgba(0, 255, 136, .09), transparent), var(--sd-cartao); }
.sd-linha.dolar { border-color: #1f4a6b; background: linear-gradient(135deg, rgba(77, 171, 247, .12), transparent), var(--sd-cartao); }
.sd-linha-cab { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sd-linha-icone { width: 32px; height: 32px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .05); }
.sd-linha.reais .sd-linha-icone { color: var(--sd-verde); }
.sd-linha.dolar .sd-linha-icone { color: var(--sd-azul); }
.sd-linha-nome { display: grid; min-width: 0; }
.sd-linha-nome b { font-size: 13.5px; }
.sd-linha-nome small { font-size: 11.5px; font-weight: 600; color: var(--sd-texto-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-linha-valor { margin-left: auto; font-size: 22px; font-weight: 900; letter-spacing: -.02em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sd-linha.dolar .sd-linha-valor { color: var(--sd-azul-claro); }
.sd-linha-botoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.sd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 9px; background: var(--sd-verde); color: #0e1013;
    font: 800 13px Inter, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.sd-btn.sec { background: #232930; color: #fff; border: 1px solid #3a424b; }
.sd-btn:hover { filter: brightness(1.06); }
.sd-pendente { display: flex; align-items: center; gap: 9px; width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid #5a4514; background: #1d1a12; color: var(--sd-laranja);
    font: 700 12.5px Inter, system-ui, sans-serif; cursor: pointer; text-align: left; }
.sd-pendente span { flex: 1; color: #f1dfae; }
.sd-nota { display: flex; gap: 9px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: #15181c; border: 1px solid var(--sd-linha); color: var(--sd-texto-2); font-size: 12.5px; line-height: 1.45; }
.sd-nota svg { flex: none; margin-top: 1px; color: var(--sd-texto-3); }
.sd-painel-pe { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; border-top: 1px solid var(--sd-linha); color: var(--sd-verde); font-size: 13px; font-weight: 800; text-decoration: none; }

/* ------------------------------------------------------------------ o saque em USDT */
.sd-saque .modal-content { max-width: 440px; }
.sd-ops { display: grid; gap: 10px; margin: 4px 0 12px; }
.sd-op { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: start; width: 100%; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--sd-linha);
    background: var(--sd-cartao); color: #fff; font-family: inherit; text-align: left; cursor: pointer; }
.sd-op:hover { border-color: #3a424b; }
.sd-op.reais:hover { border-color: #1d5a42; }
.sd-op.dolar:hover { border-color: #1f4a6b; }
.sd-op > span:last-child { display: grid; gap: 3px; min-width: 0; }
.sd-op b { font-size: 14.5px; }
.sd-op span span { font-size: 12.5px; color: var(--sd-texto-2); }
.sd-op small { font-size: 11.5px; font-weight: 700; color: var(--sd-texto-3); line-height: 1.4; }
.sd-radio { width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; border: 2px solid #4a525b; }
.sd-campo-dolar { position: relative; }
.sd-campo-dolar .deposit-currency { color: var(--sd-azul-claro); }
.sd-tudo { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--sd-linha); background: #15181c;
    color: var(--sd-texto-2); font: 700 12.5px Inter, system-ui, sans-serif; cursor: pointer; }
.sd-endereco { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.sd-endereco.certo { border-color: rgba(74, 222, 128, .7); }
.sd-rede { display: flex; align-items: center; gap: 10px; min-height: 48px; margin-bottom: 12px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--sd-verde); background: rgba(0, 255, 136, .07); }
.sd-rede b { font-size: 13.5px; }
.sd-rede small { display: block; font-size: 11px; font-weight: 600; color: var(--sd-texto-3); }
.sd-bola { width: 28px; height: 28px; flex: none; border-radius: 50%; background: #26a17b; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; }
.sd-aviso { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 12px; padding: 11px 13px; border-radius: 12px; background: #221a0d; border: 1px solid #5a4514; color: #f1dfae; font-size: 12.5px; line-height: 1.45; }
.sd-aviso svg { flex: none; margin-top: 1px; color: var(--sd-amarelo); }
.sd-resumo { display: grid; margin-bottom: 14px; border-radius: 12px; border: 1px solid var(--sd-linha); background: var(--sd-cartao); }
.sd-resumo span { display: flex; justify-content: space-between; gap: 10px; padding: 10px 14px; font-size: 13px; }
.sd-resumo span + span { border-top: 1px solid var(--sd-linha); }
.sd-resumo em { font-style: normal; color: var(--sd-texto-2); }
.sd-resumo .forte b { color: var(--sd-verde); }
.sd-btn-largo { width: 100%; padding: 14px; font-size: 1rem; }
.btn.sd-btn-largo.sec { background: #232930; color: #fff; border: 1px solid #3a424b; }
.sd-feito { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 6px 0 14px; text-align: center; }
.sd-feito-icone { width: 76px; height: 76px; border-radius: 50%; border: 2px solid var(--sd-laranja); background: rgba(255, 181, 71, .13); color: var(--sd-laranja); display: flex; align-items: center; justify-content: center; }
.sd-feito-valor { font-size: 34px; font-weight: 900; letter-spacing: -.02em; }
.sd-feito p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--sd-texto-2); }
.sd-st { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.sd-st.pend { background: rgba(255, 181, 71, .15); color: var(--sd-laranja); }
.sd-centro { text-align: center; margin-top: 10px; }

/* ------------------------------------------------------------------ o depósito: para qual saldo vai */
.cripto-destinos { display: grid; gap: 8px; margin-bottom: 14px; }
.cripto-destinos[hidden] { display: none; }
.cripto-destino { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px 11px; align-items: start; width: 100%; padding: 10px 14px; border-radius: 14px; border: 1px solid var(--sd-linha);
    background: var(--sd-cartao); color: #fff; font-family: inherit; text-align: left; cursor: pointer; }
.cripto-destino > span:last-child { display: grid; gap: 3px; min-width: 0; }
.cripto-destino b { font-size: 14.5px; }
.cripto-destino span span { font-size: 12.5px; color: var(--sd-texto-2); }
.cripto-destino small { font-size: 11.5px; font-weight: 700; color: var(--sd-texto-3); }
.cripto-destino-radio { width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; border: 2px solid #4a525b; display: flex; align-items: center; justify-content: center; }
.cripto-destino.ativo .cripto-destino-radio { border-color: var(--sd-verde); }
.cripto-destino.ativo .cripto-destino-radio::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--sd-verde); }
.cripto-destino.reais.ativo { border-color: var(--sd-verde); background: rgba(0, 255, 136, .07); }
.cripto-destino.dolar.ativo { border-color: var(--sd-azul); background: rgba(77, 171, 247, .09); }
/* 02/10/2026: o cartão do dólar diz, em laranja, que não vale para apostas; o dos reais leva o "Recomendado". */
.cripto-destino.dolar > span > span { color: #ffd28a; }
.cripto-destino-selo { font-style: normal; display: inline-flex; align-items: center; height: 17px; margin-left: 6px; padding: 0 6px; border-radius: 5px; background: rgba(0, 255, 136, .14); color: var(--sd-verde);
    font-size: 9.5px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; vertical-align: 2px; }
.cripto-moeda-selo { font-style: normal; display: inline-flex; align-items: center; height: 17px; margin-left: 4px; padding: 0 6px; border-radius: 5px; background: rgba(0, 255, 136, .14); color: var(--sd-verde);
    font-size: 9.5px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; vertical-align: 1px; }
.cripto-taxas { margin: 8px 0 4px; display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(77, 171, 247, .16); color: var(--sd-azul-claro); font-size: 12px; font-weight: 800; }
.cripto-taxas[hidden], .cripto-prazo[hidden], .cripto-ir[hidden] { display: none !important; }
.cripto-prazo { margin: 4px 0 10px; font-size: 12.5px; font-weight: 700; color: var(--sd-laranja); }
.cripto-prazo.vencido { color: #ff8a8a; }
.cripto-ir { display: flex; width: 100%; justify-content: center; margin-top: 12px; padding: 12px; text-decoration: none; }

/* ------------------------------------------------------------------ a Carteira com os dois saldos */
.nk-saldos-dois { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.nk-saldo-grande { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--sd-linha); }
.nk-saldo-grande.reais { border-color: #1d5a42; background: linear-gradient(135deg, rgba(0, 255, 136, .09), transparent), var(--sd-cartao); }
.nk-saldo-grande.dolar { border-color: #1f4a6b; background: linear-gradient(135deg, rgba(77, 171, 247, .12), transparent), var(--sd-cartao); }
.nk-saldo-cab { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.nk-saldo-cab b { font-size: 15px; }
.nk-etq { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.nk-etq.reais { background: rgba(0, 255, 136, .12); color: #8fe3bd; }
.nk-etq.dolar { background: rgba(77, 171, 247, .16); color: var(--sd-azul-claro); }
.nk-saldo-numero { font-size: 36px; font-weight: 900; letter-spacing: -.02em; line-height: 1.05; color: #fff; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }
.nk-saldo-numero.dolar { color: var(--sd-azul-claro); }
.nk-saldo-linhas { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 12.5px; color: var(--sd-texto-2); }
.nk-saldo-linhas b.amarelo { color: var(--sd-amarelo); }
.nk-saldo-linhas b.laranja { color: var(--sd-laranja); }
.nk-saldo-grande .nk-acoes { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; }
.nk-dolar-pendente { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 14px; border: 1px solid #5a4514; background: #1d1a12; }
.nk-dolar-pendente-icone { width: 32px; height: 32px; flex: none; border-radius: 10px; background: rgba(255, 181, 71, .15); color: var(--sd-laranja); display: flex; align-items: center; justify-content: center; }
.nk-dolar-pendente > span:nth-child(2) { display: grid; gap: 2px; flex: 1; min-width: 0; }
.nk-dolar-pendente b { font-size: 14px; }
.nk-dolar-pendente small { font-size: 12px; color: var(--sd-texto-3); font-weight: 600; }
.nk-moeda { display: inline-flex; padding: 3px; margin-left: 4px; background: #15181c; border: 1px solid var(--sd-linha); border-radius: 10px; }
.nk-moeda button { height: 28px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: var(--sd-texto-2); font: 700 12.5px Inter, system-ui, sans-serif; cursor: pointer; }
.nk-moeda button.ativo { background: #2a3037; color: #fff; }
.nk-moeda button[data-valor="dolar"].ativo { color: var(--sd-azul-claro); }
.nk-regras-dolar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.nk-regra { display: grid; gap: 6px; align-content: start; padding: 13px 14px; border-radius: 14px; border: 1px solid var(--sd-linha); background: var(--sd-cartao); font-size: 12.5px; line-height: 1.45; color: var(--sd-texto-2); }
.nk-regra-cab { display: flex; align-items: center; gap: 8px; color: #fff; }
.nk-regra-cab b { font-size: 13.5px; }
.nk-regra-icone { width: 28px; height: 28px; flex: none; border-radius: 9px; background: rgba(77, 171, 247, .14); color: var(--sd-azul); display: flex; align-items: center; justify-content: center; }
[data-so-reais][hidden] { display: none !important; }

@media (max-width: 1100px) { .nk-regras-dolar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
    .nk-saldos-dois { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .nk-saldo-numero { font-size: 30px; }
    .nk-dolar-pendente { flex-wrap: wrap; }
    .nk-regras-dolar { grid-template-columns: minmax(0, 1fr); }
    .sd-linha-valor { font-size: 20px; }
}

/* "As minhas previsões" (MP6): a porta para /previsoes/minhas dentro de "Seus saldos". */
.sd-minhas { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 14px; border-radius: 12px; background: rgba(77, 171, 247, .08); border: 1px solid #1f4a6b;
    color: #fff; text-decoration: none; }
.sd-minhas > svg:first-child { color: var(--sd-azul-claro); flex: none; }
.sd-minhas > svg:last-child { color: #8b929b; flex: none; }
.sd-minhas:hover { border-color: #2d6a99; }
.sd-minhas-texto { display: grid; gap: 2px; flex: 1; min-width: 0; }
.sd-minhas-texto b { font-size: 13.5px; }
.sd-minhas-texto small { font-size: 11.5px; font-weight: 600; color: #8b929b; }

/* O item "Previsões" do menu na abertura por convite: escondido até o navegador saber que a conta é convidada. */
[data-so-convidados][hidden] { display: none !important; }

/* ------------------------------------------------------------------ passar para reais (03/10/2026) */
.sd-btn-linha { width: 100%; }
.sd-feito-icone.verde { border-color: var(--sd-verde); background: rgba(0, 255, 136, .12); color: var(--sd-verde); }
.sd-conv .sd-nota { margin-bottom: 14px; }
.sd-conv .sd-resumo .forte b { font-size: 15px; }
/* O valor nunca quebra em duas linhas ("R$" em cima e o número embaixo, no celular); quem quebra é o rótulo. */
.sd-conv .sd-resumo b { white-space: nowrap; }
.sd-conv-confirmar[disabled] { opacity: .55; cursor: not-allowed; }
/* A dica de quem está com os reais zerados e tem dólar parado: embaixo da pílula; no celular, acima da barra de baixo. */
.sd-dica { position: fixed; z-index: 9980; width: 372px; max-width: calc(100vw - 24px); display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px 12px; padding: 14px;
    background: var(--sd-fundo); border: 1px solid #1f4a6b; border-radius: 16px; box-shadow: 0 20px 50px rgba(0, 0, 0, .5); color: #fff; font-family: Inter, system-ui, sans-serif; }
.sd-dica[hidden] { display: none !important; }
.sd-dica.celular { left: 12px; right: 12px !important; top: auto !important; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: none; }
.sd-dica-icone { width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(77, 171, 247, .14); color: var(--sd-azul); }
.sd-dica-texto { display: grid; gap: 3px; min-width: 0; }
.sd-dica-texto b { font-size: 13.5px; line-height: 1.35; }
.sd-dica-texto span { font-size: 12.5px; line-height: 1.4; color: var(--sd-texto-2); }
.sd-dica-botoes { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 8px; }