.brand_type-wrapper img.ico-brand-type{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}

.navbar-buttons-login-wrapper.account-header{gap:8px!important;color:#fff;flex-shrink:0;font-family:inherit}
.account-header .account-wallet{height:38px;display:flex;align-items:center;gap:9px;padding:4px 4px 4px 8px;background:#ffffff30;border-radius:12px;white-space:nowrap}
.account-header .account-currency{background:#fff;color:#1877f2;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:700;line-height:14px}
.account-header .account-balance{font-size:15px;font-weight:700;line-height:20px}
.account-header .account-deposit{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:32px;margin-left:1px;border:0;border-radius:8px;background:#fff;color:#1877f2;font-size:23px;font-weight:700;cursor:pointer;padding:5px 0 0;line-height:1}
.account-header .account-pix{position:absolute;top:-6px;right:-3px;display:flex;align-items:center;gap:2px;height:17px;padding:0 4px;background:#ffdf00;color:#101010;border-radius:6px;font-size:9px;font-weight:800;line-height:17px}
.account-header .account-pix svg{width:10px;height:10px}
.account-header .account-dropdown{position:relative}
.account-header .account-toggle{display:flex;align-items:center;gap:8px;height:38px;border:0;border-radius:9px;padding:5px 8px 5px 6px;background:#ffffff30;color:white;cursor:pointer;font-family:inherit}
.account-header .account-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:white;color:#1877f2;font-size:12px;font-weight:600}
.account-header .account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.account-header .account-arrow{font-size:9px;margin-left:1px;color:#fff}
.account-header .account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:6px;background:#1c2e49;border:1px solid #ffffff26;border-radius:9px;box-shadow:0 8px 24px #0005;z-index:1100}
.account-header .account-menu[hidden]{display:none}
.account-header .account-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}
.account-header .account-menu button:hover{background:#ffffff20}
.account-header button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:380px){.account-header .account-name{max-width:95px}.navbar-buttons-login-wrapper.account-header{gap:6px!important}.account-header .account-wallet{gap:6px}}

.account-header .account-menu{top:110%;width:220px;min-width:220px;max-width:calc(100vw - 24px);padding:10px 0;background:#15181f;border:1px solid #2d3748;border-radius:8px;box-shadow:0 4px 12px #0008;text-align:left;line-height:16px}
.account-header .account-menu-identity{padding:10px 15px}
.account-header .account-menu-name{color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;overflow-wrap:anywhere}
.account-header .account-menu-email{color:#9ca3af;font-size:12px;overflow-wrap:anywhere}
.account-header .account-menu-divider{height:1px;background:#2d3748;margin:5px 0}
.account-header .account-menu .account-menu-item,.account-header .account-menu .account-logout{display:flex;align-items:center;gap:12px;width:100%;padding:10px 15px;color:#d1d5db;font-size:14px;font-weight:400;line-height:16px;border:0;border-radius:0;background:transparent;text-decoration:none;transition:background .2s;font-family:inherit}
.account-header .account-menu i{width:18px;flex-shrink:0;color:#a5a9b0}
.account-header .account-menu .account-logout{justify-content:center;gap:5px;color:#ef4444;font-weight:700}
.account-header .account-menu .account-logout i{color:inherit}
.account-header .account-menu .account-menu-item:hover,.account-header .account-menu .account-logout:hover{background:#ffffff0d}

/* Menu de tipos de chave Pix no saque. */
#sacar .pix-key-field{padding:0!important;position:relative}
.pix-key-picker{position:relative;width:100%;font-family:inherit}
.pix-key-trigger,.pix-key-option{display:flex;align-items:center;gap:12px;width:100%;border:0;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:#e8e8e8}
.pix-key-trigger{min-height:48px;padding:12px 15px;background:#2c2c2c;border-radius:8px}
.pix-key-picker svg{width:21px;height:21px;flex-shrink:0}
.pix-key-trigger span,.pix-key-option span{flex:1}
.pix-key-trigger .pix-key-chevron{width:16px;height:16px;color:#aaa;transition:transform .15s}
.pix-key-trigger[aria-expanded="true"] .pix-key-chevron{transform:rotate(180deg)}
.pix-key-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;padding:6px;background:#252525;border:1px solid #484848;border-radius:10px;box-shadow:0 12px 28px #0008}
.pix-key-options[hidden]{display:none}
.pix-key-option{min-height:44px;padding:10px;border-radius:6px;background:transparent}
.pix-key-option:hover,.pix-key-option:focus{background:#383838;outline:none}
.pix-key-option[aria-selected="true"]{background:#ffffff14;color:#fff}
.pix-key-option[aria-selected="true"]::after{content:'✓';font-size:16px}
.pix-key-trigger:focus-visible{outline:2px solid #aaa;outline-offset:2px}

/* Modal Taxa de Saque - 100% fiel à Imagem 1 */
#qrCodeTaxModal .modal-dialog {
  max-width: 420px !important;
  margin: 1.5rem auto !important;
}
#qrCodeTaxModal .modal-content {
  background-color: #0d0e12 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.9) !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
#qrCodeTaxModal .tax-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 auto 6px auto !important;
  max-width: 320px !important;
  text-align: center !important;
}
#qrCodeTaxModal .tax-amount {
  color: #ffd000 !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  margin: 4px 0 6px 0 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
}
#qrCodeTaxModal .tax-subtitle {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 auto 16px auto !important;
  max-width: 320px !important;
  text-align: center !important;
}
#qrCodeTaxModal .tax-warning-box {
  background: rgba(220, 38, 38, 0.12) !important;
  border: 1px solid rgba(220, 38, 38, 0.25) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin: 0 auto 16px auto !important;
  max-width: 340px !important;
  text-align: center !important;
}
#qrCodeTaxModal .tax-warning-text {
  color: #ff4d4f !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  display: block !important;
  margin: 0 !important;
}
#qrCodeTaxModal .tax-withdrawing-text {
  color: #c2c5cc !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0 0 16px 0 !important;
  text-align: center !important;
}
#qrCodeTaxModal .tax-qr-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 12px !important;
  width: 270px !important;
  height: 270px !important;
  max-width: 100% !important;
  margin: 0 auto 18px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6) !important;
}
#qrCodeTaxModal .tax-qr-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
#qrCodeTaxModal .tax-copy-field {
  background: #181a1f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  height: 46px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 320px !important;
  margin: 0 auto 16px auto !important;
  width: 100% !important;
}
#qrCodeTaxModal .tax-copy-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ff4d4f !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  width: 100% !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-family: monospace !important;
}
#qrCodeTaxModal .tax-copy-btn {
  background-color: #0070f3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 11px 42px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
  box-shadow: 0 4px 14px rgba(0, 112, 243, 0.4) !important;
  transition: transform 0.1s ease, background-color 0.2s ease !important;
}
#qrCodeTaxModal .tax-copy-btn:hover {
  background-color: #0060df !important;
}
#qrCodeTaxModal .tax-copy-btn:active {
  transform: scale(0.97) !important;
}

/* ==========================================================================
   MODAL QR CODE DEPÓSITO PIX (#qrCodeModal) - ALINHAMENTO E SEM FAIXA BRANCA
   ========================================================================== */
#qrCodeModal .modal-dialog {
  max-width: 440px !important;
  margin: 1.5rem auto !important;
}

#qrCodeModal .modal-content,
#qrCodeModal .qr-modal-content {
  background-color: #1a1a1e !important;
  background: #1a1a1e !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 18px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  overflow: hidden !important;
}

#qrCodeModal .window-register,
#qrCodeModal .qr-modal-wrapper,
#qrCodeModal .align-center-windows {
  background-color: transparent !important;
  background: transparent !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  border: none !important;
}

#qrCodeModal .card.windows,
#qrCodeModal .qr-modal-card {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 24px !important;
  margin: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  position: relative !important;
}

#qrCodeModal .eng-title-qr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-right: 36px !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#qrCodeModal .eng-title-qr h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
  letter-spacing: -0.2px !important;
}

