/* Final detail polish only. Core palette, JACKCOIN and quiz-card geometry live in member-theme.css.
   Bottom navigation is intentionally not targeted here. */

.member-app-page .account-nudge-icon {
  background: rgba(11, 136, 178, .12);
  color: #44a9c6;
}

.member-app-page .account-nudge > span:last-child,
.member-app-page .active-card-preview > span:last-child,
.member-app-page .app-section-head > a,
.member-app-page .profile-settings-link span {
  color: #3b9fbd;
}

.member-app-page .app-section-head > span {
  background: rgba(11, 136, 178, .12);
  color: #70b9cd;
}

.member-app-page[data-account-tab="quizzes"] .schedule-tabs {
  border-color: rgba(55, 132, 149, .15);
  background: rgba(3, 40, 39, .36);
}

.member-app-page[data-account-tab="quizzes"] .schedule-tabs button.active {
  background: linear-gradient(145deg, rgba(9, 92, 87, .54), rgba(0, 91, 125, .23));
  color: #f1f6f6;
  box-shadow: inset 0 0 0 1px rgba(83, 165, 181, .16);
}

.member-app-page .tournament-shell-card .tournament-kicker {
  color: #7fc0ca;
}

.member-app-page .tournament-shell-card .tournament-shell-action {
  border-color: rgba(66, 151, 167, .24);
  background: rgba(0, 91, 125, .08);
  color: #a7cbcf;
}

.member-app-page .profile-achievement-stage {
  border-color: rgba(39, 136, 163, .22);
  background:
    radial-gradient(circle at 17% 6%, rgba(0, 91, 125, .16), transparent 35%),
    radial-gradient(circle at 92% 82%, rgba(202, 158, 61, .14), transparent 34%),
    linear-gradient(145deg, #102022, #080d0d 72%);
}

.member-app-page .profile-achievement-stage::before {
  background: rgba(0, 91, 125, .08);
}

.member-app-page .profile-emblem-card[open] {
  border-color: rgba(48, 145, 173, .29);
  background: rgba(0, 91, 125, .055);
}

.member-app-page .profile-emblem-icon {
  border-color: rgba(43, 137, 164, .23);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .12), transparent 32%),
    rgba(0, 91, 125, .09);
  color: #63b2c8;
  filter: drop-shadow(0 9px 16px rgba(0, 91, 125, .11));
}

.member-app-page .profile-emblem-card.is-selected .profile-emblem-icon,
.member-app-page .profile-emblem-card.is-temporary .profile-emblem-icon {
  border-color: rgba(231, 188, 73, .3);
  background: rgba(198, 145, 37, .1);
  color: #f0cf70;
}

.member-app-page .profile-new-awards {
  border-color: rgba(40, 139, 168, .22);
  background: rgba(0, 91, 125, .065);
}

.member-app-page .profile-new-awards > span {
  background: rgba(0, 91, 125, .13);
  color: #68b9ce;
}

.member-app-page .profile-stat-visual {
  background:
    radial-gradient(circle at 50% 0, rgba(0, 91, 125, .08), transparent 55%),
    var(--app-surface);
}

.member-app-page .profile-accuracy-ring {
  box-shadow: 0 0 25px rgba(0, 91, 125, .10);
}

.member-app-page .profile-referral-qualified {
  border-color: rgba(44, 142, 169, .23);
  background: rgba(0, 91, 125, .09);
}

.member-app-page .profile-referral-link button {
  border-color: rgba(45, 140, 169, .27);
  background: rgba(0, 91, 125, .11);
  color: #82c4d5;
}

.member-app-page .referral-tree-root {
  border-color: rgba(41, 145, 174, .28);
  background: rgba(0, 91, 125, .10);
}

.member-app-page .referral-tree-root-badge {
  background: rgba(0, 91, 125, .15);
  color: #78bfd2;
}

.member-app-page .referral-tree-person {
  border-color: rgba(38, 125, 151, .18);
  background: rgba(4, 33, 38, .88);
}

.member-app-page .referral-tree-node[open] > .referral-tree-person {
  border-color: rgba(57, 151, 177, .30);
}

.member-app-page .referral-tree-avatar {
  background: linear-gradient(145deg, rgba(0, 91, 125, .18), rgba(9, 92, 87, .13));
  color: #8ac6d5;
}

.member-app-page .referral-tree-stats span {
  background: rgba(0, 91, 125, .08);
  color: #89b9c5;
}

.member-app-page .referral-tree-stats b {
  color: #a6d3dc;
}

.member-app-page .referral-tree-root::after,
.member-app-page .referral-tree-children,
.member-app-page .referral-tree-children > .referral-tree-node::before {
  border-color: rgba(41, 132, 154, .20);
}

.member-app-page .referral-tree-root::after,
.member-app-page .referral-tree-children > .referral-tree-node::before {
  background: rgba(41, 132, 154, .22);
}

.member-app-page:not([data-account-tab="vault"]):not([data-account-tab="rating"]) .mini-balance {
  border-color: rgba(42, 137, 163, .20);
  background: rgba(0, 91, 125, .07);
}
