/*
 EXORIX NEON GRAPHITE V255
 Color-only visual layer.
 No sizing, position, layout or behavior changes.
 Admin excluded.
*/

html body:not(.admin-route) {
  --ex-bg:#0B1012;
  --ex-surface:#192126;
  --ex-surface-deep:#11191D;
  --ex-lime:#91F516;
  --ex-silver:#E8EDF0;
  --ex-muted:#A8B5BC;
  --ex-gold:#D4AF37;

  background-color:#0B1012 !important;
  color:#E8EDF0;
}

html body:not(.admin-route) #root,
html body:not(.admin-route) #root .app {
  background-color:#0B1012 !important;
}

/* MAIN PAGE BACKGROUNDS */

html body:not(.admin-route) #root
:is(
 .vd2-dashboard,
 .vip-page,
 .dv4-page,
 .wv4-page,
 .tv4-page,
 .apv2-page,
 .stv1-page
) {
  background-color:#0B1012 !important;
  color:#E8EDF0;
}

/* HEADER */

html body:not(.admin-route) #root
.duh-header.duh-master {
  background:
    linear-gradient(
      135deg,
      #222D32 0%,
      #192126 55%,
      #0B1012 100%
    ) !important;
  border-color:rgba(145,245,22,.24) !important;
  color:#E8EDF0 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
}

html body:not(.admin-route) #root
.duh-header.duh-master .duh-copy strong {
  color:#FFFFFF !important;
}

html body:not(.admin-route) #root
.duh-header.duh-master .duh-copy span,
html body:not(.admin-route) #root
.duh-header.duh-master .duh-copy small {
  color:#B2BEC4 !important;
}

html body:not(.admin-route) #root
.duh-header.duh-master .duh-action,
html body:not(.admin-route) #root
.duh-header.duh-master .duh-language-wrap button {
  background:#141D21 !important;
  border-color:rgba(145,245,22,.25) !important;
  color:#91F516 !important;
}

/* HOME WALLET */

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:
    linear-gradient(160deg,#202A30,#11181C) !important;
  border-color:rgba(145,245,22,.22) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.32) !important;
  color:#E8EDF0 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top strong {
  color:#FFFFFF !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest strong {
  color:#91F516 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet-label {
  color:#A8B5BC !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  border-top-color:rgba(145,245,22,.30) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button svg {
  color:#E8EDF0 !important;
  stroke:#E8EDF0 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span::after {
  background:#91F516 !important;
  border-color:#91F516 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button b {
  color:#E8EDF0 !important;
}

/* DASHBOARD ACTIONS */

html body:not(.admin-route) #root
.vd2-dashboard .vd2-quick-link-icon {
  background:#202A30 !important;
  border-color:rgba(145,245,22,.25) !important;
  color:#91F516 !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-quick-link-icon svg {
  color:#91F516 !important;
  stroke:#91F516 !important;
}

/* FEATURED AND VIP CARDS */

html body:not(.admin-route) #root
.vip-page .v6-plan-card,
html body:not(.admin-route) #root
.vip-page .v8-invest-wallet,
html body:not(.admin-route) #root
.apv2-page .apv2-primary,
html body:not(.admin-route) #root
.apv2-page .apv3-plan-card,
html body:not(.admin-route) #root
.apv2-page .apv2-purchase-card {
  background:
    linear-gradient(155deg,#222D33,#131B20) !important;
  border-color:rgba(145,245,22,.20) !important;
  color:#E8EDF0 !important;
  box-shadow:0 14px 32px rgba(0,0,0,.25) !important;
}

/* DEPOSIT / WITHDRAW / TEAM */

html body:not(.admin-route) #root
.dv4-page :is(
 .dv4-address-box,
 .dv4-history,
 .dv4-guide
),
html body:not(.admin-route) #root
.wv4-page :is(
 .wv4-balance,
 .wv4-wallet,
 .wv4-history,
 .wv4-guide
),
html body:not(.admin-route) #root
.tv4-page :is(
 .tv4-hero,
 .tv4-stats,
 .tv4-invite,
 .tv4-levels,
 .tv4-referrals
) {
  background-color:#192126 !important;
  border-color:rgba(145,245,22,.19) !important;
  color:#E8EDF0 !important;
}

/* SUPPORT */

html body:not(.admin-route) #root
.stv1-page :is(
 .stv1-title,
 .stv1-new,
 .stv1-thread,
 .stv1-ticket
) {
  background:
    linear-gradient(155deg,#222D33,#141C20) !important;
  border-color:rgba(145,245,22,.20) !important;
  color:#E8EDF0 !important;
}

/* BOTTOM NAVIGATION */

html body:not(.admin-route) #root
.bnv5 .bnv5-shell {
  background:
    linear-gradient(145deg,#222C31,#11181C) !important;
  border-color:rgba(145,245,22,.28) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.35) !important;
}

html body:not(.admin-route) #root
.bnv5 .bnv5-item {
  color:#A8B5BC !important;
}

html body:not(.admin-route) #root
.bnv5 .bnv5-item.active,
html body:not(.admin-route) #root
.bnv5 .bnv5-item.active .bnv5-label {
  color:#91F516 !important;
}

html body:not(.admin-route) #root
.bnv5 .bnv5-item.active svg {
  color:#91F516 !important;
  stroke:#91F516 !important;
}

html body:not(.admin-route) #root
.bnv5 .bnv5-center {
  background:
    linear-gradient(145deg,#27343A,#11181C) !important;
  border-color:rgba(145,245,22,.50) !important;
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.bnv5 .bnv5-center-label {
  color:#D4AF37 !important;
}

/* END EXORIX NEON GRAPHITE V255 */
