/* =========================================
   ZEXARA EARNINGS OBSIDIAN GOLD V1
   Earnings visuals only
   ========================================= */

/* MAIN BACKGROUND */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page) {
  background:#101114 !important;
  background-image:none !important;
  color:#F5F1E9 !important;
  color-scheme:dark;
}

/* ALL MAIN EARNINGS SURFACES */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
:is(
  .earning-b-earned,
  .earning-b-profit-card,
  .earning-b-history,
  .earning-chart-card,
  .earning-list-card
) {
  background:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  background-image:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  border:1px solid rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035)
    !important;
}

/* EARNED — LAST 24 HOURS */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned-icon {
  background:#272D35 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.26) !important;
  color:#D4AF37 !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned :is(strong,b) {
  color:#F8F6F0 !important;
  -webkit-text-fill-color:#F8F6F0 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned :is(span,small) {
  color:#B8BDC6 !important;
  -webkit-text-fill-color:#B8BDC6 !important;
}

/* PROFIT BALANCE */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-head {
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-card :is(h2,h3,strong,b) {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-card :is(small,span) {
  color:#BFC6D0 !important;
}

/* PERIOD TABS: TODAY / 7D / 30D */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs {
  background:#242932 !important;
  border:1px solid rgba(212,175,55,.16) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button {
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  color:#BFC6D0 !important;
  -webkit-text-fill-color:#BFC6D0 !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button.active,
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button[aria-pressed="true"] {
  background:#343025 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
}

/* CHART */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-chart {
  background:transparent !important;
  background-image:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-grid-line {
  background:rgba(212,175,55,.13) !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-chart-line {
  stroke:#D4AF37 !important;
  filter:drop-shadow(0 0 4px rgba(212,175,55,.18));
}

/* HISTORY CARD */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head {
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head :is(strong,b,h2,h3) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head :is(small,span) {
  color:#B8BDC6 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-period,
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-period-total {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#F5F1E9 !important;
}

/* EARNINGS ITEMS */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.16) !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-icon {
  background:#2B3038 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.22) !important;
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-info > strong {
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-amount {
  color:#D4AF37 !important;
}

/* BOTTOM SUMMARY CARDS */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid {
  background:transparent !important;
  background-image:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid article {
  background:linear-gradient(
    155deg,#232932,#191E25
  ) !important;
  border:1px solid rgba(212,175,55,.20) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid span {
  color:#AEB7C4 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* EMPTY / LOADING */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-empty {
  background:#1D232B !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.15) !important;
  color:#BFC6D0 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-empty :is(span,p,small) {
  color:#BFC6D0 !important;
}

/* REAL ERRORS STAY VISIBLE */
html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-real-state.error {
  background:#332024 !important;
  border-color:rgba(255,135,135,.32) !important;
  color:#FFB8B8 !important;
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-real-state.error :is(span,p,strong) {
  color:#FFB8B8 !important;
}

/* SUBTLE ENTRY ANIMATION */
@keyframes zxEarningsRevealV1 {
  from {
    opacity:0;
    transform:translateY(6px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

html body:not(.admin-route) #root
:is(.earning-page,.earning-b-page)
:is(.earning-b-earned,.earning-b-profit-card,.earning-b-history) {
  animation:zxEarningsRevealV1 .32s ease-out both;
}

@media (prefers-reduced-motion:reduce) {
  html body:not(.admin-route) #root
  :is(.earning-page,.earning-b-page)
  :is(.earning-b-earned,.earning-b-profit-card,.earning-b-history) {
    animation:none !important;
  }
}

/* END ZEXARA EARNINGS OBSIDIAN GOLD V1 */