/*
 ZEXARA DEPOSIT — OBSIDIAN GOLD V1
 Deposit-page visual colors only.
 No wallet, network, API, or transaction logic changes.
*/

html body #root .dv4-page {
  color:#F5F1E9 !important;
  background-color:#101114 !important;
}

/* DEPOSIT BONUS */
html body #root .dv4-page .dv4-bonus {
  background:linear-gradient(
    160deg,#171B21,#15181D
  ) !important;
  border-color:rgba(212,175,55,.22) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
}

html body #root .dv4-page .dv4-bonus::before {
  border-color:rgba(212,175,55,.13) !important;
}

html body #root .dv4-page .dv4-bonus-icon {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-bonus-copy span {
  color:#AEB4C0 !important;
}

html body #root .dv4-page .dv4-bonus-copy strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page
:is(.dv4-bonus-percent,.dv4-bonus-countdown) {
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-bonus-button {
  background:#242932 !important;
  border-color:rgba(212,175,55,.26) !important;
  color:#F5F1E9 !important;
}

/* MAIN AUTO-DEPOSIT CARD */
html body #root .dv4-page .dv4-auto {
  background:linear-gradient(
    180deg,#171B21,#15181D
  ) !important;
  border-color:rgba(212,175,55,.20) !important;
  box-shadow:
    0 16px 35px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.025) !important;
  color:#F5F1E9 !important;
}

/* SECTION HEADER */
html body #root .dv4-page .dv4-section-icon {
  background:#242932 !important;
  border:1px solid rgba(212,175,55,.24) !important;
  color:#D4AF37 !important;
  box-shadow:none !important;
}

html body #root .dv4-page .dv4-section-title span {
  color:#AEB4C0 !important;
}

html body #root .dv4-page .dv4-section-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-live-badge {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-live-badge i {
  background:#D4AF37 !important;
  box-shadow:0 0 7px rgba(212,175,55,.35) !important;
}

/* TOKEN SELECTION: USDT / USDC / BNB */
html body #root .dv4-page .dv4-token {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.13) !important;
  box-shadow:none !important;
  color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-token.active {
  background:linear-gradient(
    180deg,#282A28,#202329
  ) !important;
  border-color:rgba(212,175,55,.70) !important;
  box-shadow:
    inset 0 0 0 1px rgba(212,175,55,.10)
    !important;
}

html body #root .dv4-page .dv4-token strong,
html body #root .dv4-page .dv4-token b {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-token > small {
  color:#ADB4BF !important;
}

html body #root .dv4-page .dv4-token-icon {
  background:rgba(212,175,55,.035) !important;
}

/* Preserve actual token images and token-specific colors */

html body #root .dv4-page .dv4-token-check {
  background:#D4AF37 !important;
  color:#171B21 !important;
}

/* BALANCE AND NETWORK */
html body #root .dv4-page .dv4-wallet-balance {
  background:#14181E !important;
  border-color:rgba(212,175,55,.16) !important;
}

html body #root .dv4-page .dv4-wallet-balance span {
  color:#AEB4C0 !important;
}

html body #root .dv4-page .dv4-wallet-balance strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-wallet-network {
  color:#D4AF37 !important;
}

/* DEPOSIT ADDRESS */
html body #root .dv4-page .dv4-address {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
}

html body #root .dv4-page .dv4-address-head span,
html body #root .dv4-page .dv4-address-box span {
  color:#AEB4C0 !important;
}

html body #root .dv4-page .dv4-address-head strong,
html body #root .dv4-page .dv4-address-box strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-address-box {
  background:#101419 !important;
  border-color:rgba(212,175,55,.16) !important;
}

html body #root .dv4-page .dv4-address-box > button {
  background:#242932 !important;
  border-color:rgba(212,175,55,.26) !important;
  color:#D4AF37 !important;
}

/* Preserve copy-success styling */
html body #root .dv4-page
.dv4-address-box > button.copied {
  color:#6FE0A4 !important;
  border-color:rgba(111,224,164,.28) !important;
}

html body #root .dv4-page .dv4-secure {
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-address-state {
  color:#AEB4C0 !important;
}

/* HOW TO DEPOSIT GUIDE */
html body #root .dv4-page .dv4-guide {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-guide-title,
html body #root .dv4-page .dv4-guide-title * {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-guide-icon {
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-guide
:is(h3,h4,strong,b) {
  color:#E9D29B !important;
  -webkit-text-fill-color:#E9D29B !important;
}

