.count-payments{font-family:CountBody,'Trebuchet MS',sans-serif;color:#eef6ff}
body.count-wallet-open{overflow:hidden}
.count-payments *{box-sizing:border-box}
.count-payments .modal-backdrop{position:fixed;inset:0;background:#020817ba;opacity:0;visibility:hidden;z-index:1200}
.count-payments .modal-backdrop.active{opacity:1;visibility:visible}
.count-payments .modal-center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;pointer-events:none;z-index:1250}
.count-payments .modal-center.active{opacity:1;visibility:visible;pointer-events:auto}
.count-payments .modal-card{position:relative;width:100%;max-width:460px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #3a587d;border-radius:24px;background:radial-gradient(ellipse at top,#203a60,#111d33 65%);box-shadow:0 28px 85px #0009;scrollbar-width:thin;scrollbar-color:#3c6588 #122138}
.count-payments .mini-card{max-width:390px}
.count-payments .modal-close-modern{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;background:#263e5c;border:1px solid #526b8c;border-radius:50%;color:white;cursor:pointer;z-index:3}
.count-payments .form-modern{padding:48px 25px 28px;display:flex;flex-direction:column;gap:18px;margin:0}
.count-payments .modal-header-modern{display:flex;flex-direction:column;text-align:center;gap:9px}
.count-payments .title-hw{font:400 34px/1.1 CountDisplay,sans-serif;color:#fff;margin:0;letter-spacing:.02em;text-shadow:0 3px #185689;paint-order:stroke fill;-webkit-text-stroke:3px #216ca0}
.count-payments .subtitle{font-size:13px;color:#adbed6}
.count-payments .bonus-alert{background:#214e4a;border:1px solid #3e8b7a;padding:7px 12px;border-radius:12px;font-size:12px;color:#b5ffe5;max-width:100%;margin:auto}
.count-payments .balance-badge-m{font-size:13px;color:#adc4df}.count-payments .balance-badge-m strong{color:#ffce48}
.count-payments .input-huge-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:72px;border:1px solid #476b90;border-radius:16px;background:#09172a}
.count-payments .input-huge-wrap:focus-within,.count-payments .pix-input-group:focus-within{border-color:#7ecfff;box-shadow:0 0 0 3px #58bfff20}
.count-payments .input-huge-wrap .prefix{position:absolute;left:18px;color:#98b3d5;font-weight:900;font-size:20px}
.count-payments .input-huge-wrap input{width:65%;min-width:0;text-align:center;font:900 36px CountBody,sans-serif;background:none;color:white;border:0;outline:none;padding:0}
.count-payments .bonus-preview-float{display:none;position:absolute;right:8px;top:-12px;background:#9be8cc;color:#12382e;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:900}
.count-payments .chips-modern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}
.count-payments .chips-modern.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.count-payments .chip-m{position:relative;min-height:47px;border:1px solid #385578;border-radius:12px;background:#1c324f;color:#daebff;font:900 15px CountBody,sans-serif;cursor:pointer}
.count-payments .chip-m.active{background:#235467;border-color:#71dcc8;color:#cffff3}
.count-payments .badge-m{position:absolute;top:-8px;right:3px;background:#376990;color:#edf9ff;border-radius:5px;padding:2px 5px;font:900 8px CountBody,sans-serif;white-space:nowrap}
.count-payments .badge-m.hot{background:#b05137}.count-payments .badge-m.vip{background:#7d6630}
.count-payments .btn-hw-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;border:2px solid #ffe076;border-radius:27px;background:linear-gradient(#ffdc54,#ffb51d);box-shadow:0 5px #aa6308;color:#533005;font:900 18px CountBody,sans-serif;cursor:pointer;padding:10px 15px}
.count-payments .btn-hw-primary:disabled{opacity:.5;cursor:wait}.count-payments .btn-hw-primary:not(:disabled):hover{filter:brightness(1.07)}
.count-payments .btn-hw-small{display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid #6bd2c2;background:#3fbcad;color:#083b38;border-radius:10px;padding:10px 13px;font:900 13px CountBody,sans-serif;cursor:pointer}
.count-payments .secure-area-m{background:#0b192b;border:1px solid #2f4968;border-radius:15px;padding:14px}
.count-payments .cpf-locked-m{display:flex;align-items:center;gap:12px}.count-payments .cpf-info-m{display:grid;gap:5px}.count-payments .label-m{color:#94b3d3;font-size:12px}.count-payments .val-m{font-weight:800;font-size:15px}.count-payments .icon-hw{color:#6cddc3;font-size:25px}.count-payments .icon-hw.huge{font-size:40px}
.count-payments .toggle-eye{margin-left:10px;color:#a3ceef;cursor:pointer}.count-payments .alert-m{color:#f5cc87;font-size:12px;margin-bottom:12px;line-height:1.5}
.count-payments .input-group-m{display:flex;gap:8px;min-width:0}.count-payments .input-group-m input{width:100%;min-width:0;flex:1;background:#132540;border:1px solid #466285;border-radius:10px;color:#fff;padding:10px;font:700 15px CountBody,sans-serif}
.count-payments .pix-key-area label{display:block;margin-bottom:8px;font-size:13px;font-weight:800}
.count-payments .pix-input-group{display:flex;align-items:center;border:1px solid #405d81;border-radius:12px;background:#0b192b;min-height:53px;overflow:hidden}
.count-payments .pix-input-group select{background:#152740;border:0;color:#c2ddf7;width:108px;padding:14px 6px;font:700 13px CountBody,sans-serif}
.count-payments .pix-input-group input{flex:1;min-width:0;width:100%;background:none;border:0;color:#fff;padding:13px 9px;font:700 15px CountBody,sans-serif}
.count-payments .pix-input-group .divider{width:1px;align-self:stretch;background:#3d5570}
.count-payments .qr-area-modern{text-align:center;padding:48px 24px 28px}.count-payments .qr-header-m p{color:#b7cbe3;font-size:14px}.count-payments .qr-box-m{width:max-content;margin:20px auto;background:white;border-radius:16px;padding:14px}.count-payments .qr-box-m img{display:block;width:180px;height:180px}
.count-payments .copy-group-m{display:flex;gap:8px}.count-payments .copy-group-m input{width:100%;min-width:0;background:#09172a;border:1px solid #476383;color:#d9eaff;border-radius:10px;padding:10px}
.count-payments .waiting-m{color:#8ed9c5;margin-top:22px;font-size:14px}.count-payments .center-text{text-align:center}.count-payments .desc-m{color:#b7cbe3;margin:0}.count-payments .huge-value-hw{font:900 34px CountBody,sans-serif;color:#ffcd46}
.count-payments .hidden{display:none!important}.count-payments :focus-visible{outline:3px solid #80d3ff;outline-offset:3px}.count-payments .spin{display:inline-block;animation:count-wallet-spin 1s linear infinite}
@keyframes count-wallet-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.count-payments .modal-center{padding:12px}.count-payments .modal-card{max-height:calc(100dvh - 24px);border-radius:20px}.count-payments .form-modern{padding:48px 18px 24px;gap:16px}.count-payments .title-hw{font-size:29px}.count-payments .chip-m{font-size:13px}.count-payments .qr-area-modern{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.count-payments .spin{animation:none}}