/* ZEXARA ACTIVE PLANS OBSIDIAN GOLD V1
   Visual changes only.
   No balance, profit or API logic changes.
*/

/* PAGE CANVAS */
html:has(.apv2-page),
html body:has(.apv2-page),
html body #root:has(.apv2-page),
html body #root .app:has(.apv2-page) {
  background:#101317 !important;
  background-image:none !important;
}

html body #root .apv2-page,
html body #root .active-plans-page,
html body #root .app:has(.apv2-page) .apv2-page {
  background:#101317 !important;
  background-image:none !important;
  color:#F5F1E9 !important;
  color-scheme:dark;
}

/* MAIN CARD */
html body #root .apv2-page .apv2-primary,
html body #root .apv2-page .apv2-primary.empty,
html body #root .apv2-page .apv2-primary.active,
html body #root .apv2-page .apv2-summary-card,
html body #root .apv2-page .apv5-primary-card {
  background:linear-gradient(155deg,#20262E,#15191F) !important;
  background-image:linear-gradient(155deg,#20262E,#15191F) !important;
  border:1px solid rgba(212,175,55,.24) !important;
  color:#F5F1E9 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.25) !important;
}

/* EMPTY / ERROR ICON */
html body #root .apv2-page .apv2-empty-icon,
html body #root .apv2-page .apv5-empty-icon {
  background:#292F38 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.32) !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}

html body #root .apv2-page .apv2-empty-icon svg,
html body #root .apv2-page .apv5-empty-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* ERROR TITLE */
html body #root .apv2-page .apv2-empty-state h2,
html body #root .apv2-page .apv5-empty-state > strong {
  color:#F7F3E9 !important;
  -webkit-text-fill-color:#F7F3E9 !important;
  text-shadow:none !important;
}

/* ERROR DESCRIPTION */
html body #root .apv2-page .apv2-empty-state p,
html body #root .apv2-page .apv5-empty-state p {
  color:#B7BFCA !important;
  -webkit-text-fill-color:#B7BFCA !important;
}

/* TRY AGAIN BUTTON */
html body #root .apv2-page .apv2-empty-state > button,
html body #root .apv2-page .apv5-empty-state button {
  background:linear-gradient(145deg,#303741,#232932) !important;
  background-image:linear-gradient(145deg,#303741,#232932) !important;
  border:1px solid rgba(212,175,55,.43) !important;
  color:#E8CB79 !important;
  -webkit-text-fill-color:#E8CB79 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.20) !important;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}

html body #root .apv2-page .apv2-empty-state > button:active,
html body #root .apv2-page .apv5-empty-state button:active {
  transform:scale(.97) !important;
}

/* ACTIVE PLAN STATE */
html body #root .apv2-page :is(
  .apv3-plan-card,
  .apv2-purchase-card,
  .apv2-history-card
) {
  background:linear-gradient(155deg,#222831,#171C23) !important;
  background-image:linear-gradient(155deg,#222831,#171C23) !important;
  border-color:rgba(212,175,55,.21) !important;
  color:#F5F1E9 !important;
}

html body #root .apv2-page :is(
  .apv3-plan-name,
  .apv2-section-title
) {
  color:#F5F1E9 !important;
}

html body #root .apv2-page :is(
  .apv3-earned,
  .apv3-days-left,
  .apv3-plan-investment
) {
  border-color:rgba(212,175,55,.17) !important;
}

/* Preserve the existing bottom navigation itself */
html body #root .app:has(.apv2-page) .bnv5,
html body #root .app:has(.apv2-page) .bottom-nav {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* END ZEXARA ACTIVE PLANS OBSIDIAN GOLD V1 */