html body #root .dv4-page .dv4-guide
:is(p,small,li,span) {
  color:#B8BDC6 !important;
}

/* IMPORTANT NOTICE — KEEP WARNING VISIBLE */
html body #root .dv4-page .dv4-warning {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.28) !important;
  color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-warning-icon {
  background:#242932 !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-warning
:is(h3,h4,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-warning
:is(p,small,span) {
  color:#B8BDC6 !important;
}

/* DEPOSIT HISTORY */
html body #root .dv4-page .dv4-history {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-history-head,
html body #root .dv4-page .dv4-history-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .dv4-page .dv4-history-head small {
  color:#AEB4C0 !important;
}

html body #root .dv4-page .dv4-history-empty {
  background:transparent !important;
  color:#B8BDC6 !important;
}

html body #root .dv4-page .dv4-history-empty
:is(p,span,small) {
  color:#B8BDC6 !important;
}

html body #root .dv4-page .dv4-history-list {
  color:#F5F1E9 !important;
}

/* Do not hide network errors, disabled states,
   confirmation status or transaction history. */

/* END ZEXARA DEPOSIT OBSIDIAN GOLD V1 */

/* ZEXARA DEPOSIT FINAL POLISH V2 */
/* Only bonus card, warning readability, empty history */

/* Actual bonus card injected by AURIXA bonus module */
html body #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered {
  background:
    linear-gradient(180deg,#171B21 0%,#15181D 100%)
    !important;
  border:1px solid rgba(212,175,55,.22) !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;
  color:#F5F1E9 !important;
}

/* Bonus card headings and descriptive text */
html body #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
:is(h2,h3,h4,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
:is(p,small) {
  color:#AEB4C0 !important;
  -webkit-text-fill-color:#AEB4C0 !important;
}

/* Actual maximum bonus chip */
html body #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
.arx-tier-max {
  background:#242932 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.28) !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:none !important;
}

/* Warning icon and notice readability */
html body #root .dv4-page
.dv4-warning .dv4-warning-icon {
  background:#242932 !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page
.dv4-warning .dv4-warning-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  opacity:1 !important;
}

html body #root .dv4-page
.dv4-warning :is(strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

/* Deposit History empty state */
html body #root .dv4-page
.dv4-history .dv4-history-empty {
  background:transparent !important;
  color:#B8BDC6 !important;
  opacity:1 !important;
}

html body #root .dv4-page
.dv4-history .dv4-history-empty svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  opacity:.85 !important;
}

html body #root .dv4-page
.dv4-history .dv4-history-empty strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

html body #root .dv4-page
.dv4-history .dv4-history-empty span {
  color:#AEB4C0 !important;
  -webkit-text-fill-color:#AEB4C0 !important;
  opacity:1 !important;
}

/* No changes to network selection or deposit functionality */
/* END ZEXARA DEPOSIT FINAL POLISH V2 */


/* ZEXARA BONUS OBSIDIAN GOLD V3 */
/* Bonus tiers: colors only, preserving existing layout */

html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered .arx-tier-row {
  background:#242932 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.23) !important;
  color:#F5F1E9 !important;
  box-shadow:none !important;
}

html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered .arx-tier-row :is(strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}


/* Bonus header icon */
html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-icon,
  .arx-bonus-icon,
  [class*="bonus-icon"]
) {
  background:#242932 !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-icon,
  .arx-bonus-icon,
  [class*="bonus-icon"]
) svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* Bonus percentage chips */
html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-max,
  [class*="tier-percent"],
  [class*="tier-rate"],
  [class*="tier-badge"],
  [class*="bonus-pill"]
) {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

/* Featured top tier */
html body #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  [class*="tier-row"],
  [class*="tier-item"],
  [class*="bonus-row"]
):has([class*="top-tier"]) {
  border-color:rgba(212,175,55,.65) !important;
}

/* END ZEXARA BONUS OBSIDIAN GOLD V3 */

/* ZEXARA BONUS TEXT FIX V4 */
/* Only the middle text column of each tier row */

html body #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

html body #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(span,strong,b,small,p,div) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

