/* MetroWin — ajustes finais: bônus diário, rodapé e autenticação */
.footer-color {
    background: #070809 !important;
    color: #e6e8ea !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    padding: 18px 16px 72px !important;
}
.footer-color .title-color,
.footer-color h3 { color: #f5f6f7 !important; font-weight: 700 !important; }
.footer-color .text-color,
.footer-color p,
.footer-color li,
.footer-color a { color: #c7ccd0 !important; }
.footer-color .dividers { border-color: rgba(255,255,255,.12) !important; margin: 18px 0 !important; }
.footer-color .justified-text { color:#aeb5ba !important; line-height:1.58 !important; text-align:justify !important; font-size:12px !important; }
.footer-color .instagram-icon,
.footer-color .telegram-icon,
.footer-color .whatsapp-icon,
.footer-color .facebook-icon,
.footer-color .youtube-icon {
    width: 42px !important; height: 42px !important; padding: 8px !important;
    border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    background:#111315 !important; transition:.2s ease !important;
}
.footer-color .instagram-icon img,
.footer-color .telegram-icon img,
.footer-color .whatsapp-icon img,
.footer-color .facebook-icon img,
.footer-color .youtube-icon img { width:22px !important; height:22px !important; object-fit:contain !important; }
.footer-color .instagram-icon:hover,
.footer-color .telegram-icon:hover,
.footer-color .whatsapp-icon:hover,
.footer-color .facebook-icon:hover,
.footer-color .youtube-icon:hover {
    border-color: var(--modal-popup-button, var(--ci-primary-color, #f4b52c)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--modal-popup-button, #f4b52c) 22%, transparent) !important;
    transform: translateY(-2px);
}
.mw-footer-follow { width:100%; text-align:center; color:#fff; font-weight:800; font-size:15px; margin:14px 0 8px; }
.mw-footer-extra { display:flex; align-items:center; justify-content:center; gap:10px; margin:13px 0 2px; flex-wrap:wrap; }
.mw-age-badge { border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:5px 10px; color:#e7e7e7; font-size:12px; font-weight:800; background:#111315; }
.mw-responsible { color:#969da3; font-size:11px; }
.mw-footer-support {
    display:inline-flex !important; align-items:center; justify-content:center; gap:7px;
    margin-top:7px; padding:8px 11px !important; border:1px solid rgba(255,255,255,.16);
    border-radius:9px; background:#111315; cursor:pointer; transition:.2s ease;
}
.mw-footer-support:hover { border-color:var(--modal-popup-button, #f4b52c) !important; color:#fff !important; }

/* Bônus de login diário */
.mw-daily-overlay { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.mw-daily-backdrop { position:absolute; inset:0; background:rgba(0,16,10,.76); backdrop-filter:blur(7px); }
.mw-daily-stage { position:relative; width:min(92vw,430px); min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 14px; }
.mw-daily-title { position:relative; z-index:4; margin-bottom:22px; background:rgba(5,8,7,.9); color:#fff; border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:11px 17px; font-weight:800; font-size:15px; box-shadow:0 8px 25px rgba(0,0,0,.28); }
.mw-gift { position:relative; z-index:4; width:210px; height:190px; margin:8px auto 28px; filter:drop-shadow(0 22px 25px rgba(0,0,0,.35)); }
.mw-gift-box { position:absolute; left:20px; bottom:0; width:170px; height:135px; border-radius:0 0 18px 18px; background:linear-gradient(90deg,#fb4b38 0 42%,#ff5a43 42% 58%,#fb4b38 58% 100%); }
.mw-gift-ribbon-v { position:absolute; z-index:2; width:33px; top:55px; bottom:0; left:88px; background:linear-gradient(#f3c984,#e8b968); }
.mw-gift-lid { position:absolute; z-index:5; left:10px; top:42px; width:190px; height:47px; border-radius:12px 12px 5px 5px; background:linear-gradient(90deg,#ff5d45 0 42%,#f3c984 42% 58%,#ff5d45 58% 100%); transform-origin:42px bottom; transition:transform .72s cubic-bezier(.2,.8,.2,1), top .72s ease; }
.mw-gift-bow { position:absolute; z-index:6; left:50%; top:8px; width:38px; height:38px; margin-left:-19px; border-radius:50%; background:#e8be7b; }
.mw-gift-bow:before,.mw-gift-bow:after { content:""; position:absolute; top:-13px; width:73px; height:39px; border:13px solid #edc47f; border-radius:60% 70% 45% 60%; }
.mw-gift-bow:before { right:21px; transform:rotate(18deg); }
.mw-gift-bow:after { left:21px; transform:scaleX(-1) rotate(18deg); }
.mw-gift.is-open .mw-gift-lid { transform:translate(-28px,-50px) rotate(-20deg); top:22px; }
.mw-gift.is-open .mw-gift-box:after { content:"✨"; position:absolute; left:50%; top:-64px; transform:translateX(-50%); font-size:44px; animation:mwSpark .7s ease both; }
@keyframes mwSpark { from{opacity:0;transform:translateX(-50%) scale(.3)} to{opacity:1;transform:translateX(-50%) scale(1)} }
.mw-daily-open { position:relative; z-index:5; min-width:132px; border:0; border-radius:9px; padding:12px 22px; background:#fff3cd; color:#ef321f; font-size:18px; font-weight:900; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.25); transition:.2s ease; }
.mw-daily-open:hover { transform:translateY(-2px) scale(1.02); }
.mw-daily-open:disabled { opacity:.65; cursor:wait; }
.mw-daily-close { position:relative; z-index:6; margin-top:25px; width:43px; height:43px; border-radius:50%; border:2px solid rgba(255,255,255,.45); background:rgba(10,12,11,.7); color:#fff; font-size:30px; line-height:35px; cursor:pointer; }
.mw-daily-result { position:relative; z-index:5; width:min(92%,360px); margin-top:-12px; margin-bottom:20px; background:rgba(8,10,9,.92); border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:14px; padding:18px; text-align:center; box-shadow:0 20px 45px rgba(0,0,0,.34); }
.mw-daily-result strong { display:block; color:#ffd45f; font-size:31px; margin-top:7px; }
.mw-coins { position:absolute; inset:-15% 0 0; pointer-events:none; overflow:hidden; z-index:3; }
.mw-coin { position:absolute; top:-70px; width:25px; height:25px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff1a4 0 9%,#ffc83e 28%,#e99b16 70%,#bd7110 100%); border:2px solid #ffd45a; box-shadow:inset 0 0 0 3px rgba(255,218,89,.35),0 3px 5px rgba(0,0,0,.18); animation:mwCoinFall linear infinite; }
.mw-coin:after { content:"¥"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#bd7416; font-weight:900; font-size:12px; }
@keyframes mwCoinFall { 0%{transform:translate3d(0,-80px,0) rotateY(0) rotateZ(0);opacity:0} 8%{opacity:1} 100%{transform:translate3d(var(--drift,20px),115vh,0) rotateY(900deg) rotateZ(320deg);opacity:.95} }

/* Olhinho da senha */
.mw-password-eye { position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:20; border:0; background:transparent; color:var(--text-color,#ddd); cursor:pointer; width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
.mw-password-eye svg { width:19px; height:19px; }
.mw-marketing-optin { display:flex; gap:8px; align-items:flex-start; margin:10px 2px 2px; color:var(--text-color,#ddd); font-size:11px; line-height:1.35; }
.mw-marketing-optin input { margin-top:2px; accent-color:var(--modal-popup-button,#f4b52c); }

@media (max-width:520px){
  .footer-color { padding-left:12px !important; padding-right:12px !important; }
  .mw-daily-stage{min-height:500px}
  .mw-gift{transform:scale(.92);margin-bottom:18px}
}

/* Rodapé final — redes sempre visíveis e organizadas */
.mw-footer-social-block {
    width: 100%;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.11);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-footer-social-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    width: 100%;
}
.mw-social-link {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    background: #101214;
    color: #f2f4f5 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 18px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mw-social-link:hover {
    transform: translateY(-2px);
    border-color: var(--ci-primary-color, #f4b52c) !important;
    background: #15181a;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ci-primary-color, #f4b52c) 24%, transparent);
}
.mw-social-link.is-disabled {
    opacity: .62;
    cursor: default;
}
.mw-social-link.is-disabled:hover {
    opacity: .9;
}
.footer-color .mw-footer-support {
    min-height: 36px;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    background: #101214 !important;
    border-radius: 9px !important;
    text-decoration: none !important;
}
.footer-color .mw-footer-support:hover {
    border-color: var(--ci-primary-color, #f4b52c) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ci-primary-color, #f4b52c) 20%, transparent);
}
.mw-support-icon { font-size: 13px; }

@media (max-width: 420px) {
    .mw-footer-social-row { gap: 7px; }
    .mw-social-link { width: 38px; height: 38px; font-size: 17px; }
}

/* Cadastro/login mobile — garante e-mail visível e formulário rolável */
@media (max-width: 640px) {
    form:has(input[name="confirmPassword"]) {
        max-height: min(68dvh, 610px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        padding-right: 2px;
        padding-bottom: 12px;
        scrollbar-width: thin;
    }
    form:has(input[name="confirmPassword"]) input[name="email"],
    form:has(input[name="confirmPassword"]) div:has(> input[name="email"]) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    form:has(input[name="confirmPassword"]) div:has(> input[name="email"]) {
        position: relative !important;
        margin-top: .5rem !important;
        margin-bottom: .25rem !important;
    }
}

/* Jackpot V6 — compacto, azul escuro e personagens ultrapassando a borda */
.mw-jackpot {
    position: relative;
    width: 100%;
    min-height: 136px;
    margin: 30px 0 18px;
    border-radius: 14px;
    overflow: visible;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--ci-primary-color, #29d6ca) 24%, transparent), transparent 38%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 38%, #0b2638 62%) 0%,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 24%, #0b3247 76%) 52%,
            color-mix(in srgb, var(--background-color-jackpot, #2b8f9f) 30%, #071d2c 70%) 100%);
    border: 1px solid color-mix(in srgb, var(--ci-primary-color, #45e6d4) 58%, rgba(255,255,255,.28));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.18);
}
.mw-jackpot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: .11;
    background-image:
        linear-gradient(30deg, rgba(255,255,255,.13) 1px, transparent 1px),
        linear-gradient(150deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 25px 25px;
}
.mw-jackpot-glow {
    position: absolute;
    z-index: 0;
    left: 27%; right: 27%; top: 30px;
    height: 70px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ci-primary-color, #2de3d2) 30%, transparent);
    filter: blur(24px);
    opacity: .85;
    pointer-events: none;
}
.mw-jackpot-characters {
    position: absolute;
    z-index: 2;
    width: calc(100% + 14px);
    height: auto;
    max-width: none;
    left: -7px;
    bottom: -3px;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.24));
}
.mw-jackpot-center {
    position: relative;
    z-index: 3;
    width: 55%;
    min-height: 136px;
    margin: 0 auto;
    padding: 7px 0 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-jackpot-title {
    min-width: 140px;
    padding: 4px 20px 5px;
    border: 2px solid color-mix(in srgb, var(--ci-primary-color, #39dbc9) 70%, #a7fff3 30%);
    border-radius: 999px;
    color: #fff;
    background: rgba(8,28,39,.46);
    text-align: center;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    text-shadow: 0 2px 4px rgba(0,0,0,.28);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.mw-jackpot-amount {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    margin: 7px 0 7px;
    white-space: nowrap;
    color: #ffe232 !important;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 7px rgba(0,0,0,.42);
}
.mw-jackpot-currency { font-size: 11px; font-weight: 1000; color:#ffe232 !important; }
.mw-jackpot-amount strong {
    font-size: clamp(22px, 6.1vw, 31px);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: .35px;
    color: #ffe232 !important;
}
.mw-jackpot-minis {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: auto;
}
.mw-jackpot-mini {
    width: 43px;
    height: 44px;
    padding: 3px 3px 2px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.20);
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(3,19,29,.36));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    overflow:hidden;
}
.mw-jackpot-mini img { width:27px; height:27px; object-fit:contain; border-radius:5px; }
.mw-jackpot-mini small {
    width:100%; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    color:#fff; font-size:6px; line-height:7px; font-weight:800; text-align:center;
}
.mw-jackpot-mini-fallback {
    width:27px; height:27px; border-radius:6px; display:flex; align-items:center; justify-content:center;
    background: color-mix(in srgb, var(--ci-primary-color, #2ed7c7) 55%, rgba(255,255,255,.14));
    color:#fff; font-size:9px; font-weight:900;
}

@media (max-width: 520px) {
    .mw-jackpot { min-height: 132px; margin-top: 28px; border-radius: 13px; }
    .mw-jackpot-center { min-height:132px; width:58%; padding-top:6px; }
    .mw-jackpot-title { min-width:128px; font-size:15px; padding:4px 16px; }
    .mw-jackpot-amount { margin:6px 0 6px; gap:3px; }
    .mw-jackpot-currency { font-size:10px; }
    .mw-jackpot-amount strong { font-size:clamp(21px, 6.7vw, 28px); }
    .mw-jackpot-mini { width:40px; height:41px; }
    .mw-jackpot-mini img, .mw-jackpot-mini-fallback { width:24px; height:24px; }
    .mw-jackpot-characters { width:calc(100% + 14px); left:-7px; bottom:-2px; }
}
@media (max-width: 390px) {
    .mw-jackpot { min-height:124px; margin-top:26px; }
    .mw-jackpot-center { min-height:124px; width:60%; padding-top:5px; }
    .mw-jackpot-title { min-width:116px; font-size:13px; }
    .mw-jackpot-amount strong { font-size:21px; }
    .mw-jackpot-mini { width:36px; height:38px; }
    .mw-jackpot-mini img, .mw-jackpot-mini-fallback { width:22px; height:22px; }
}

/* ================================================================
   FINAL V7 — cadastro mobile, jackpot, moedas e pop-ups flutuantes
   ================================================================ */

/* Código de referência: aparece somente quando existe código capturado. */
.mw-referral-field {
    position: relative;
    margin: 6px 0 5px;
}
.mw-referral-label {
    display: block;
    margin: 0 0 4px 4px;
    color: var(--text-color, #dfe7ea);
    font-size: 10px;
    font-weight: 700;
}
.mw-referral-input-wrap { position: relative; }
.mw-referral-icon {
    position: absolute;
    z-index: 2;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--texts-color, var(--text-color, #65777d));
    pointer-events: none;
}
.mw-referral-input {
    padding-left: 42px !important;
    cursor: default !important;
    opacity: .92;
}

/* Checkbox de novidades no mesmo padrão visual do aceite +18. */
.mw-marketing-optin {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 7px 1px 5px !important;
    color: var(--texts-color, var(--text-color, #dfe7ea)) !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
}
.mw-marketing-optin input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    background-color: var(--placeholder-background, rgba(255,255,255,.22)) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px !important;
    transition: .16s ease !important;
}
.mw-marketing-optin input[type="checkbox"]:checked {
    border-color: color-mix(in srgb, var(--ci-primary-color, #3d73d8) 70%, #fff 30%) !important;
    background-color: var(--ci-primary-color, #3d73d8) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5 8 14l8-9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.mw-marketing-optin span { font-size: 10px !important; }

/* Modal de cadastro: leve compactação no celular, sem esconder o topo e sem X sobre a barra inferior. */
@media (max-width: 640px) {
    .mw-auth-overlay {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: 54px !important;
        padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
    .mw-auth-shell {
        width: calc(100% - 24px) !important;
        max-width: 390px !important;
        margin: 0 auto !important;
        transform: scale(.92) !important;
        transform-origin: top center !important;
    }
    .mw-auth-card { padding: 6px !important; }
    .mw-auth-card form:has(input[name="confirmPassword"]) {
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) > div {
        margin-top: 5px !important;
        margin-bottom: 3px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) .input-group {
        min-height: 43px !important;
        height: 43px !important;
        font-size: 15px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) .mw-password-eye {
        width: 28px !important;
        height: 28px !important;
    }
    .mw-auth-card form:has(input[name="confirmPassword"]) button[type="submit"] {
        min-height: 42px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .mw-auth-card .mw-referral-field { margin: 5px 0 4px !important; }
    .mw-auth-close-row {
        margin-top: 2px !important;
        transform: translateY(-4px) !important;
    }
    .mw-auth-close-row button {
        width: 30px !important;
        height: 30px !important;
    }
}

/* Moedas: limitadas à área da plataforma e animação compatível com Safari/iPhone. */
.mw-daily-overlay {
    max-width: 100vw;
    overflow: hidden !important;
}
.mw-coins {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    contain: layout paint;
    pointer-events: none !important;
}
.mw-coin {
    top: -48px !important;
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    animation: mwCoinFallV7 var(--coin-duration, 5s) linear var(--coin-delay, 0s) infinite !important;
    -webkit-animation: mwCoinFallV7 var(--coin-duration, 5s) linear var(--coin-delay, 0s) infinite !important;
}
@keyframes mwCoinFallV7 {
    0% { transform: translate3d(0,-65px,0) rotate(0deg); opacity: 0; }
    8% { opacity: 1; }
    100% { transform: translate3d(var(--drift,20px),var(--fall-distance,1000px),0) rotate(760deg); opacity: .96; }
}
@-webkit-keyframes mwCoinFallV7 {
    0% { -webkit-transform: translate3d(0,-65px,0) rotate(0deg); opacity: 0; }
    8% { opacity: 1; }
    100% { -webkit-transform: translate3d(var(--drift,20px),var(--fall-distance,1000px),0) rotate(760deg); opacity: .96; }
}
@media (max-width: 640px) {
    .mw-daily-stage {
        min-height: min(500px, 86dvh) !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .mw-coin {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }
}

/* Jackpot final: bloco compacto, fundo azul escuro, personagens saindo da borda e mini cards da referência. */
.mw-jackpot {
    min-height: 146px !important;
    margin: 18px 0 15px !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--ci-primary-color, #38c8d4) 25%, transparent), transparent 38%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 18%, #173f52 82%) 0%,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 13%, #123648 87%) 52%,
            color-mix(in srgb, var(--background-color-jackpot, #4f9eb0) 11%, #0b2939 89%) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--ci-primary-color, #53cbd8) 52%, rgba(255,255,255,.30)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 9px 20px rgba(0,0,0,.18) !important;
}
.mw-jackpot-glow {
    top: 27px !important;
    height: 76px !important;
    opacity: .62 !important;
}
.mw-jackpot-characters {
    width: calc(100% + 24px) !important;
    left: -12px !important;
    bottom: -3px !important;
    z-index: 3 !important;
}
.mw-jackpot-center {
    width: 54% !important;
    min-height: 146px !important;
    padding: 8px 0 7px !important;
    z-index: 4 !important;
}
.mw-jackpot-title {
    min-width: 145px !important;
    padding: 4px 20px 5px !important;
    border-color: color-mix(in srgb, var(--ci-primary-color, #5dd9e0) 60%, #baf8ff 40%) !important;
    background: rgba(5,29,42,.28) !important;
    font-size: 17px !important;
}
.mw-jackpot-amount {
    margin: 7px 0 7px !important;
    gap: 5px !important;
    color: #ffe232 !important;
}
.mw-jackpot-currency {
    color: #ffe232 !important;
    font-size: 12px !important;
}
.mw-jackpot-amount strong {
    color: #ffe232 !important;
    font-size: clamp(29px, 6.4vw, 36px) !important;
    letter-spacing: .4px !important;
}
.mw-jackpot-minis {
    gap: 5px !important;
    margin-top: 0 !important;
}
.mw-jackpot-mini {
    width: 47px !important;
    height: 55px !important;
    padding: 2px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(150,231,239,.18) !important;
    background: linear-gradient(180deg, rgba(18,67,80,.92), rgba(7,37,50,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.mw-jackpot-mini img {
    width: 43px !important;
    height: 51px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
}
.mw-jackpot-mini small { display: none !important; }

@media (max-width: 520px) {
    .mw-jackpot {
        min-height: 125px !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 13px !important;
    }
    .mw-jackpot-center {
        width: 55% !important;
        min-height: 125px !important;
        padding-top: 5px !important;
        padding-bottom: 4px !important;
    }
    .mw-jackpot-title {
        min-width: 124px !important;
        padding: 3px 15px 4px !important;
        font-size: 14px !important;
    }
    .mw-jackpot-amount {
        margin: 5px 0 5px !important;
        gap: 3px !important;
    }
    .mw-jackpot-currency { font-size: 10px !important; }
    .mw-jackpot-amount strong {
        font-size: clamp(27px, 7.6vw, 32px) !important;
        letter-spacing: .2px !important;
    }
    .mw-jackpot-mini {
        width: 38px !important;
        height: 44px !important;
        border-radius: 7px !important;
    }
    .mw-jackpot-mini img {
        width: 35px !important;
        height: 41px !important;
    }
    .mw-jackpot-characters {
        width: calc(100% + 36px) !important;
        left: -18px !important;
        bottom: -2px !important;
    }
}
@media (max-width: 390px) {
    .mw-jackpot { min-height: 119px !important; margin-top: 13px !important; }
    .mw-jackpot-center { min-height: 119px !important; width: 56% !important; }
    .mw-jackpot-amount strong { font-size: 27px !important; }
    .mw-jackpot-mini { width: 35px !important; height: 41px !important; }
    .mw-jackpot-mini img { width: 32px !important; height: 38px !important; }
}

/* Pop-ups flutuantes configuráveis pelo painel. */
.mw-floating-popups {
    position: fixed;
    z-index: 10020;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 72px;
    max-height: calc(100dvh - 190px);
    pointer-events: none;
    transition: transform .24s ease, opacity .24s ease;
}
.mw-floating-popup {
    position: relative;
    width: 72px;
    min-height: 56px;
    pointer-events: auto;
    transition: transform .20s ease, opacity .20s ease;
    animation: mwPopupIn .25s ease both;
}
@keyframes mwPopupIn {
    from { opacity: 0; transform: translateY(-8px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.mw-floating-popup-media {
    display: block;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none !important;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.24));
}
.mw-floating-popup-media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 96px;
    object-fit: contain;
    border-radius: 12px;
}
.mw-floating-popup-close {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: -5px;
    width: 21px;
    height: 21px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.68);
    border-radius: 999px;
    background: rgba(14,20,21,.88);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
}
.mw-popup-left.is-scrolling {
    transform: translate(-78%, -50%);
    opacity: .36;
}
.mw-popup-right.is-scrolling {
    transform: translate(78%, -50%);
    opacity: .36;
}
@media (max-width: 640px) {
    .mw-floating-popups {
        width: 66px;
        gap: 6px;
        top: 46%;
        max-height: calc(100dvh - 210px);
    }
    .mw-floating-popup { width: 66px; }
    .mw-floating-popup-media img { max-height: 86px; }
    .mw-floating-popup-close {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}

/* V7.1 — pilha dos pop-ups ancorada por baixo: ao fechar o último, os de cima descem. */
.mw-floating-popups {
    top: auto !important;
    bottom: 112px !important;
    transform: none !important;
    justify-content: flex-end !important;
}
.mw-popup-left.is-scrolling { transform: translateX(-78%) !important; opacity: .36 !important; }
.mw-popup-right.is-scrolling { transform: translateX(78%) !important; opacity: .36 !important; }
@media (max-width: 640px) {
    .mw-floating-popups {
        bottom: calc(112px + env(safe-area-inset-bottom)) !important;
    }
}
body:has(.mw-auth-overlay) .mw-floating-popups,
body:has(.mw-daily-overlay) .mw-floating-popups {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* V8 — recolhimento real dos pop-ups durante qualquer rolagem. */
.mw-floating-popups {
    transition: transform .30s cubic-bezier(.22,.72,.2,1), opacity .24s ease, filter .24s ease !important;
    will-change: transform, opacity;
}
.mw-floating-popups.is-scrolling {
    pointer-events: none !important;
    opacity: .08 !important;
    filter: blur(.3px) !important;
}
.mw-popup-left.is-scrolling {
    transform: translateX(calc(-100% - 10px)) !important;
}
.mw-popup-right.is-scrolling {
    transform: translateX(calc(100% + 10px)) !important;
}
.mw-floating-popups:not(.is-scrolling) {
    opacity: 1;
    filter: none;
}
@media (max-width: 640px) {
    .mw-floating-popups.is-scrolling { opacity: .04 !important; }
    .mw-popup-left.is-scrolling { transform: translateX(calc(-100% - 8px)) !important; }
    .mw-popup-right.is-scrolling { transform: translateX(calc(100% + 8px)) !important; }
}


/* V9 — pop-ups só na home e recolhimento pela metade durante scroll. */
.mw-floating-popups.is-scrolling {
    pointer-events: none !important;
    opacity: .48 !important;
    filter: none !important;
}
.mw-popup-left.is-scrolling {
    transform: translateX(-50%) !important;
}
.mw-popup-right.is-scrolling {
    transform: translateX(50%) !important;
}
.mw-floating-popups.is-scrolling .mw-floating-popup,
.mw-floating-popups.is-scrolling .mw-floating-popup * {
    pointer-events: none !important;
}

/* Código de afiliado preenchido pelo link e bloqueado para edição. */
.mw-referral-field {
    width: 100%;
    margin: 8px 0 10px;
    text-align: left;
}
.mw-referral-field > label {
    display: block;
    margin: 0 0 5px 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-color, #263238);
}
.mw-referral-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    border: 1px solid color-mix(in srgb, var(--borders-and-dividers-colors, #fff) 72%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--background-base, #fff) 82%, transparent);
    overflow: hidden;
}
.mw-referral-lock {
    width: 42px;
    flex: 0 0 42px;
    text-align: center;
    font-size: 15px;
    opacity: .7;
}
.mw-referral-field input[name="reference_code"] {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 12px 0 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--text-color, #263238) !important;
    font-size: 14px !important;
    font-weight: 700;
    opacity: .78;
    cursor: not-allowed;
}
@media (max-width: 640px) {
    .mw-referral-field { margin: 5px 0 7px; }
    .mw-referral-input-wrap { min-height: 43px; border-radius: 10px; }
    .mw-referral-field input[name="reference_code"] { height: 41px; font-size: 13px !important; }
    .mw-referral-lock { width: 38px; flex-basis: 38px; }
}


/* ===== FINAL V10: afiliado oculto + depósito Pix clean ===== */
.mw-referral-field { display:none !important; }
#modalElDeposit .mw-pix-generating {
    min-height: 320px; display:flex !important; flex-direction:column; align-items:center; justify-content:center;
    gap:16px; padding:34px 22px; text-align:center; color:var(--text-color,#fff);
}
#modalElDeposit .mw-pix-generating svg { width:46px !important; height:46px !important; color:rgba(255,255,255,.22) !important; fill:var(--ci-primary-color,var(--modal-popup-button,#25d5bb)) !important; }
#modalElDeposit .mw-pix-generating-copy { display:flex; flex-direction:column; gap:5px; max-width:280px; }
#modalElDeposit .mw-pix-generating-copy strong { font-size:17px; color:var(--text-color,#fff); }
#modalElDeposit .mw-pix-generating-copy small { font-size:11px; line-height:1.45; opacity:.72; }
#modalElDeposit .mw-pix-qr-box { width:270px; max-width:92%; margin:10px auto 12px; padding:10px; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.18); }
#modalElDeposit .mw-pix-real-qr { display:block; width:100% !important; height:auto !important; max-width:250px !important; margin:auto; }
#modalElDeposit .mw-pix-code-source { display:none !important; }
#modalElDeposit .mw-pix-copy-button {
    width:100%; min-height:46px; margin:12px 0 10px; border:1px solid color-mix(in srgb,var(--ci-primary-color,#25d5bb) 65%,white 12%);
    border-radius:11px; background:var(--ci-primary-color,var(--modal-popup-button,#25d5bb)); color:#07120f; font-weight:900;
    display:flex; align-items:center; justify-content:center; gap:9px; cursor:pointer; transition:.18s ease;
}
#modalElDeposit .mw-pix-copy-button:hover { transform:translateY(-1px); filter:brightness(1.06); }
#modalElDeposit .mw-pix-copy-button.is-copied { box-shadow:0 0 0 3px color-mix(in srgb,var(--ci-primary-color,#25d5bb) 24%,transparent); }
#modalElDeposit .mw-pix-info-card {
    width:100%; margin:7px 0 4px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--ci-primary-color,#25d5bb) 34%,rgba(255,255,255,.14));
    border-radius:12px; display:flex; align-items:center; gap:11px; background:rgba(255,255,255,.04); color:var(--text-color,#fff);
}
#modalElDeposit .mw-pix-info-card img { width:48px; height:30px; object-fit:contain; flex:0 0 auto; }
#modalElDeposit .mw-pix-info-card div { display:flex; flex-direction:column; gap:2px; text-align:left; }
#modalElDeposit .mw-pix-info-card strong { font-size:12px; }
#modalElDeposit .mw-pix-info-card span { font-size:10px; line-height:1.35; opacity:.75; }
@media(max-width:520px){
  #modalElDeposit .mw-pix-generating{min-height:270px;padding:28px 18px}
  #modalElDeposit .mw-pix-qr-box{width:235px}
}

/* V11 — topo com saldo estilo perfil */
.mw-original-balance-hidden,.mw-original-support-hidden{display:none!important}
.mw-top-wallet-actions{display:flex;align-items:center;gap:4px;min-width:0}
.mw-top-wallet-pill{height:30px;display:flex;align-items:center;gap:3px;padding:0 5px 0 4px;border-radius:999px;background:rgba(12,28,18,.84);border:1px solid rgba(60,220,105,.55);box-shadow:inset 0 1px rgba(255,255,255,.09);white-space:nowrap}
.mw-top-flag{width:17px;height:17px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.mw-top-currency,.mw-top-wallet-pill strong{color:#20df67;font-weight:800;font-size:10.5px;line-height:1;font-variant-numeric:tabular-nums}
.mw-top-refresh{width:19px;height:19px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mw-top-refresh i{font-size:10px;transition:transform .35s ease}.mw-top-refresh.is-loading i{animation:mwTopSpin .65s linear infinite}@keyframes mwTopSpin{to{transform:rotate(360deg)}}
.mw-top-deposit{height:30px;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 7px;background:linear-gradient(180deg,#ffd84e,#f4b820);color:#17120a;font-size:10px;font-weight:900;display:flex;align-items:center;gap:4px;box-shadow:0 3px 9px rgba(0,0,0,.15)}
.mw-top-deposit i{font-size:10px}.mw-top-search{width:27px;height:30px;border:0;background:transparent;color:var(--text-color,#fff);font-size:15px;display:flex;align-items:center;justify-content:center;padding:0}
@media(max-width:430px){.mw-top-wallet-actions{gap:3px}.mw-top-wallet-pill{height:28px;padding:0 4px 0 3px}.mw-top-flag{width:16px;height:16px}.mw-top-currency,.mw-top-wallet-pill strong{font-size:9.5px}.mw-top-refresh{width:17px;height:17px}.mw-top-deposit{height:28px;padding:0 6px}.mw-top-deposit span{font-size:9px}.mw-top-search{width:23px;height:28px;font-size:13px}.mw-navtop-enhanced .navtop-logo{max-width:82px!important}}
@media(max-width:370px){.mw-top-deposit span{display:none}.mw-top-deposit{width:31px;padding:0;justify-content:center}.mw-top-wallet-pill strong{font-size:10px}}

/* WIN001 — modal de instalação sempre acima do menu lateral e pop-ups */
.pwa-download-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 250000 !important;
}
.pwa-download-modal,
.pwa-download-modal-overlay .pwa-download-modal {
    position: relative !important;
    z-index: 250001 !important;
}

/* WIN001 V13 — modal principal clean quando houver apenas imagem */
.mw-modal-image-shell {
    width: fit-content !important;
    max-width: 94vw !important;
    overflow: visible !important;
}
.mw-modal-image-only {
    position: relative !important;
    width: fit-content !important;
    max-width: 94vw !important;
    background: transparent !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow: none !important;
}
.mw-modal-image-only .modal-content {
    width: fit-content !important;
    max-width: 94vw !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow: none !important;
}
.mw-modal-image-only .tab-content,
.mw-modal-image-only .image-container,
.mw-modal-image-only .image-container > a {
    width: fit-content !important;
    height: auto !important;
    max-width: 94vw !important;
    max-height: 78vh !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: transparent !important;
}
.mw-modal-image-only .modal-image {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: min(94vw, 480px) !important;
    max-height: 78vh !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
}
.mw-modal-image-only .tab-button {
    min-height: 42px !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
.mw-modal-image-only .tab-button.active {
    color: #fff !important;
}
.mw-modal-image-close {
    position: absolute !important;
    top: -13px !important;
    right: -13px !important;
    z-index: 50 !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(255,255,255,.88) !important;
    background: rgba(10,14,18,.88) !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 3px !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.34) !important;
    cursor: pointer !important;
}
@media (max-width: 520px) {
    .mw-modal-image-only .modal-image { max-width: 90vw !important; max-height: 74vh !important; }
    .mw-modal-image-close { top: -11px !important; right: -10px !important; width: 32px !important; height: 32px !important; }
}

/* ===== WIN001 V14: modal promocional somente imagem ===== */
.mw-modal-image-shell {
    width: min(94vw, 460px) !important;
    max-width: 94vw !important;
    overflow: visible !important;
}
.mw-modal-image-only {
    position: relative !important;
    width: 100% !important;
    max-width: 94vw !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: visible !important;
    box-shadow: none !important;
}
.mw-modal-image-only .modal-content {
    width: 100% !important;
    max-width: 94vw !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(8,18,27,.96) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.38) !important;
}
.mw-modal-image-only .modal-content > .flex.gap-2.border-b {
    min-height: 44px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    gap: 4px !important;
    background: #102432 !important;
    border-color: rgba(255,255,255,.10) !important;
    align-items: stretch !important;
}
.mw-modal-image-only .tab-button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 9px 8px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.mw-modal-image-only .tab-button.active {
    color: #fff !important;
    border-bottom-color: var(--modal-popup-tab-active, var(--ci-primary-color, #5994cf)) !important;
}
.mw-modal-image-only .tab-content,
.mw-modal-image-only .image-container,
.mw-modal-image-only .image-container > a {
    width: 100% !important;
    height: auto !important;
    max-width: 94vw !important;
    max-height: 76vh !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #07131b !important;
}
.mw-modal-image-only .image-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.mw-modal-image-only .modal-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 460px !important;
    max-height: calc(76vh - 44px) !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #07131b !important;
}
.mw-modal-image-only .modal-footer,
.mw-modal-image-only .content-html:empty { display: none !important; }
.mw-modal-image-close {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    left: 50% !important;
    bottom: -52px !important;
    transform: translateX(-50%) !important;
    z-index: 60 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    background: rgba(12,18,22,.86) !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 34px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 4px !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.38) !important;
    cursor: pointer !important;
    backdrop-filter: blur(8px) !important;
}
@media (max-width: 520px) {
    .mw-modal-image-shell { width: min(92vw, 410px) !important; }
    .mw-modal-image-only .modal-content,
    .mw-modal-image-only .tab-content,
    .mw-modal-image-only .image-container,
    .mw-modal-image-only .image-container > a { max-width: 92vw !important; }
    .mw-modal-image-only .modal-image { max-width: 92vw !important; max-height: calc(72vh - 44px) !important; }
    .mw-modal-image-only .tab-button { font-size: 12px !important; min-height: 42px !important; }
    .mw-modal-image-close { bottom: -48px !important; width: 38px !important; height: 38px !important; }
}

/* ===== WIN001 V14: convite oficial via Telegram ===== */
.whatsapp-popup-dialog { visibility: hidden !important; }
.whatsapp-popup-dialog.mw-telegram-ready { visibility: visible !important; }
.whatsapp-popup-dialog.mw-telegram-ready .mw-telegram-icon {
    color: #229ED9 !important;
}
.whatsapp-popup-dialog.mw-telegram-ready .mw-telegram-icon i {
    display: block !important;
    font-size: 56px !important;
    line-height: 1 !important;
}
.whatsapp-popup-dialog.mw-telegram-ready .whatsapp-popup-cta,
.whatsapp-popup-dialog.mw-telegram-ready .mw-telegram-cta {
    background: linear-gradient(180deg,#2aabee,#229ed9) !important;
    border-color: #65c7f2 !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(34,158,217,.28) !important;
}
.whatsapp-popup-dialog.mw-telegram-ready .whatsapp-popup-bullet { color: #5bc0eb !important; }

/* ===== WIN001 V14: depósito Pix clean ===== */
#modalElDeposit .mw-pix-generating {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 310px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    padding: 34px 22px !important;
    text-align: center !important;
    color: var(--text-color,#fff) !important;
}
#modalElDeposit .mw-pix-generating svg {
    width: 52px !important;
    height: 52px !important;
    color: rgba(255,255,255,.17) !important;
    fill: var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
}
#modalElDeposit .mw-pix-generating-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 310px !important;
}
#modalElDeposit .mw-pix-generating-copy strong { font-size: 18px !important; color: var(--text-color,#fff) !important; }
#modalElDeposit .mw-pix-generating-copy small { max-width: 275px !important; font-size: 11px !important; line-height: 1.5 !important; opacity: .72 !important; }
#modalElDeposit .mw-pix-generating-logo { width: 82px !important; height: 36px !important; object-fit: contain !important; margin-top: 8px !important; }
#modalElDeposit .mw-pix-old-hidden { display: none !important; }
#modalElDeposit .mw-pix-result-panel { width: 100% !important; padding: 4px 10px 14px !important; }
#modalElDeposit .mw-pix-qr-box {
    width: 270px !important;
    max-width: 90% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 12px auto 10px !important;
    padding: 10px !important;
    border-radius: 17px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 9px 28px rgba(0,0,0,.22) !important;
}
#modalElDeposit .mw-pix-real-qr {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 250px !important;
    object-fit: contain !important;
    margin: auto !important;
}
#modalElDeposit .mw-pix-actions { width: 100% !important; margin-top: 8px !important; }
#modalElDeposit .mw-pix-code-source { display: none !important; }
#modalElDeposit .mw-pix-copy-button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 8px 0 11px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg,#ffd84e,#f2ba24) !important;
    color: #17120a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    cursor: pointer !important;
    transition: .18s ease !important;
}
#modalElDeposit .mw-pix-copy-button:hover { transform: translateY(-1px) !important; filter: brightness(1.04) !important; }
#modalElDeposit .mw-pix-copy-button.is-copied { background: #43d982 !important; color: #07150d !important; box-shadow: 0 0 0 3px rgba(67,217,130,.18) !important; }
#modalElDeposit .mw-pix-info-card {
    width: 100% !important;
    margin: 0 0 4px !important;
    padding: 12px 13px !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 40%,rgba(255,255,255,.15)) !important;
    border-radius: 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--text-color,#fff) !important;
}
#modalElDeposit .mw-pix-info-card img { width: 64px !important; height: 40px !important; object-fit: contain !important; flex: 0 0 auto !important; }
#modalElDeposit .mw-pix-info-card div { display: flex !important; flex-direction: column !important; gap: 3px !important; text-align: left !important; }
#modalElDeposit .mw-pix-info-card strong { font-size: 12px !important; }
#modalElDeposit .mw-pix-info-card span { font-size: 10px !important; line-height: 1.4 !important; opacity: .77 !important; }
@media (max-width: 520px) {
    #modalElDeposit .mw-pix-generating { min-height: 255px !important; padding: 26px 16px !important; }
    #modalElDeposit .mw-pix-qr-box { width: 232px !important; }
    #modalElDeposit .mw-pix-info-card img { width: 54px !important; height: 34px !important; }
}


/* ===== WIN001 V15: PIX com animação clean e cores do tema ===== */
#modalElDeposit .mw-pix-generating-copy strong { display:inline-flex !important; align-items:flex-end !important; justify-content:center !important; gap:1px !important; }
#modalElDeposit .mw-pix-dots { display:inline-block !important; width:1.45em !important; overflow:hidden !important; white-space:nowrap !important; text-align:left !important; }
#modalElDeposit .mw-pix-dots::after { content:'...'; display:inline-block; width:1.45em; animation:mwPixDots 1.15s steps(4,end) infinite; }
@keyframes mwPixDots { 0%{width:0} 25%{width:.48em} 50%{width:.96em} 75%,100%{width:1.45em} }
#modalElDeposit .mw-pix-generating svg {
    border-radius:999px !important;
    filter:drop-shadow(0 7px 17px color-mix(in srgb,var(--ci-primary-color,#5994cf) 28%,transparent)) !important;
}
#modalElDeposit .mw-pix-copy-button {
    background:var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    color:var(--botao-deposito-text-nav,#fff) !important;
    border-color:color-mix(in srgb,var(--ci-primary-color,#5994cf) 72%,white 20%) !important;
    box-shadow:0 8px 20px color-mix(in srgb,var(--ci-primary-color,#5994cf) 22%,transparent) !important;
}
#modalElDeposit .mw-pix-copy-button.is-copied {
    background:color-mix(in srgb,var(--ci-primary-color,#5994cf) 76%,#35d27f 24%) !important;
    color:#fff !important;
}

/* ===== WIN001 V15: modal promocional 3 abas / referência lateral ===== */
.mw-native-promo-hidden { display:none !important; visibility:hidden !important; pointer-events:none !important; }
html.mw-promo-open, body.mw-promo-open { overflow:hidden !important; overscroll-behavior:none !important; }
.mw-promo-overlay {
    position:fixed !important; inset:0 !important; z-index:310000 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    padding:24px !important; background:rgba(2,6,10,.58) !important;
    -webkit-backdrop-filter:blur(10px) saturate(.88) !important;
    backdrop-filter:blur(10px) saturate(.88) !important;
    pointer-events:auto !important;
}
.mw-promo-shell {
    --mw-promo-accent:var(--ci-primary-color,var(--modal-popup-tab-active,#5994cf));
    --mw-promo-surface:color-mix(in srgb,var(--background-base-dark,#0c141c) 88%,#000 12%);
    position:relative !important; display:grid !important; grid-template-columns:minmax(112px,150px) minmax(280px,520px) !important;
    align-items:center !important; gap:10px !important; width:min(94vw,690px) !important; max-height:86vh !important;
}
.mw-promo-shell.is-single-tab { display:block !important; width:min(92vw,520px) !important; }
.mw-promo-rail {
    display:flex !important; flex-direction:column !important; gap:7px !important; align-items:stretch !important;
    padding:8px !important; border:1px solid color-mix(in srgb,var(--mw-promo-accent) 30%,rgba(255,255,255,.12)) !important;
    border-radius:16px !important; background:color-mix(in srgb,var(--mw-promo-surface) 94%,transparent 6%) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.28) !important;
}
.mw-promo-tab {
    width:100% !important; min-height:52px !important; display:flex !important; align-items:center !important; gap:9px !important;
    padding:9px 10px !important; border:1px solid transparent !important; border-radius:11px !important;
    background:rgba(255,255,255,.035) !important; color:rgba(255,255,255,.68) !important;
    font:inherit !important; font-size:12px !important; font-weight:800 !important; line-height:1.15 !important;
    text-align:left !important; cursor:pointer !important; transition:.18s ease !important;
}
.mw-promo-tab i { width:21px !important; font-size:16px !important; text-align:center !important; color:var(--mw-promo-accent) !important; }
.mw-promo-tab span { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.mw-promo-tab:hover { transform:translateX(2px) !important; background:rgba(255,255,255,.06) !important; }
.mw-promo-tab.active {
    color:#fff !important; background:color-mix(in srgb,var(--mw-promo-accent) 22%,var(--mw-promo-surface) 78%) !important;
    border-color:color-mix(in srgb,var(--mw-promo-accent) 70%,white 10%) !important;
    box-shadow:inset 3px 0 0 var(--mw-promo-accent),0 8px 18px rgba(0,0,0,.18) !important;
}
.mw-promo-card {
    position:relative !important; min-width:0 !important; max-height:86vh !important; overflow:visible !important;
    border:1px solid color-mix(in srgb,var(--mw-promo-accent) 32%,rgba(255,255,255,.13)) !important;
    border-radius:20px !important; background:var(--mw-promo-surface) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025) inset !important;
}
.mw-promo-pane { max-height:86vh !important; overflow:auto !important; border-radius:19px !important; scrollbar-width:thin !important; }
.mw-promo-media { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; background:#05090d !important; border-radius:19px 19px 0 0 !important; overflow:hidden !important; }
.mw-promo-pane.is-image-only .mw-promo-media { border-radius:19px !important; }
.mw-promo-image {
    display:block !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:78vh !important;
    object-fit:contain !important; object-position:center !important; margin:auto !important;
}
.mw-promo-copy { padding:17px 18px 19px !important; color:var(--text-color,#f5f7fa) !important; font-size:13px !important; line-height:1.55 !important; }
.mw-promo-copy :first-child { margin-top:0 !important; }
.mw-promo-copy :last-child { margin-bottom:0 !important; }
.mw-promo-close {
    position:absolute !important; top:-13px !important; right:-13px !important; z-index:4 !important;
    width:38px !important; height:38px !important; border-radius:999px !important;
    border:2px solid rgba(255,255,255,.88) !important; background:color-mix(in srgb,var(--mw-promo-surface) 90%,#000 10%) !important;
    color:#fff !important; font-size:28px !important; font-weight:400 !important; line-height:30px !important;
    display:flex !important; align-items:center !important; justify-content:center !important; padding:0 0 3px !important;
    cursor:pointer !important; box-shadow:0 8px 22px rgba(0,0,0,.42) !important;
}
.mw-promo-close:hover { transform:scale(1.06) !important; border-color:var(--mw-promo-accent) !important; }
@media (max-width:640px) {
    .mw-promo-overlay { padding:16px 12px 22px !important; }
    .mw-promo-shell { display:flex !important; flex-direction:column !important; gap:8px !important; width:min(94vw,460px) !important; max-height:90vh !important; }
    .mw-promo-rail { order:0 !important; width:100% !important; flex-direction:row !important; gap:5px !important; padding:6px !important; border-radius:14px !important; }
    .mw-promo-tab { flex:1 1 0 !important; min-width:0 !important; min-height:44px !important; justify-content:center !important; padding:7px 6px !important; font-size:10px !important; text-align:center !important; }
    .mw-promo-tab i { width:auto !important; font-size:13px !important; }
    .mw-promo-tab span { white-space:nowrap !important; }
    .mw-promo-tab:hover { transform:none !important; }
    .mw-promo-tab.active { box-shadow:inset 0 -3px 0 var(--mw-promo-accent) !important; }
    .mw-promo-card { order:1 !important; width:100% !important; max-height:80vh !important; }
    .mw-promo-pane { max-height:80vh !important; }
    .mw-promo-image { max-height:72vh !important; }
    .mw-promo-close { top:-11px !important; right:-9px !important; width:35px !important; height:35px !important; font-size:26px !important; }
}

/* ===== WIN001 V16 — correções visuais aplicadas diretamente ===== */
/* Depósito: loading real enquanto a API gera o PIX. */
#modalElDeposit .mw-pix-generating {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 300px !important;
    padding: 42px 22px 76px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    text-align: center !important;
    color: var(--text-color,#fff) !important;
    background-image: url('/assets/images/pix.png') !important;
    background-repeat: no-repeat !important;
    background-position: center calc(100% - 23px) !important;
    background-size: 72px auto !important;
}
#modalElDeposit .mw-pix-generating svg {
    width: 50px !important;
    height: 50px !important;
    color: rgba(255,255,255,.14) !important;
    fill: var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    filter: drop-shadow(0 8px 16px color-mix(in srgb,var(--ci-primary-color,#5994cf) 26%,transparent)) !important;
}
#modalElDeposit .mw-pix-generating-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    color: var(--text-color,#fff) !important;
}
#modalElDeposit .mw-pix-generating-label::after {
    content: '';
    display: inline-block;
    width: 1.35em;
    margin-left: 3px;
    text-align: left;
    animation: mwPixNativeDots 1.2s steps(4,end) infinite;
}
#modalElDeposit .mw-pix-generating::after {
    content: 'Aguarde alguns segundos enquanto preparamos seu pagamento seguro.';
    display: block !important;
    width: min(280px, 90%) !important;
    margin-top: -6px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    opacity: .68 !important;
}
@keyframes mwPixNativeDots {
    0% { content: ''; }
    25% { content: '.'; }
    50% { content: '..'; }
    75%,100% { content: '...'; }
}

/* Resultado do PIX: card limpo, QR central, copiar em um toque e instruções. */
#modalElDeposit .mw-pix-result-native {
    width: 100% !important;
    padding: 8px 10px 18px !important;
}
#modalElDeposit .mw-pix-result-card {
    width: 100% !important;
    max-width: 390px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 35%,rgba(255,255,255,.12)) !important;
    background: color-mix(in srgb,var(--ci-gray-dark,#0d1722) 92%,transparent 8%) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.24) !important;
    overflow: hidden !important;
}
#modalElDeposit .mw-pix-result-card > .headerss {
    order: 9 !important;
    margin: 13px 0 2px !important;
    padding: 0 !important;
}
#modalElDeposit .mw-pix-result-card > .headerss img {
    height: 34px !important;
    width: auto !important;
    max-width: 92px !important;
    object-fit: contain !important;
}
#modalElDeposit .mw-pix-result-card > div:nth-child(2) { order: 0 !important; }
#modalElDeposit .mw-pix-result-card > div:nth-child(2) p {
    font-size: 24px !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
}
#modalElDeposit .mw-pix-result-card .qr-code { display: block !important; max-width: 100% !important; }
#modalElDeposit .mw-pix-result-card > .p-3,
#modalElDeposit .mw-pix-qr-box {
    order: 1 !important;
    width: 254px !important;
    max-width: 90% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto 11px !important;
    padding: 10px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
}
#modalElDeposit .mw-pix-result-card > div:nth-child(4) { order: 2 !important; }
#modalElDeposit .mw-pix-result-card > div:nth-child(5) { order: 7 !important; margin-top: 10px !important; }
#modalElDeposit .mw-pix-result-card > div:nth-child(6) { order: 5 !important; width: 100% !important; margin-top: 8px !important; }
#modalElDeposit .mw-native-pix-copy-wrap {
    width: 100% !important;
    margin: 0 !important;
}
#modalElDeposit .mw-native-pix-copy-wrap > input { display: none !important; }
#modalElDeposit .mw-native-pix-copy-button {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 70%,white 18%) !important;
    border-radius: 12px !important;
    background: var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    color: var(--botao-deposito-text-nav,#fff) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    cursor: pointer !important;
    box-shadow: 0 9px 22px color-mix(in srgb,var(--ci-primary-color,#5994cf) 24%,transparent) !important;
}
#modalElDeposit .mw-native-pix-copy-button::after { content: 'Copiar código PIX'; }
#modalElDeposit .mw-native-pix-copy-button i { font-size: 14px !important; }
#modalElDeposit .mw-pix-result-card::after {
    order: 10 !important;
    content: 'Pague via Pix usando o aplicativo do seu banco. Escaneie o QR Code ou toque em “Copiar código PIX”. Após a confirmação, o saldo é atualizado automaticamente.';
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--text-color,#fff) !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    opacity: .82 !important;
}

/* Popup Telegram antigo: nunca deixa apenas o backdrop transparente preso na página. */
.whatsapp-popup-overlay.mw-community-disabled {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    backdrop-filter: none !important;
}

/* Modal promocional — referência: três botões laterais + arte + X circular. */
.mw-native-promo-hidden { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }
.mw-promo-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 310000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 10px !important;
    background: rgba(1,4,8,.62) !important;
    -webkit-backdrop-filter: blur(12px) saturate(.78) !important;
    backdrop-filter: blur(12px) saturate(.78) !important;
    pointer-events: auto !important;
}
.mw-promo-shell {
    --mw-promo-accent: var(--ci-primary-color,var(--modal-popup-tab-active,#5994cf));
    --mw-promo-surface: color-mix(in srgb,var(--ci-gray-dark,#101820) 88%,#000 12%);
    width: min(96vw, 468px) !important;
    max-height: 88vh !important;
    display: grid !important;
    grid-template-columns: minmax(96px, 122px) minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: center !important;
    position: relative !important;
}
.mw-promo-shell.is-single-tab { display:block !important; width:min(92vw,352px) !important; }
.mw-promo-rail {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.mw-promo-tab {
    width: 100% !important;
    min-height: 49px !important;
    padding: 8px 9px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-right-color: color-mix(in srgb,var(--mw-promo-accent) 48%,rgba(255,255,255,.08)) !important;
    border-radius: 6px 0 0 6px !important;
    background: color-mix(in srgb,var(--mw-promo-surface) 95%,transparent 5%) !important;
    color: rgba(255,255,255,.72) !important;
    box-shadow: 0 7px 17px rgba(0,0,0,.18) !important;
    font: inherit !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    text-align: left !important;
    cursor: pointer !important;
}
.mw-promo-tab i {
    width: 17px !important;
    flex: 0 0 17px !important;
    font-size: 14px !important;
    text-align: center !important;
    color: var(--mw-promo-accent) !important;
}
.mw-promo-tab span { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.mw-promo-tab.active {
    color: #fff !important;
    border-color: color-mix(in srgb,var(--mw-promo-accent) 62%,rgba(255,255,255,.14)) !important;
    background: color-mix(in srgb,var(--mw-promo-accent) 18%,var(--mw-promo-surface) 82%) !important;
    box-shadow: inset 3px 0 0 var(--mw-promo-accent), 0 8px 20px rgba(0,0,0,.23) !important;
}
.mw-promo-card {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 88vh !important;
    overflow: visible !important;
    border: 1px solid color-mix(in srgb,var(--mw-promo-accent) 24%,rgba(255,255,255,.11)) !important;
    border-radius: 8px !important;
    background: var(--mw-promo-surface) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.55) !important;
}
.mw-promo-pane {
    max-height: 88vh !important;
    overflow: auto !important;
    border-radius: 7px !important;
    scrollbar-width: thin !important;
}
.mw-promo-media {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #03070b !important;
    border-radius: 7px 7px 0 0 !important;
    overflow: hidden !important;
}
.mw-promo-pane.is-image-only .mw-promo-media { border-radius: 7px !important; }
.mw-promo-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 82vh !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
}
.mw-promo-copy {
    padding: 14px 15px 16px !important;
    color: var(--text-color,#fff) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}
.mw-promo-close {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    z-index: 9 !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 0 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid rgba(255,255,255,.9) !important;
    border-radius: 999px !important;
    background: rgba(7,12,16,.82) !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.38) !important;
    cursor: pointer !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
}
@media(max-width:390px) {
    .mw-promo-shell { width:97vw !important; grid-template-columns:88px minmax(0,1fr) !important; gap:5px !important; }
    .mw-promo-tab { min-height:45px !important; padding:6px 6px !important; font-size:9.5px !important; gap:5px !important; }
    .mw-promo-tab i { width:14px !important; flex-basis:14px !important; font-size:12px !important; }
    .mw-promo-close { width:31px !important; height:31px !important; font-size:23px !important; }
}

/* Segurança contra backdrop fantasma do convite antigo. Ele só aparece após o JS
   confirmar que existe um link de Telegram válido e preparar todo o conteúdo. */
.whatsapp-popup-overlay { display:none !important; }
.whatsapp-popup-overlay.mw-telegram-overlay-ready { display:flex !important; }

/* ===== WIN001 V16.1 FINAL — hardening das correções visuais ===== */
/* O popup de comunidade nunca pode deixar somente o backdrop na tela.
   Ele só se torna visível depois que o JS validou um link Telegram. */
.whatsapp-popup-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.whatsapp-popup-overlay.mw-telegram-overlay-ready {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* PIX: mesmo antes do MutationObserver rodar, o bundle V16 já ganha o layout clean. */
#modalElDeposit .mw-pix-result-card > div:nth-child(5) { display: none !important; }
#modalElDeposit .mw-pix-result-card > div:nth-child(6) > p { display: none !important; }
#modalElDeposit .mw-pix-result-card > div:nth-child(6) {
    width: 100% !important;
    margin-top: 8px !important;
}
#modalElDeposit .mw-pix-result-card > div:nth-child(4) p {
    font-size: 12px !important;
    opacity: .78 !important;
}
#modalElDeposit .mw-native-pix-copy-button::after {
    content: 'Copiar código PIX' !important;
    font-weight: 900 !important;
}

/* Gerenciar contas: o botão antigo ficava atrás da navegação inferior. */
.mw-account-add-bar {
    bottom: 72px !important;
    z-index: 220 !important;
    padding: 8px 10px !important;
    border-radius: 14px 14px 0 0 !important;
    box-shadow: 0 -10px 28px rgba(0,0,0,.22) !important;
}
.mw-account-add-bar .open-modal1-addaccount {
    min-height: 50px !important;
    padding: 7px 12px !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 42%,rgba(255,255,255,.10)) !important;
    border-radius: 12px !important;
    background: color-mix(in srgb,var(--ci-primary-color,#5994cf) 14%,var(--background-bottom-navigation,#111a24) 86%) !important;
}
.mw-account-add-bar .open-modal1-addaccount span { font-weight: 800 !important; }
@media (max-width: 640px) {
    .mw-account-add-bar { bottom: 68px !important; }
}

/* ========================================================================== 
   WIN001 V16.2 PATCH — ajuste final solicitado
   - Modal promocional mais compacto
   - Loading Pix realmente centralizado também na página /profile/financas
   - QR organizado + botão central + logo Pix + instruções
   ========================================================================== */

/* --- Modal promocional: reduzido sem perder a referência lateral --- */
.mw-promo-overlay {
    padding: 14px 10px !important;
}
.mw-promo-shell {
    width: min(92vw, 410px) !important;
    max-height: 78vh !important;
    grid-template-columns: minmax(86px, 98px) minmax(0, 1fr) !important;
    gap: 6px !important;
}
.mw-promo-shell.is-single-tab {
    width: min(88vw, 305px) !important;
}
.mw-promo-rail {
    gap: 5px !important;
}
.mw-promo-tab {
    min-height: 43px !important;
    padding: 7px 7px !important;
    gap: 6px !important;
    border-radius: 6px 0 0 6px !important;
    font-size: 9.8px !important;
    line-height: 1.1 !important;
}
.mw-promo-tab i {
    width: 15px !important;
    flex-basis: 15px !important;
    font-size: 12px !important;
}
.mw-promo-card,
.mw-promo-pane {
    max-height: 78vh !important;
}
.mw-promo-image {
    width: auto !important;
    max-width: 100% !important;
    max-height: 68vh !important;
    object-fit: contain !important;
}
.mw-promo-copy {
    padding: 11px 12px 13px !important;
    font-size: 11px !important;
}
.mw-promo-close {
    top: 6px !important;
    right: 6px !important;
    width: 31px !important;
    height: 31px !important;
    font-size: 23px !important;
}
@media (max-width: 430px) {
    .mw-promo-shell {
        width: min(96vw, 380px) !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 5px !important;
    }
    .mw-promo-tab {
        min-height: 41px !important;
        padding: 6px 5px !important;
        font-size: 9px !important;
    }
    .mw-promo-image { max-height: 64vh !important; }
}

/* --- Loading PIX: vale tanto no modal quanto na página de finanças --- */
.mw-pix-generating {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: min(520px, 68dvh) !important;
    margin: 0 auto !important;
    padding: 34px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    color: var(--text-color, #fff) !important;
}
.mw-pix-generating svg {
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 5px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.15) !important;
    fill: var(--ci-primary-color, var(--modal-popup-button, #5994cf)) !important;
    background: color-mix(in srgb, var(--ci-primary-color,#5994cf) 9%, transparent) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb,var(--ci-primary-color,#5994cf) 28%,transparent),
        0 12px 30px rgba(0,0,0,.20) !important;
    filter: drop-shadow(0 5px 12px color-mix(in srgb,var(--ci-primary-color,#5994cf) 24%,transparent)) !important;
}
.mw-pix-generating-label,
.mw-pix-generating > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    color: var(--text-color,#fff) !important;
}
.mw-pix-generating-label::after,
.mw-pix-generating > span::after {
    content: '';
    display: inline-block !important;
    width: 1.35em !important;
    margin-left: 2px !important;
    text-align: left !important;
    animation: mwPixNativeDots 1.15s steps(4,end) infinite !important;
}
.mw-pix-generating::after {
    content: 'Criando seu pagamento Pix com segurança. O QR Code vai aparecer em instantes.' !important;
    display: block !important;
    width: min(285px, 88%) !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: var(--text-color,#fff) !important;
    opacity: .64 !important;
}
.mw-pix-generating::before {
    content: '' !important;
    display: block !important;
    width: 76px !important;
    height: 30px !important;
    margin-top: 2px !important;
    background: url('/assets/images/pix.png') center / contain no-repeat !important;
    opacity: .88 !important;
    order: 5 !important;
}

/* --- Resultado PIX: estrutura centralizada e clean --- */
.mw-pix-result-native {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 12px 14px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.mw-pix-result-card {
    box-sizing: border-box !important;
    width: min(100%, 370px) !important;
    max-width: 370px !important;
    margin: 0 auto !important;
    padding: 16px 15px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: visible !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 26%,rgba(255,255,255,.10)) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb,var(--ci-gray-dark,#101a28) 94%,transparent 6%) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.20) !important;
}

/* Ordem: valor > QR > validade > copiar > logo PIX > instruções */
.mw-pix-result-card > .headerss {
    order: 5 !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 9px 0 3px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.mw-pix-result-card > .headerss img {
    width: auto !important;
    height: 34px !important;
    max-width: 94px !important;
    object-fit: contain !important;
}
.mw-pix-result-card > div:nth-child(2) {
    order: 0 !important;
    width: 100% !important;
    text-align: center !important;
}
.mw-pix-result-card > div:nth-child(2) p {
    margin: 0 0 10px !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    text-align: center !important;
}
.mw-pix-result-card > .p-3,
.mw-pix-result-card > div:nth-child(3) {
    order: 1 !important;
    box-sizing: border-box !important;
    width: 246px !important;
    max-width: 84vw !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto 9px !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
}
.mw-pix-result-card .qr-code {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 226px !important;
    max-height: 226px !important;
    margin: auto !important;
}
.mw-pix-result-card > div:nth-child(4) {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    text-align: center !important;
}
.mw-pix-result-card > div:nth-child(4) p {
    margin: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    opacity: .80 !important;
}
/* remove os textos antigos; as instruções novas entram no card final */
.mw-pix-result-card > div:nth-child(5) {
    display: none !important;
}
.mw-pix-result-card > div:nth-child(6) {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.mw-pix-result-card > div:nth-child(6) > p {
    display: none !important;
}
.mw-native-pix-copy-wrap {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
}
.mw-native-pix-copy-wrap > input {
    display: none !important;
}
.mw-native-pix-copy-button {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: min(100%, 258px) !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 72%,white 16%) !important;
    border-radius: 12px !important;
    background: var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    color: var(--botao-deposito-text-nav,#fff) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 9px 22px color-mix(in srgb,var(--ci-primary-color,#5994cf) 23%,transparent) !important;
}
.mw-native-pix-copy-button::after {
    content: 'Copiar código Pix' !important;
    display: inline !important;
    font-weight: 900 !important;
}
.mw-native-pix-copy-button i {
    display: inline-block !important;
    position: static !important;
    font-size: 13px !important;
}
.mw-native-pix-copy-button:active {
    transform: scale(.985) !important;
}

/* bloco de instruções no estilo da referência enviada */
.mw-pix-result-card::after {
    content: 'Abra seu aplicativo de pagamento e escaneie o QR Code para concluir o pagamento.\A\ASe preferir, toque em “Copiar código Pix” e cole o código no aplicativo do seu banco.\A\AEste QR Code deve ser pago apenas uma vez. Para um novo pagamento, gere um novo código.' !important;
    order: 6 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--text-color,#fff) !important;
    font-size: 10.5px !important;
    line-height: 1.42 !important;
    text-align: left !important;
    white-space: pre-line !important;
    opacity: .84 !important;
}

@media (max-width: 520px) {
    .mw-pix-generating {
        min-height: min(470px, 64dvh) !important;
        padding: 28px 14px !important;
    }
    .mw-pix-generating svg { width: 54px !important; height: 54px !important; }
    .mw-pix-result-native { padding: 10px 9px 18px !important; }
    .mw-pix-result-card {
        width: min(100%, 350px) !important;
        padding: 14px 12px !important;
        border-radius: 16px !important;
    }
    .mw-pix-result-card > .p-3,
    .mw-pix-result-card > div:nth-child(3) {
        width: 232px !important;
        padding: 9px !important;
    }
    .mw-pix-result-card .qr-code { max-width: 214px !important; max-height: 214px !important; }
    .mw-native-pix-copy-button { width: min(100%, 246px) !important; min-height: 44px !important; }
}

/* ========================================================================
   WIN001 V17 — modal de referência + PIX final + correções responsivas
   Este bloco é intencionalmente o último: substitui as versões visuais antigas.
   ======================================================================== */

/* Modal: composição única em desktop e mobile, sem blur pesado. */
.mw-native-promo-hidden {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
html.mw-promo-open,
body.mw-promo-open {
    overflow:hidden !important;
    overscroll-behavior:none !important;
}
.mw-promo-overlay {
    position:fixed !important;
    inset:0 !important;
    z-index:310000 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    padding:24px 14px 76px !important;
    background:rgba(0,0,0,.66) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}
.mw-promo-shell,
.mw-promo-shell.is-single-tab {
    --mw-promo-accent:var(--ci-primary-color,var(--modal-popup-tab-active,#5994cf));
    --mw-promo-rail-bg:color-mix(in srgb,var(--ci-gray-dark,#111820) 86%,var(--mw-promo-accent) 14%);
    --mw-promo-rail-active:color-mix(in srgb,var(--mw-promo-accent) 28%,var(--ci-gray-dark,#111820) 72%);
    position:relative !important;
    width:min(94vw,470px) !important;
    max-width:470px !important;
    max-height:min(76vh,390px) !important;
    display:grid !important;
    grid-template-columns:116px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    border-radius:13px !important;
    overflow:visible !important;
    filter:drop-shadow(0 18px 36px rgba(0,0,0,.38)) !important;
}
.mw-promo-rail {
    position:relative !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    max-height:min(76vh,390px) !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:13px 0 0 13px !important;
    background:var(--mw-promo-rail-bg) !important;
    box-shadow:none !important;
}
.mw-promo-tab {
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    margin:0 !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:19px minmax(0,1fr) !important;
    align-items:center !important;
    justify-content:start !important;
    gap:8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.13 !important;
    font-weight:700 !important;
    text-align:left !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:.72 !important;
    transition:background .16s ease,opacity .16s ease !important;
}
.mw-promo-tab:hover {
    transform:none !important;
    background:rgba(255,255,255,.055) !important;
    opacity:.92 !important;
}
.mw-promo-tab.active {
    background:var(--mw-promo-rail-active) !important;
    color:#fff !important;
    opacity:1 !important;
    box-shadow:inset 3px 0 0 var(--mw-promo-accent) !important;
}
.mw-promo-tab i {
    width:19px !important;
    min-width:19px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:15px !important;
    text-align:center !important;
    opacity:.95 !important;
}
.mw-promo-tab span {
    display:block !important;
    min-width:0 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.mw-promo-card {
    position:relative !important;
    min-width:0 !important;
    width:100% !important;
    height:auto !important;
    max-height:min(76vh,390px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 13px 13px 0 !important;
    background:color-mix(in srgb,var(--ci-gray-dark,#111820) 94%,#fff 6%) !important;
    box-shadow:none !important;
}
.mw-promo-pane {
    width:100% !important;
    height:100% !important;
    max-height:min(76vh,390px) !important;
    overflow:auto !important;
    border-radius:0 13px 13px 0 !important;
    background:transparent !important;
    scrollbar-width:thin !important;
}
.mw-promo-media,
.mw-promo-pane.is-image-only .mw-promo-media {
    width:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:0 13px 13px 0 !important;
    background:transparent !important;
}
.mw-promo-image {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:min(76vh,390px) !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center !important;
}
.mw-promo-copy {
    box-sizing:border-box !important;
    padding:16px 17px 18px !important;
    color:var(--text-color,#fff) !important;
    font-size:12px !important;
    line-height:1.48 !important;
}
.mw-promo-close {
    position:absolute !important;
    z-index:4 !important;
    top:auto !important;
    right:auto !important;
    bottom:-57px !important;
    left:50% !important;
    width:43px !important;
    height:43px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:3px solid #fff !important;
    border-radius:999px !important;
    background:rgba(7,11,15,.72) !important;
    color:#fff !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:400 !important;
    box-shadow:0 6px 20px rgba(0,0,0,.32) !important;
    transform:translateX(-50%) !important;
    cursor:pointer !important;
}
.mw-promo-close:hover {
    border-color:#fff !important;
    background:rgba(25,31,38,.94) !important;
    transform:translateX(-50%) scale(1.04) !important;
}

@media (max-width:560px) {
    .mw-promo-overlay {
        padding:18px 10px 66px !important;
    }
    .mw-promo-shell,
    .mw-promo-shell.is-single-tab {
        width:min(96vw,420px) !important;
        max-width:420px !important;
        max-height:72vh !important;
        grid-template-columns:88px minmax(0,1fr) !important;
        border-radius:11px !important;
    }
    .mw-promo-rail {
        max-height:72vh !important;
        border-radius:11px 0 0 11px !important;
    }
    .mw-promo-tab {
        min-height:52px !important;
        grid-template-columns:15px minmax(0,1fr) !important;
        gap:6px !important;
        padding:8px 7px !important;
        font-size:10px !important;
    }
    .mw-promo-tab i {
        width:15px !important;
        min-width:15px !important;
        font-size:12px !important;
    }
    .mw-promo-card,
    .mw-promo-pane,
    .mw-promo-image {
        max-height:72vh !important;
    }
    .mw-promo-card,
    .mw-promo-pane,
    .mw-promo-media,
    .mw-promo-pane.is-image-only .mw-promo-media {
        border-radius:0 11px 11px 0 !important;
    }
    .mw-promo-close {
        bottom:-51px !important;
        width:40px !important;
        height:40px !important;
        font-size:27px !important;
    }
}
@media (max-width:350px) {
    .mw-promo-shell,
    .mw-promo-shell.is-single-tab {
        width:96vw !important;
        grid-template-columns:76px minmax(0,1fr) !important;
    }
    .mw-promo-tab { font-size:9px !important; padding-left:5px !important; padding-right:5px !important; }
}

/* PIX — etapa de criação: somente spinner + texto, realmente centralizados. */
#modalElDeposit .mw-pix-generating,
.mw-pix-generating {
    box-sizing:border-box !important;
    width:100% !important;
    min-height:clamp(390px,calc(100dvh - 190px),640px) !important;
    margin:0 auto !important;
    padding:34px 18px 74px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:15px !important;
    text-align:center !important;
    color:var(--text-color,#fff) !important;
}
#modalElDeposit .mw-pix-generating::before,
#modalElDeposit .mw-pix-generating::after,
.mw-pix-generating::before,
.mw-pix-generating::after {
    content:none !important;
    display:none !important;
    background:none !important;
}
#modalElDeposit .mw-pix-generating-copy,
#modalElDeposit .mw-pix-generating-logo,
.mw-pix-generating-copy,
.mw-pix-generating-logo {
    display:none !important;
}
#modalElDeposit .mw-pix-generating svg,
.mw-pix-generating svg {
    width:58px !important;
    height:58px !important;
    margin:0 auto !important;
    padding:5px !important;
    border-radius:999px !important;
    color:rgba(255,255,255,.16) !important;
    fill:var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    background:color-mix(in srgb,var(--ci-primary-color,#5994cf) 8%,transparent) !important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--ci-primary-color,#5994cf) 28%,transparent),0 10px 28px rgba(0,0,0,.22) !important;
}
#modalElDeposit .mw-pix-generating-label,
.mw-pix-generating-label,
.mw-pix-generating > span {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:28px !important;
    margin:0 !important;
    color:var(--text-color,#fff) !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}
#modalElDeposit .mw-pix-generating-label::after,
.mw-pix-generating-label::after,
.mw-pix-generating > span::after {
    content:'' !important;
    display:inline-block !important;
    width:1.45em !important;
    margin-left:2px !important;
    text-align:left !important;
    animation:mwPixNativeDots 1.15s steps(4,end) infinite !important;
}

/* PIX — resultado: ocupa melhor a tela e mantém uma hierarquia visual clara. */
.mw-pix-result-native {
    box-sizing:border-box !important;
    width:100% !important;
    min-height:clamp(590px,calc(100dvh - 155px),760px) !important;
    margin:0 auto !important;
    padding:18px 10px 86px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
.mw-pix-result-card {
    box-sizing:border-box !important;
    width:min(100%,392px) !important;
    max-width:392px !important;
    margin:0 auto !important;
    padding:18px 17px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    overflow:visible !important;
    border:1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 25%,rgba(255,255,255,.10)) !important;
    border-radius:19px !important;
    background:color-mix(in srgb,var(--ci-gray-dark,#101a28) 95%,transparent 5%) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}
.mw-pix-result-card > div:nth-child(2) p {
    margin:0 0 13px !important;
    font-size:26px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
}
.mw-pix-result-card > .p-3,
.mw-pix-result-card > div:nth-child(3),
#modalElDeposit .mw-pix-qr-box {
    box-sizing:border-box !important;
    width:260px !important;
    max-width:82vw !important;
    aspect-ratio:1/1 !important;
    margin:0 auto 10px !important;
    padding:10px !important;
    border-radius:16px !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 10px 28px rgba(0,0,0,.23) !important;
}
.mw-pix-result-card .qr-code,
#modalElDeposit .mw-pix-real-qr {
    width:100% !important;
    height:100% !important;
    max-width:240px !important;
    max-height:240px !important;
    margin:auto !important;
    object-fit:contain !important;
}
.mw-pix-result-card > div:nth-child(4) {
    margin:0 0 13px !important;
}
.mw-pix-result-card > div:nth-child(4) p {
    font-size:12px !important;
    opacity:.84 !important;
}
.mw-pix-result-card > div:nth-child(5) { display:none !important; }
.mw-pix-result-card > div:nth-child(6),
#modalElDeposit .mw-pix-actions {
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
}
.mw-pix-result-card > div:nth-child(6) > p { display:none !important; }
.mw-native-pix-copy-wrap {
    position:static !important;
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    justify-content:center !important;
}
.mw-native-pix-copy-wrap > input { display:none !important; }
.mw-native-pix-copy-button {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
    width:min(100%,280px) !important;
    min-height:48px !important;
    margin:0 auto !important;
    padding:0 17px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border:1px solid color-mix(in srgb,var(--ci-primary-color,#5994cf) 72%,white 15%) !important;
    border-radius:13px !important;
    background:var(--ci-primary-color,var(--modal-popup-button,#5994cf)) !important;
    color:var(--botao-deposito-text-nav,#fff) !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    cursor:pointer !important;
    box-shadow:0 9px 23px color-mix(in srgb,var(--ci-primary-color,#5994cf) 24%,transparent) !important;
}
.mw-native-pix-copy-button::after {
    content:'Copiar código Pix' !important;
    display:inline !important;
    font-weight:900 !important;
}
.mw-native-pix-copy-button.is-copied::after { content:'Código Pix copiado!' !important; }
.mw-native-pix-copy-button:active { transform:scale(.985) !important; }
.mw-pix-result-card::after { content:none !important; display:none !important; }

#modalElDeposit .mw-pix-info-card {
    box-sizing:border-box !important;
    width:100% !important;
    margin:22px 0 0 !important;
    padding:16px 14px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:11px !important;
    border:1px solid rgba(255,255,255,.105) !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.032) !important;
    color:var(--text-color,#fff) !important;
}
#modalElDeposit .mw-pix-info-logo {
    width:100% !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
#modalElDeposit .mw-pix-info-logo img {
    width:auto !important;
    height:38px !important;
    max-width:116px !important;
    margin:0 auto !important;
    object-fit:contain !important;
}
#modalElDeposit .mw-pix-howto {
    width:100% !important;
    display:block !important;
    text-align:left !important;
}
#modalElDeposit .mw-pix-howto strong {
    display:block !important;
    margin:0 0 9px !important;
    color:var(--text-color,#fff) !important;
    font-size:13px !important;
    line-height:1.25 !important;
    text-align:center !important;
}
#modalElDeposit .mw-pix-howto ol {
    margin:0 !important;
    padding:0 0 0 19px !important;
    color:var(--text-color,#fff) !important;
    font-size:10.5px !important;
    line-height:1.48 !important;
    opacity:.82 !important;
}
#modalElDeposit .mw-pix-howto li + li { margin-top:5px !important; }

/* Toast de confirmação da cópia. */
.mw-global-toast {
    position:fixed !important;
    z-index:400000 !important;
    left:50% !important;
    bottom:86px !important;
    box-sizing:border-box !important;
    max-width:min(90vw,360px) !important;
    min-height:44px !important;
    padding:10px 15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:12px !important;
    background:rgba(10,18,25,.96) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    box-shadow:0 14px 38px rgba(0,0,0,.34) !important;
    opacity:0 !important;
    transform:translate(-50%,10px) !important;
    transition:opacity .18s ease,transform .18s ease !important;
    pointer-events:none !important;
}
.mw-global-toast i { color:#62d98b !important; }
.mw-global-toast.is-visible { opacity:1 !important; transform:translate(-50%,0) !important; }

@media (max-width:520px) {
    #modalElDeposit .mw-pix-generating,
    .mw-pix-generating {
        min-height:clamp(360px,calc(100dvh - 175px),590px) !important;
        padding:28px 14px 84px !important;
    }
    #modalElDeposit .mw-pix-generating svg,
    .mw-pix-generating svg { width:55px !important; height:55px !important; }
    .mw-pix-result-native {
        min-height:clamp(570px,calc(100dvh - 135px),740px) !important;
        padding:14px 8px 96px !important;
    }
    .mw-pix-result-card {
        width:min(100%,360px) !important;
        padding:16px 12px 15px !important;
        border-radius:17px !important;
    }
    .mw-pix-result-card > div:nth-child(2) p { font-size:24px !important; margin-bottom:11px !important; }
    .mw-pix-result-card > .p-3,
    .mw-pix-result-card > div:nth-child(3),
    #modalElDeposit .mw-pix-qr-box {
        width:244px !important;
        padding:9px !important;
    }
    .mw-pix-result-card .qr-code,
    #modalElDeposit .mw-pix-real-qr { max-width:226px !important; max-height:226px !important; }
    .mw-native-pix-copy-button { width:min(100%,264px) !important; min-height:46px !important; }
    #modalElDeposit .mw-pix-info-card { margin-top:19px !important; padding:14px 12px 13px !important; }
    #modalElDeposit .mw-pix-info-logo img { height:34px !important; max-width:104px !important; }
    .mw-global-toast { bottom:82px !important; }
}