/*
 * Account contrast guard
 *
 * Keep this stylesheet after energy.css. The global energy treatment turns
 * reusable Account cards into dark surfaces, so their complete text hierarchy
 * must be defined here instead of inheriting colors from light-page sections.
 */

body.account-page .account-plan {
  color: #f7fbff !important;
}

body.account-page .account-plan-name {
  color: #ffffff !important;
}

body.account-page .account-plan-price strong {
  color: #55ddff !important;
}

body.account-page .account-plan-price span,
body.account-page .account-plan p {
  color: #d7e3ef !important;
}

body.account-page .account-plan .account-button {
  border-color: #4b83b8 !important;
  background: #0c315b !important;
  color: #ffffff !important;
}

body.account-page .account-plan.featured .account-button {
  border-color: #419dff !important;
  background: #1268f3 !important;
}

body.account-page .account-premium-preview,
body.account-page .account-command-center,
body.account-page .account-command-card {
  color: #f7fbff !important;
}

body.account-page .account-preview-copy h4,
body.account-page .account-preview-grid strong,
body.account-page .account-command-head h3,
body.account-page .account-command-card h4 {
  color: #ffffff !important;
}

body.account-page .account-preview-copy p,
body.account-page .account-preview-grid small,
body.account-page .account-command-head p,
body.account-page .account-command-card p,
body.account-page .account-command-card li,
body.account-page .account-command-card ol,
body.account-page .account-command-card ul,
body.account-page .account-command-note {
  color: #d7e3ef !important;
}

body.account-page .account-preview-grid span,
body.account-page .account-command-kicker,
body.account-page .account-command-card-kicker {
  color: #ffbd5b !important;
}

body.account-page .account-command-link,
body.account-page .account-command-stats-grid span {
  color: #ffffff !important;
}

body.account-page .account-command-stats-grid strong,
body.account-page .account-command-score {
  color: #adff6a !important;
}

body.account-page .account-command-stats-grid small {
  color: #c7d4e1 !important;
}

body.account-page .account-command-card .account-button {
  border-color: #419dff !important;
  background: #1268f3 !important;
  color: #ffffff !important;
}

/* Personalized Daily Lab cards are buttons, so the global button skin was
 * painting the entire card navy while its editorial text remained dark. */
body.account-page .daily-lab-card {
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: auto 390px;
  background: #fffdf7 !important;
  box-shadow: 3px 3px 0 rgba(7, 29, 54, 0.06) !important;
}

body.account-page .daily-lab-card.off-slate {
  background: #f7f4eb !important;
}

body.account-page .daily-lab-open,
body.account-page .daily-lab-open:hover,
body.account-page .daily-lab-open:active {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #071d36 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.account-page .daily-lab-card h4 {
  color: #071d36 !important;
}

body.account-page .daily-lab-card-head p,
body.account-page .daily-lab-reasons li,
body.account-page .daily-lab-off-slate {
  color: #344a5e !important;
}

body.account-page .daily-lab-type {
  color: #b93619 !important;
}

body.account-page .daily-lab-details {
  color: #0757d6 !important;
}

/* The Account page can render dozens of saved-player cards. Avoid fixed blur,
 * animated paint layers, and hover elevation that cause scroll-frame drops. */
body.account-page::before {
  display: none !important;
  animation: none !important;
  filter: none !important;
}

body.account-page :is(.account-plan, .account-command-card, .daily-lab-card):hover {
  transform: none !important;
}

body.account-page :is(.account-plan, .account-command-card, .daily-lab-card),
body.account-page :is(.account-plan, .account-command-card, .daily-lab-card)::before,
body.account-page :is(.account-plan, .account-command-card, .daily-lab-card)::after {
  animation: none !important;
  transition: none !important;
}

body.account-page :is(.account-plan, .account-premium-preview, .account-command-center) a:focus-visible,
body.account-page :is(.account-plan, .account-premium-preview, .account-command-center) button:focus-visible {
  outline: 3px solid #adff6a !important;
  outline-offset: 3px;
}

@media (prefers-contrast: more) {
  body.account-page .account-plan-price span,
  body.account-page .account-plan p,
  body.account-page .account-preview-copy p,
  body.account-page .account-preview-grid small,
  body.account-page .account-command-head p,
  body.account-page .account-command-card p,
  body.account-page .account-command-card li,
  body.account-page .account-command-stats-grid small {
    color: #ffffff !important;
  }
}