/* Keep TOP TIER accent gold */
html body #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row:last-of-type
> :nth-child(2) small {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

/* END ZEXARA BONUS TEXT FIX V4 */


/* =========================================================
   ZEXARA BONUS PREMIUM STYLE V5
   Style-only refresh for Deposit Bonus card
   No logic changes
   ========================================================= */

/* MAIN BONUS CARD */
html body #root .dv4-page :is(.dv4-bonus, section.arx-deposit-tiered){
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(212,175,55,.24) !important;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(212,175,55,.08), rgba(212,175,55,0) 38%),
    linear-gradient(165deg, #171B21 0%, #14181E 58%, #12161B 100%) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

html body #root .dv4-page :is(.dv4-bonus, section.arx-deposit-tiered)::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0) 34%);
  pointer-events:none;
}

/* HEADER COPY */
html body #root .dv4-page .dv4-bonus-top{
  position:relative;
  z-index:2;
  align-items:center !important;
}

html body #root .dv4-page .dv4-bonus-copy span{
  color:#AEB6C1 !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:1.05px !important;
  text-transform:uppercase !important;
}

html body #root .dv4-page .dv4-bonus-copy strong{
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.35 !important;
  letter-spacing:-.15px !important;
}

/* HEADER ICON */
html body #root .dv4-page .dv4-bonus-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  background:
    linear-gradient(160deg, #252C35, #1C222A) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  color:#D4AF37 !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  animation:zexaraBonusFloatV5 4.4s ease-in-out infinite;
}

html body #root .dv4-page .dv4-bonus-icon svg{
  width:18px !important;
  height:18px !important;
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* TOP BADGE */
html body #root .dv4-page :is(.dv4-bonus-percent,.arx-tier-max,.dv4-bonus-countdown){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:
    linear-gradient(180deg,#242932,#1E242C) !important;
  color:#D4AF37 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.14) !important;
}

