.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;
}

