/* ZEXARA WALLET EMERALD REFERENCE V1 */
/* Wallet only. Financial values and handlers unchanged. */

/* Main card */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.22) !important;
  border-radius:25px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(212,175,55,.05)
    !important;
  padding:20px 18px 17px !important;
  color:#F5F1E9 !important;
}

/* Balance area */
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;
  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 {
  background:none !important;
  background-image:none !important;
  min-width:0 !important;
}

/* Balance labels */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top .vd2-wallet-label {
  font-size:9px !important;
  line-height:1.35 !important;
  letter-spacing:.25px !important;
  font-weight:700 !important;
  color:#B8B5AD !important;
  margin-bottom:10px !important;
}

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

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

/* Investment balance */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest {
  text-align:right !important;
  align-self:start !important;
}

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

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

/* Dashed green 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:6px !important;
  margin-top:17px !important;
  padding-top:19px !important;
  border:0 !important;
  border-top:1px dashed rgba(212,175,55,.26) !important;
  background:transparent !important;
}

/* Transparent outer buttons */
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;
  color:#FFFFFF !important;
}

/* Icons without surrounding tiles */
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-bottom:4px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#E9FFF3 !important;
}

/* Small green status dot */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  content:"" !important;
  position:absolute !important;
  width:9px !important;
  height:9px !important;
  right:1px !important;
  bottom:0 !important;
  border-radius:50% !important;
  background:#D4AF37 !important;
  box-shadow:0 0 8px rgba(212,175,55,.15) !important;
  pointer-events:none !important;
}

/* White line icons */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  width:26px !important;
  height:26px !important;
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  stroke-width:1.8 !important;
  background:transparent !important;
}

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

/* Keep keyboard focus visible */
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 WALLET EMERALD REFERENCE V1 */