/* BONUS TIER ROWS */
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row{
  position:relative !important;
  border:1px solid rgba(212,175,55,.14) !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(38,44,54,.94), rgba(30,35,43,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 22px rgba(0,0,0,.12) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
  animation:zexaraTierFadeV5 .45s ease both;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row + .arx-tier-row{
  margin-top:10px !important;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row:hover,
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row:active{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.24) !important;
  background:
    linear-gradient(180deg, rgba(42,48,58,.98), rgba(33,38,46,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.18) !important;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row strong,
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row b{
  color:#F5F1E9 !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:-.12px !important;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row span{
  color:#D7DCE4 !important;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row small,
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row em{
  color:#AEB6C1 !important;
  font-size:9px !important;
  font-style:normal !important;
  font-weight:800 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
}

html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row svg,
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row i{
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* RIGHT BONUS PILLS */
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row [class*="bonus"],
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row [class*="percent"]{
  border:1px solid rgba(212,175,55,.18) !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg,#20262E,#1A1F26) !important;
  color:#D4AF37 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* TOP TIER LINE */
html body #root .dv4-page section.arx-deposit-tiered .arx-tier-row:last-child{
  border-color:rgba(212,175,55,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.18),
    0 0 0 1px rgba(212,175,55,.04) !important;
}

/* CTA BUTTON */
html body #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button){
  position:relative !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(212,175,55,.18) !important;
  background:
    linear-gradient(90deg, #303A46 0%, #232A33 100%) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

html body #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button):hover,
html body #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button):active{
  transform:translateY(-1px);
  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button)::after{
  content:"";
  position:absolute;
  inset:0 auto 0 -28%;
  width:28%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.08), rgba(255,255,255,0));
  transform:skewX(-18deg);
  animation:zexaraBonusShineV5 3.8s ease-in-out infinite;
  pointer-events:none;
}

/* SUBTEXT */
html body #root .dv4-page section.arx-deposit-tiered :is(p,small):not(.dv4-bonus-copy span){
  line-height:1.45 !important;
}

/* ANIMATIONS */
@keyframes zexaraBonusFloatV5{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

@keyframes zexaraBonusShineV5{
  0%{left:-28%}
  55%{left:108%}
  100%{left:108%}
}

@keyframes zexaraTierFadeV5{
  from{
    opacity:.0;
    transform:translateY(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* ==================================================
   ZEXARA BONUS LUXURY MINIMAL V6
   Only Deposit Bonus tier visuals
   ================================================== */

/* Tier rows */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  border-radius:15px !important;
  border-color:rgba(212,175,55,.15) !important;
  background:linear-gradient(
    160deg,#252B33,#20252D
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important;
  animation:
    zexaraBonusEnterV6 .42s ease-out both
    !important;
}

/* Staggered entrance */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(1) {
  animation-delay:0s !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(2) {
  animation-delay:.06s !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(3) {
  animation-delay:.12s !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(4) {
  animation-delay:.18s !important;
}

/* Left icon container */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  background:#1A2027 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.34) !important;
  box-shadow:none !important;
  color:#D4AF37 !important;
}

/* Nested icon surfaces */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child
:is(span,i) {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#D4AF37 !important;
}

/* SVG icons */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  background:transparent !important;
}

/* Row text */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
  letter-spacing:-.1px !important;
}

/* Bonus percentage labels */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {
  color:#D4AF37 !important;
}

/* Top tier distinction */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:last-child {
  border-color:rgba(212,175,55,.32) !important;
}

/* Subtle pointer feedback */
@media (hover:hover) {
  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    border-color:rgba(212,175,55,.38) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 8px 20px rgba(0,0,0,.12)
      !important;
  }
}

/* Entry animation */
@keyframes zexaraBonusEnterV6 {
  from {
    opacity:0;
    transform:translateY(7px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* Accessibility */
@media (prefers-reduced-motion:reduce) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row {
    animation:none !important;
    transition:none !important;
  }
}

/* END ZEXARA BONUS LUXURY MINIMAL V6 */

/* =====================================================
   ZEXARA BONUS COMPACT LUXURY V7
   Real compact tier layout + subtle gold motion
   ===================================================== */

html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {
  --zx-gold:#D4AF37;
  --zx-text:#F5F1E9;
  --zx-muted:#AEB4C0;

  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  padding:13px !important;
  border-radius:23px !important;

  background:
    radial-gradient(
      ellipse at 95% 0%,
      rgba(212,175,55,.075),
      transparent 43%
    ),
    linear-gradient(
      155deg,
      #191D23,
      #12161B
    ) !important;

  border:1px solid rgba(212,175,55,.34) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04)
    !important;
}

/* Gold highlight along the card edge */
html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered::before {
  content:"";
  position:absolute;
  top:0;
  right:9%;
  width:36%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,.85),
    transparent
  );
  box-shadow:0 0 12px rgba(212,175,55,.28);
  pointer-events:none;
  z-index:1;
}

/* Remove older large decorative overlay */
html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered::after {
  background:none !important;
  animation:none !important;
  pointer-events:none;
}

/* --------------------------------
   TIER LAYOUT
   -------------------------------- */

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  box-sizing:border-box !important;
  width:100% !important;
  min-height:37px !important;
  height:auto !important;

  padding:6px 9px !important;
  margin-top:0 !important;

  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  border-radius:13px !important;
  border:1px solid rgba(212,175,55,.13) !important;

  background:
    linear-gradient(
      160deg,
      #22272F,
      #1B2027
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;

  transition:
    border-color .2s ease,
    background-color .2s ease,
    transform .2s ease !important;

  animation:zxTierRevealV7 .36s both !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row + .arx-tier-row {
  margin-top:5px !important;
}

/* Tighter vertical spacing */
html body #root .dv4-page
section.arx-deposit-tiered
:is(.arx-tier-list,.arx-tier-rows,.arx-tier-grid) {
  gap:5px !important;
  row-gap:5px !important;
}

/* Small dark + gold left symbol */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  flex:0 0 23px !important;
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  min-height:23px !important;

  display:grid !important;
  place-items:center !important;
  padding:0 !important;

  border-radius:50% !important;
  border:1px solid rgba(212,175,55,.38) !important;
  background:#151A20 !important;
  color:#D4AF37 !important;
  box-shadow:none !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child
:is(span,i,svg) {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Main amount label */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;

  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:-.12px !important;

  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(strong,b,span) {
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

/* Top tier secondary caption */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(small,em) {
  font-size:7px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

/* Right bonus percentage badge */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {
  flex:0 0 auto !important;
  min-width:0 !important;

  padding:5px 8px !important;
  margin:0 !important;
  min-height:0 !important;

  border-radius:999px !important;
  border:1px solid rgba(212,175,55,.12) !important;

  background:rgba(212,175,55,.065) !important;
  background-image:none !important;

  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

/* Top tier: subtle distinction */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row:last-child {
  border-color:rgba(212,175,55,.29) !important;
  background:
    linear-gradient(160deg,#272A2C,#20242A)
    !important;
}

/* Staggered entrance */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(1) {
  animation-delay:0ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(2) {
  animation-delay:55ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(3) {
  animation-delay:110ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(4) {
  animation-delay:165ms !important;
}

@keyframes zxTierRevealV7 {
  from {
    opacity:0;
    transform:translateY(5px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* Premium hover without continuous movement */
@media (hover:hover) {
  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    transform:translateY(-1px) !important;
    border-color:rgba(212,175,55,.32) !important;
    background:#292E36 !important;
  }
}

/* Small screens */
@media (max-width:360px) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row {
    gap:6px !important;
    padding:5px 7px !important;
  }

  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row > :nth-child(2) {
    font-size:9px !important;
  }
}

/* No continuous distracting animation */
html body #root .dv4-page
section.arx-deposit-tiered
:is(.dv4-bonus-icon,.arx-tier-icon) {
  animation:none !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.dv4-bonus-button::after {
  animation:none !important;
}

/* Respect motion accessibility settings */
@media (prefers-reduced-motion:reduce) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row {
    animation:none !important;
    transition:none !important;
  }
}

/* END ZEXARA BONUS COMPACT LUXURY V7 */

/* ============================================
   ZEXARA BONUS SIGNATURE GOLD V8
   Compact premium design — Bonus only
   ============================================ */

html body #root .dv4-page
section.arx-deposit-tiered {
  background:
    radial-gradient(
      ellipse at 95% 0%,
      rgba(212,175,55,.065),
      transparent 43%
    ),
    linear-gradient(155deg,#191D23,#12161B)
    !important;
  border-color:rgba(212,175,55,.27) !important;
}

/* --------------------------------------------
   REFINED TIER CARDS
   -------------------------------------------- */

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  position:relative !important;
  overflow:hidden !important;

  border-radius:12px !important;
  border:1px solid rgba(212,175,55,.13) !important;

  background:
    linear-gradient(
      110deg,
      #242A32 0%,
      #20252C 55%,
      #1B2027 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important;

  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease !important;

  animation:zxSignatureEnterV8 .42s
    cubic-bezier(.2,.75,.25,1) both !important;
}

/* Four custom gold symbols */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  border-radius:9px !important;
  background:
    linear-gradient(145deg,#2C2A24,#1B2027)
    !important;
  border:1px solid rgba(212,175,55,.25)
    !important;
  color:#D4AF37 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important;
}

/* Hide old decorative circle contents */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child > * {
  opacity:0 !important;
}

/* New CSS-generated symbols */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child::before {
  content:"✧";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#E5C76E;
  font-family:Arial,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1;
  opacity:1 !important;
  transition:transform .24s ease;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(2)
> :first-child::before {
  content:"◇";
  font-size:18px;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(3)
> :first-child::before {
  content:"✦";
  font-size:13px;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(4)
> :first-child::before {
  content:"♛";
  font-size:16px;
}

/* Refined text */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:-.15px !important;
}

/* Bonus percentage capsules */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {
  border-radius:8px !important;
  border:1px solid rgba(212,175,55,.17)
    !important;
  background:#1A2027 !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
  font-size:9px !important;
  box-shadow:none !important;
}

/* Top tier accent */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:last-child {
  border-color:rgba(212,175,55,.33)
    !important;
  background:
    linear-gradient(110deg,#2B2B29,#20252C)
    !important;
}

/* Staggered reveal */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(1) {
  animation-delay:0ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(2) {
  animation-delay:65ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(3) {
  animation-delay:130ms !important;
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:nth-child(4) {
  animation-delay:195ms !important;
}

@keyframes zxSignatureEnterV8 {
  from {
    opacity:0;
    transform:translateY(8px) scale(.985);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* Gold interaction */
@media (hover:hover) {
  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    transform:translateY(-2px) !important;
    border-color:rgba(212,175,55,.4)
      !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 7px 20px rgba(0,0,0,.18),
      0 0 14px rgba(212,175,55,.055)
      !important;
  }

  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover
  > :first-child::before {
    transform:scale(1.16) rotate(8deg);
  }
}

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:active {
  transform:scale(.99) !important;
  border-color:rgba(212,175,55,.4)
    !important;
}

/* Preserve clean compact spacing */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row + .arx-tier-row {
  margin-top:5px !important;
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row {
    animation:none !important;
    transition:none !important;
  }

  html body #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row > :first-child::before {
    transition:none !important;
  }
}

/* END ZEXARA BONUS SIGNATURE GOLD V8 */

/* ZEXARA HIDE DEPOSIT WALLET BALANCE V1 */
/* Visual-only removal, Deposit page only */

html body #root .dv4-page .dv4-auto
.dv4-wallet-balance {
  display:none !important;
}

/* END ZEXARA HIDE DEPOSIT WALLET BALANCE V1 */