/* ZEXARA — WALLET EXACT V2 */
/* Scoped to the Home wallet only */

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  border:1px solid #3B3220 !important;
  border-radius:26px !important;
  padding:20px 16px 17px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
  color:#F5F1E9 !important;
}

/* Balance layout */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top {
  display:grid !important;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:10px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-divider {
  display:none !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  min-width:0 !important;
  background:transparent !important;
}

/* Title with line icon */
html body:not(.admin-route) #root
.vd2-dashboard .zx-wallet-label {
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#B8B5AD !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.1px !important;
  margin-bottom:13px !important;
  white-space:nowrap !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .zx-wallet-label svg {
  width:12px !important;
  height:12px !important;
  flex-shrink:0 !important;
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* Profit number */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > strong {
  font-size:29px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.8px !important;
  color:#FFFFFF !important;
}

/* Supporting profit information */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  color:#D4AF37 !important;
  font-size:10px !important;
  font-weight:800 !important;
  margin-top:9px !important;
}

/* Investment amount lower on the right */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest {
  text-align:right !important;
  padding-top:29px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .zx-wallet-label {
  justify-content:flex-end !important;
  margin-bottom:8px !important;
  font-size:9px !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  color:#D4AF37 !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > small {
  color:#B8B5AD !important;
  font-size:9px !important;
  margin-top:7px !important;
}

/* Thin dashed separator */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
  margin-top:18px !important;
  padding-top:18px !important;
  border:0 !important;
  border-top:1px dashed rgba(212,175,55,.26) !important;
}

/* Actions: clean, no tiles */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:5px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:9px !important;
}

/* Icon area */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:43px !important;
  height:43px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Large white outline icons */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  width:28px !important;
  height:28px !important;
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  stroke-width:1.8 !important;
}

/* Emerald dots */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  content:"" !important;
  position:absolute !important;
  right:1px !important;
  bottom:0 !important;
  width:9px !important;
  height:9px !important;
  background:#D4AF37 !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
}

/* Button text */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  color:#F5F1E9 !important;
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:focus-visible {
  outline:2px solid #D4AF37 !important;
  outline-offset:2px !important;
}

/* END ZEXARA WALLET EXACT V2 */