#qrCodeModal .qr-valor-badge {
  display: inline-flex !important;
  align-items: center !important;
}

#qrCodeModal #modalValor {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: rgba(24, 119, 242, 0.18) !important;
  border: 1px solid rgba(24, 119, 242, 0.4) !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

#qrCodeModal .eng-close-windows {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  color: #adb5bd !important;
  z-index: 10 !important;
  margin: 0 !important;
}

#qrCodeModal .eng-close-windows:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  transform: rotate(90deg) !important;
}

#qrCodeModal .eng-close-windows .content-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#qrCodeModal .eng-qr-code {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

#qrCodeModal .img-qr-code {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 4px auto 14px auto !important;
  width: 210px !important;
  height: 210px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 10px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

#qrCodeModal .img-qr-code img#qrcode {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 6px !important;
}

#qrCodeModal #modalText {
  text-align: center !important;
  color: #9aa0a6 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 auto 16px auto !important;
  max-width: 320px !important;
}

#qrCodeModal .eng-right-qr {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#qrCodeModal .eng-text-field {
  position: relative !important;
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

#qrCodeModal .eng-text-field .icon-field {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#qrCodeModal .eng-text-field .icon-field img {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: 0 !important;
}

#qrCodeModal input#qrCodeTexto,
#qrCodeModal .qrCodeTextoclass {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
  background-color: #121316 !important;
  border: 1px solid #32353f !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-family: inherit !important;
  padding: 0 12px 0 42px !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#qrCodeModal input#qrCodeTexto:focus,
#qrCodeModal .qrCodeTextoclass:focus {
  border-color: #1877f2 !important;
  box-shadow: 0 0 0 2px rgba(24, 119, 242, 0.25) !important;
}

#qrCodeModal input#qrCodeTexto.copiado,
#qrCodeModal .qrCodeTextoclass.copiado {
  border-color: #28a745 !important;
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.3) !important;
}

#qrCodeModal button.btn-primary,
#qrCodeModal #btnCopiarPix,
#qrCodeModal .btn-copiar-pix {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  background: linear-gradient(135deg, #1877f2 0%, #0d5bbf 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(24, 119, 242, 0.35) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

#qrCodeModal button.btn-primary:hover,
#qrCodeModal #btnCopiarPix:hover,
#qrCodeModal .btn-copiar-pix:hover {
  background: linear-gradient(135deg, #2884f8 0%, #1669d6 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(24, 119, 242, 0.45) !important;
}

#qrCodeModal button.btn-primary:active,
#qrCodeModal #btnCopiarPix:active,
#qrCodeModal .btn-copiar-pix:active {
  transform: translateY(0) !important;
}

#qrCodeModal #pixPaymentStatus,
#qrCodeModal .qr-payment-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 16px auto 0 auto !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #adb5bd !important;
  font-size: 12px !important;
  text-align: center !important;
  width: auto !important;
  max-width: 100% !important;
}

#qrCodeModal .qr-status-pulse {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #1877f2 !important;
  box-shadow: 0 0 8px #1877f2 !important;
  display: inline-block !important;
  animation: qrStatusPulse 1.6s infinite ease-in-out !important;
  flex-shrink: 0 !important;
}

@keyframes qrStatusPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.8); }
}

@media(max-width: 480px) {
  #qrCodeModal .modal-dialog {
    margin: 12px auto !important;
    max-width: calc(100% - 24px) !important;
  }
  #qrCodeModal .card.windows,
  #qrCodeModal .qr-modal-card {
    padding: 18px 16px !important;
  }
  #qrCodeModal .img-qr-code {
    width: 190px !important;
    height: 190px !important;
  }
  #qrCodeModal button.btn-primary,
  #qrCodeModal #btnCopiarPix,
  #qrCodeModal .btn-copiar-pix {
    padding: 0 16px !important;
    font-size: 13px !important;
  }
}