/* VCCS visual system: an isolated navy and royal-blue layer. */
:root {
  --bg: #07172d;
  --surface: #0e2546;
  --surface-2: #15335c;
  --line: rgba(188, 213, 247, .17);
  --text: #f7f8fc;
  --muted: #aabbd1;
  --accent: #62adff;
  --accent-ink: #06172d;
  --success: #aad6ff;
  --danger: #ffb2a8;
  --radius: 16px;
  --font: Inter, "Segoe UI", Arial, sans-serif;
  --display: Georgia, "Times New Roman", serif;
}

body { background: #07172d; }
.brand img, .member-brand img, .admin-brand img { object-fit: contain; }
.brand b { color: var(--accent); }

body.member-shell-body {
  --member-canvas: #07172d;
  --member-canvas-deep: #040c19;
  --member-surface: rgba(11, 33, 64, .82);
  --member-surface-soft: rgba(22, 59, 105, .58);
  --member-surface-strong: rgba(12, 38, 74, .95);
  --member-line: rgba(188, 213, 247, .16);
  --member-line-strong: rgba(105, 174, 255, .42);
  --member-text: #f8f9fc;
  --member-soft: #dce7f6;
  --member-muted: #a7bad2;
  /* Compatibility aliases from the shared member shell, intentionally blue. */
  --member-lime: #62adff;
  --member-lime-bright: #c3e2ff;
  --member-ink: #06172d;
  --member-mint: #acd7ff;
  --member-warn: #ffd98b;
  --member-danger: #ffb2a8;
  background:
    radial-gradient(56rem 40rem at 94% -16%, rgba(41, 105, 202, .30), transparent 63%),
    radial-gradient(42rem 32rem at -10% 105%, rgba(63, 135, 238, .20), transparent 62%),
    linear-gradient(135deg, #040c19, #07172d 56%, #0c2953);
}

body.member-shell-body .member-rail {
  background: linear-gradient(180deg, rgba(5, 17, 35, .94), rgba(7, 23, 45, .82));
}
body.member-shell-body .member-brand b,
body.member-shell-body .member-nav-link.is-active .member-nav-icon,
body.member-shell-body .member-eyebrow { color: var(--member-lime); }
body.member-shell-body .member-nav-link.is-active {
  background: linear-gradient(135deg, rgba(98, 173, 255, .24), rgba(21, 76, 154, .34));
  box-shadow: inset 0 0 0 1px rgba(116, 184, 255, .25);
}
body.member-shell-body .member-avatar { background: linear-gradient(135deg, #bde1ff, #4a91e8); color: #06172d; }
body.member-shell-body .member-account-link,
body.member-shell-body .member-verification { border-color: rgba(105, 174, 255, .34); }
body.member-shell-body .member-page .overview-hero {
  background-image: linear-gradient(98deg, rgba(3, 12, 25, .97) 0%, rgba(5, 20, 42, .90) 48%, rgba(5, 20, 42, .36) 100%), url("vccs/vccs-hero.png") !important;
}
body.member-shell-body .member-page .dashboard-story--reserve,
body.member-shell-body .member-page .deposit-journey-panel { --premium-panel-art: url("vccs/vccs-access-card.png"); }
body.member-shell-body .member-page .dashboard-story--rewards,
body.member-shell-body .member-page .member-referral-card { --premium-panel-art: url("vccs/vccs-community.png"); }
body.member-shell-body .member-page .dashboard-story--security,
body.member-shell-body .member-page .send-security-panel,
body.member-shell-body .member-page .settings-device-panel { --premium-panel-art: url("vccs/vccs-mark.png"); }

/* VCCS member overview: a compact, image-led reinterpretation of the shared
   account data without changing the underlying balances or ledger queries. */
body.member-shell-body .member-shell { grid-template-columns: 264px minmax(0, 1fr); }
body.member-shell-body .member-rail { padding-top: 25px; }
body.member-shell-body .member-brand { letter-spacing: -.045em; }
body.member-shell-body .member-topbar { min-height: 146px; }
body.member-shell-body .member-title-group h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.055em; }
body.member-shell-body .member-account-link { background: linear-gradient(145deg, rgba(31, 79, 137, .52), rgba(88, 164, 255, .16)); }
body.member-shell-body .member-page .vccs-dashboard { display: grid; gap: 24px; }
body.member-shell-body .member-page .vccs-overview-hero {
  min-height: 294px;
  margin-bottom: 0;
  border-color: rgba(122, 183, 255, .30);
  border-radius: 23px;
  padding: clamp(27px, 4vw, 48px);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .10);
}
body.member-shell-body .member-page .vccs-overview-hero h2 {
  max-width: 14ch;
  margin: 0;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(35px, 4.3vw, 59px);
  font-weight: 500;
  letter-spacing: -.07em;
  line-height: .97;
}
body.member-shell-body .member-page .vccs-overview-hero p { max-width: 46ch; margin: 17px 0 0; color: #d2e0f3; font-size: 13px; line-height: 1.75; }
body.member-shell-body .member-page .vccs-overview-hero .hero-actions { margin-top: 27px; }
body.member-shell-body .member-page .vccs-overview-hero .button.primary { background: linear-gradient(135deg, #93ceff, #337cdd); color: #06172d; }
body.member-shell-body .member-page .vccs-overview-hero .button.ghost { border-color: rgba(220, 231, 248, .30); background: rgba(8, 25, 51, .28); }
body.member-shell-body .member-page .vccs-balance-grid { gap: 16px; margin: 0; }
body.member-shell-body .member-page .vccs-balance-grid .asset-card {
  min-height: 172px;
  border-color: rgba(160, 198, 241, .20);
  border-radius: 18px;
  background: linear-gradient(142deg, rgba(21, 60, 105, .88), rgba(9, 28, 57, .88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 31px rgba(0, 0, 0, .12);
}
body.member-shell-body .member-page .vccs-balance-grid .asset-card--btc { background: linear-gradient(142deg, rgba(29, 63, 105, .91), rgba(15, 36, 68, .91)); }
body.member-shell-body .member-page .vccs-balance-grid .asset-card--eth { background: linear-gradient(142deg, rgba(28, 56, 101, .91), rgba(12, 31, 65, .91)); }
body.member-shell-body .member-page .vccs-balance-grid .asset-card strong { color: #ffffff; }
body.member-shell-body .member-page .vccs-balance-grid .asset-logo { border-color: rgba(157, 210, 255, .34); background: rgba(98, 173, 255, .15); color: #a9d6ff; }
body.member-shell-body .member-page .vccs-reserve-panel { min-height: 236px; }
body.member-shell-body .member-page .vccs-dashboard-split { gap: 24px; margin: 0; }
body.member-shell-body .member-page .vccs-quick-access { min-height: 278px; padding: 25px; background: linear-gradient(135deg, rgba(13, 40, 76, .96), rgba(9, 27, 54, .93)); }
body.member-shell-body .member-page .vccs-quick-access .panel-heading { margin-bottom: 15px; }
body.member-shell-body .member-page .vccs-quick-links { display: grid; }
body.member-shell-body .member-page .vccs-quick-links a {
  display: flex;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(192, 216, 246, .15);
  color: #dfeafa;
  font-size: 12px;
  font-weight: 710;
  text-decoration: none;
  transition: color .18s ease, padding .18s ease;
}
body.member-shell-body .member-page .vccs-quick-links a:hover,
body.member-shell-body .member-page .vccs-quick-links a:focus-visible { padding-inline: 4px; color: #acd8ff; }
body.member-shell-body .member-page .vccs-quick-links b { color: #91caff; font-size: 17px; font-weight: 500; }
body.member-shell-body .member-page .dashboard-activity { margin: 0; }

@media (max-width: 980px) {
  body.member-shell-body .member-shell { grid-template-columns: 1fr; }
  body.member-shell-body .member-topbar { min-height: 0; }
}

@media (max-width: 620px) {
  body.member-shell-body .member-page .vccs-dashboard { gap: 16px; }
  body.member-shell-body .member-page .vccs-overview-hero { min-height: 430px; padding: 25px 21px; background-position: 60% center; }
  body.member-shell-body .member-page .vccs-overview-hero h2 { font-size: 43px; }
  body.member-shell-body .member-page .vccs-overview-hero .hero-actions { display: grid; grid-template-columns: 1fr; }
  body.member-shell-body .member-page .vccs-overview-hero .button { justify-content: center; }
  body.member-shell-body .member-page .vccs-dashboard-split { gap: 16px; }
}

body.admin-shell-body {
  --admin-canvas: #07172d;
  --admin-canvas-deep: #040c19;
  --admin-surface: rgba(11, 33, 64, .84);
  --admin-surface-raised: rgba(21, 59, 105, .67);
  --admin-surface-strong: rgba(12, 38, 74, .96);
  --admin-line: rgba(188, 213, 247, .16);
  --admin-line-strong: rgba(105, 174, 255, .40);
  --admin-text: #f8f9fc;
  --admin-soft: #dce7f6;
  --admin-muted: #a7bad2;
  /* Compatibility aliases from the shared admin shell, intentionally blue. */
  --admin-lime: #62adff;
  --admin-lime-bright: #c3e2ff;
  --admin-ink: #06172d;
  --admin-success: #aad6ff;
  --admin-warn: #ffd98b;
  --admin-danger: #ffb2a8;
  background:
    radial-gradient(62rem 42rem at 100% -20%, rgba(33, 91, 181, .30), transparent 61%),
    radial-gradient(44rem 32rem at -8% 108%, rgba(63, 135, 238, .19), transparent 62%),
    linear-gradient(130deg, #040c19, #07172d 58%, #0c2953);
}

body.admin-shell-body .admin-rail { background: linear-gradient(180deg, rgba(5, 17, 35, .95), rgba(7, 23, 45, .83)); }
body.admin-shell-body .admin-brand b,
body.admin-shell-body .admin-nav-link.is-active .admin-nav-icon,
body.admin-shell-body .admin-eyebrow { color: var(--admin-lime); }
body.admin-shell-body .admin-nav-link.is-active {
  background: linear-gradient(135deg, rgba(98, 173, 255, .24), rgba(21, 76, 154, .35));
  box-shadow: inset 0 0 0 1px rgba(116, 184, 255, .25);
}
body.admin-shell-body .admin-avatar { background: linear-gradient(135deg, #bde1ff, #4a91e8); color: #06172d; }
body.admin-shell-body .button.primary,
body.admin-shell-body .btn { background: linear-gradient(135deg, #93ceff, #337cdd); color: #06172d; }

.savings-plan-mode,
.compound-help { display: block; color: #a9d6ff; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.compound-help { margin: -15px 0 19px; font-weight: 500; line-height: 1.5; }

/* The legacy shared shell carries lime literals in a few authenticated controls.
   These VCCS-only overrides keep every positive, active and access state blue. */
body.member-shell-body .member-nav-link.is-active,
body.member-shell-body .member-account-link:hover,
body.member-shell-body .member-account-link:focus-visible,
body.member-shell-body .member-verification,
body.member-shell-body .member-page .member-verification,
body.member-shell-body .member-page .status,
body.member-shell-body .member-page .settings-state.is-secure,
body.member-shell-body .member-page .savings-state,
body.member-shell-body .member-page .settings-recovery,
body.member-shell-body .member-page .savings-empty,
body.member-shell-body .member-page .savings-plan,
body.member-shell-body .member-page .deposit-network-option.is-selected {
  border-color: rgba(105, 174, 255, .38);
}

body.member-shell-body .member-account-link:hover,
body.member-shell-body .member-account-link:focus-visible,
body.member-shell-body .member-page .status,
body.member-shell-body .member-page .settings-state.is-secure,
body.member-shell-body .member-page .savings-state,
body.member-shell-body .member-page .settings-recovery,
body.member-shell-body .member-page .savings-empty {
  background: rgba(78, 153, 255, .11);
}

body.member-shell-body .member-page .button.primary {
  border-color: rgba(154, 211, 255, .56);
  background: linear-gradient(135deg, #9bd3ff, #367fde);
  box-shadow: 0 10px 22px rgba(52, 126, 223, .25);
  color: #06172d;
}
body.member-shell-body .member-page .button.primary:hover,
body.member-shell-body .member-page .button.primary:focus-visible { background: linear-gradient(135deg, #b6e0ff, #4b91ed); }
body.member-shell-body .member-page input:focus,
body.member-shell-body .member-page select:focus,
body.member-shell-body .member-page textarea:focus,
body.member-shell-body .member-page .deposit-network-option:focus-within {
  border-color: #62adff;
  box-shadow: 0 0 0 3px rgba(98, 173, 255, .20), inset 0 1px 0 rgba(255, 255, 255, .04);
}
body.member-shell-body .member-page .deposit-network-option:hover,
body.member-shell-body .member-page .deposit-network-option.is-selected {
  border-color: rgba(105, 174, 255, .54);
  background: linear-gradient(145deg, rgba(30, 82, 151, .72), rgba(7, 27, 61, .82));
}
body.member-shell-body .member-page .deposit-network-option.is-selected .deposit-network-check {
  border-color: rgba(166, 215, 255, .74);
  background: #62adff;
  color: #06172d;
}
body.member-shell-body .member-page .credit,
body.member-shell-body .member-page .settings-positive,
body.member-shell-body .member-page .card-balance,
body.member-shell-body .member-page .reward-rate,
body.member-shell-body .member-page .text-link,
body.member-shell-body .member-page .savings-link { color: #8bc7ff; }

body.member-shell-body .member-page .dashboard-story,
body.member-shell-body .member-page .deposit-journey-panel,
body.member-shell-body .member-page .send-security-panel,
body.member-shell-body .member-page .settings-device-panel,
body.member-shell-body .member-page .settings-login-history,
body.member-shell-body .member-page .member-referral-card {
  border-color: rgba(124, 185, 255, .22);
  background: linear-gradient(105deg, rgba(4, 20, 47, .97) 0%, rgba(7, 34, 76, .88) 55%, rgba(14, 61, 124, .52) 100%);
}
body.member-shell-body .member-page .dashboard-activity {
  background-image: linear-gradient(106deg, rgba(4, 20, 47, .97), rgba(7, 34, 76, .87) 55%, rgba(14, 61, 124, .60)), url("vccs/vccs-access-card.png");
}
body.member-shell-body .member-page .panel:not(.dashboard-story):not(.deposit-journey-panel):not(.send-security-panel):not(.settings-device-panel):not(.settings-login-history):not(.member-referral-card):not(.referral-level-card) {
  background-image: linear-gradient(108deg, rgba(4, 20, 47, .97), rgba(7, 34, 76, .83) 62%, rgba(14, 61, 124, .56)), url("vccs/vccs-community.png");
  background-position: center, right center;
  background-size: cover, cover;
}

body.member-shell-body .member-page .settings-hero,
body.member-shell-body .member-page .savings-welcome {
  border-color: rgba(124, 185, 255, .24);
  background: radial-gradient(circle at 88% 8%, rgba(99, 174, 255, .22), transparent 26%), linear-gradient(135deg, rgba(7, 31, 67, .94), rgba(5, 18, 42, .88));
}
body.member-shell-body .member-page .settings-hero::after,
body.member-shell-body .member-page .savings-welcome::after,
body.member-shell-body .member-page .virtual-card::after { border-color: rgba(150, 205, 255, .20); box-shadow: 0 0 0 45px rgba(106, 175, 255, .05), 0 0 0 92px rgba(106, 175, 255, .025); }
body.member-shell-body .member-page .settings-hero p,
body.member-shell-body .member-page .savings-welcome h2 span,
body.member-shell-body .member-page .referral-hero p,
body.member-shell-body .member-page .send-security-list li { color: #cfe3f8; }
body.member-shell-body .member-page .settings-hero-mark,
body.member-shell-body .member-page .settings-email-mark,
body.member-shell-body .member-page .savings-empty > span {
  border-color: rgba(130, 190, 255, .36);
  background: rgba(81, 157, 255, .13);
  color: #a9d6ff;
}
body.member-shell-body .member-page .settings-guidance-list li::before { border-color: #62adff; box-shadow: 0 0 0 4px rgba(98, 173, 255, .10); }
body.member-shell-body .member-page .virtual-card {
  border-color: rgba(150, 205, 255, .28);
  background: radial-gradient(circle at 87% 8%, rgba(114, 184, 255, .26), transparent 33%), linear-gradient(135deg, #173d77, #07172d 67%, #104d9a);
}
body.member-shell-body .member-page .card-pan { color: #e7f3ff; }
body.member-shell-body .member-page .savings-balances > div,
body.member-shell-body .member-page .savings-plan { background: linear-gradient(145deg, rgba(32, 77, 137, .80), rgba(8, 28, 62, .91)); }
body.member-shell-body .member-page .savings-progress { background: rgba(109, 177, 255, .16); }
body.member-shell-body .member-page .savings-progress > span { background: linear-gradient(90deg, #78bdff, #367fde); }
body.member-shell-body .member-page .savings-enroll-form input:not([type="checkbox"]),
body.member-shell-body .member-page .savings-enroll-form select { background: rgba(5, 20, 47, .72); }

body.member-shell-body .member-page .projection-chart-frame {
  border-color: rgba(150, 205, 255, .22);
  background: linear-gradient(180deg, rgba(8, 35, 79, .52), rgba(4, 20, 47, .78) 72%, rgba(3, 14, 34, .94)), radial-gradient(circle at 84% 8%, rgba(107, 180, 255, .22), transparent 32%);
}
body.member-shell-body .member-page .projection-chart-principal { stroke: rgba(190, 224, 255, .82); }
body.member-shell-body .member-page .projection-legend-principal { background: #a9d6ff; box-shadow: 3px 0 0 rgba(169, 214, 255, .35); }
body.member-shell-body .member-page .projection-legend-rewards { background: linear-gradient(90deg, #9bcfff, #5298ed, #d6edff); box-shadow: 0 0 7px rgba(104, 176, 255, .60); }

/* Overview readability: information lives on a controlled navy field while
   VCCS imagery becomes a deliberately softened visual on the right. */
body.member-shell-body .member-page .vccs-overview-hero {
  background-image:
    linear-gradient(90deg, rgba(3, 13, 32, .985) 0%, rgba(4, 19, 46, .96) 48%, rgba(5, 20, 45, .67) 73%, rgba(5, 20, 45, .16) 100%),
    url("vccs/vccs-hero.png") !important;
}
body.member-shell-body .member-page .vccs-overview-hero h2,
body.member-shell-body .member-page .dashboard-story h2,
body.member-shell-body .member-page .member-referral-card h2,
body.member-shell-body .member-page .vccs-quick-access h2,
body.member-shell-body .member-page .dashboard-activity h2 {
  color: #eaf3ff;
  text-shadow: 0 2px 22px rgba(1, 10, 28, .56);
}
body.member-shell-body .member-page .vccs-overview-hero p { color: #b9d1e9; }
body.member-shell-body .member-page .vccs-overview-hero .button.ghost { border-color: rgba(169, 213, 255, .28); background: rgba(4, 20, 47, .62); }

body.member-shell-body .member-page .dashboard-story,
body.member-shell-body .member-page .member-referral-card {
  overflow: hidden;
  background: linear-gradient(135deg, #071a38 0%, #092653 100%);
}
body.member-shell-body .member-page .dashboard-story::after,
body.member-shell-body .member-page .member-referral-card::after {
  background-image:
    linear-gradient(90deg, rgba(4, 18, 43, .995) 0%, rgba(4, 18, 43, .965) 44%, rgba(4, 18, 43, .68) 70%, rgba(4, 18, 43, .24) 100%),
    var(--premium-panel-art);
  background-position: center, right center;
  background-size: cover, cover;
  opacity: 1;
}
body.member-shell-body .member-page .dashboard-story .panel-heading,
body.member-shell-body .member-page .member-referral-card .panel-heading { max-width: min(58%, 31rem); }
body.member-shell-body .member-page .dashboard-story p:not(.reward-rate),
body.member-shell-body .member-page .member-referral-card .muted {
  max-width: 43ch;
  color: #b8cee5;
  text-shadow: 0 1px 18px rgba(1, 10, 28, .48);
}
body.member-shell-body .member-page .dashboard-story .reward-rate { color: #93cdff; }
body.member-shell-body .member-page .dashboard-story .reward-rate small { color: #b8cee5; }
body.member-shell-body .member-page .dashboard-story .eyebrow,
body.member-shell-body .member-page .member-referral-card .eyebrow,
body.member-shell-body .member-page .vccs-quick-access .eyebrow,
body.member-shell-body .member-page .dashboard-activity .eyebrow { color: #83c2ff; }

body.member-shell-body .member-page .vccs-quick-access {
  border-color: rgba(138, 193, 255, .22);
  background: linear-gradient(145deg, rgba(9, 31, 66, .98), rgba(7, 24, 52, .98));
}
body.member-shell-body .member-page .vccs-quick-access .panel-heading { max-width: 31rem; }
body.member-shell-body .member-page .vccs-quick-links a { color: #cbdcef; }
body.member-shell-body .member-page .dashboard-activity {
  background-image:
    linear-gradient(90deg, rgba(4, 18, 43, .995) 0%, rgba(4, 18, 43, .98) 52%, rgba(4, 18, 43, .78) 77%, rgba(4, 18, 43, .52) 100%),
    url("vccs/vccs-access-card.png");
}
body.member-shell-body .member-page .vccs-balance-grid .asset-card strong { color: #e8f2ff; }
body.member-shell-body .member-page .vccs-balance-grid .asset-card > span,
body.member-shell-body .member-page .vccs-balance-grid .asset-card small { color: #adbed3; }

@media (max-width: 760px) {
  body.member-shell-body .member-page .dashboard-story::after,
  body.member-shell-body .member-page .member-referral-card::after {
    background-image:
      linear-gradient(180deg, rgba(4, 18, 43, .99) 0%, rgba(4, 18, 43, .95) 57%, rgba(4, 18, 43, .57) 100%),
      var(--premium-panel-art);
    background-position: center, center;
  }
  body.member-shell-body .member-page .dashboard-story .panel-heading,
  body.member-shell-body .member-page .member-referral-card .panel-heading { max-width: none; }
  body.member-shell-body .member-page .dashboard-story p:not(.reward-rate),
  body.member-shell-body .member-page .member-referral-card .muted { max-width: none; }
}

@media (max-width: 700px) {
  body.member-shell-body .member-mobile-dock { border-top-color: rgba(150, 205, 255, .18); background: linear-gradient(170deg, rgba(10, 35, 75, .97), rgba(4, 17, 40, .99)); }
  body.member-shell-body .member-mobile-dock-link.is-active,
  body.member-shell-body .member-mobile-dock-more.is-active,
  body.member-shell-body .member-mobile-menu-link.is-active { border-color: rgba(119, 182, 255, .34); background: linear-gradient(145deg, rgba(101, 174, 255, .20), rgba(45, 115, 210, .07)); }
  body.member-shell-body .member-mobile-menu-panel { border-color: rgba(150, 205, 255, .22); background: linear-gradient(155deg, #102e64, #05152f); }
  body.member-shell-body .member-mobile-menu-handle { background: rgba(181, 221, 255, .28); }
  body.member-shell-body .member-mobile-menu-profile { border-color: rgba(150, 205, 255, .18); background: linear-gradient(135deg, rgba(111, 183, 255, .14), rgba(74, 142, 235, .04)); }
  body.member-shell-body .member-mobile-menu-link { border-color: rgba(150, 205, 255, .14); background: rgba(166, 213, 255, .04); }
  body.member-shell-body .member-mobile-menu-link-icon { border-color: rgba(150, 205, 255, .19); background: rgba(166, 213, 255, .07); }
}

body.admin-shell-body .admin-nav-link.is-active,
body.admin-shell-body .flash.success,
body.admin-shell-body .flash.info,
body.admin-shell-body .admin-confirm-mark { border-color: rgba(105, 174, 255, .34); background: rgba(78, 153, 255, .11); color: #b9e0ff; }
body.admin-shell-body .admin-nav a:hover,
body.admin-shell-body .admin-nav a:focus-visible,
body.admin-shell-body input:focus,
body.admin-shell-body select:focus,
body.admin-shell-body textarea:focus { border-color: rgba(105, 174, 255, .55); outline-color: #62adff; }
body.admin-shell-body .admin-confirm-panel,
body.admin-shell-body .admin-mobile-menu-panel { border-color: rgba(150, 205, 255, .22); background: linear-gradient(145deg, #102e64, #05152f); }

/*
 * VCCS 2026 member theme.
 *
 * This is intentionally a final, unified presentation layer.  The former
 * member experience mixed a legacy green shell with an incomplete blue
 * overlay; every surface below now belongs to one midnight, silver and azure
 * system. It changes no navigation, balances, forms, or transaction logic.
 */
:root {
  --vccs-ink: #091220;
  --vccs-ink-deep: #060b14;
  --vccs-surface: #111d30;
  --vccs-surface-raised: #15253c;
  --vccs-surface-soft: #0e1929;
  --vccs-line: rgba(205, 220, 237, .15);
  --vccs-line-strong: rgba(185, 209, 235, .27);
  --vccs-text: #f3f7fb;
  --vccs-soft: #d6e1ec;
  --vccs-muted: #9badbf;
  --vccs-azure: #79aafc;
  --vccs-azure-soft: #b9d3ff;
  --vccs-gold: #efc27d;
  --vccs-danger: #f2a6aa;
  --vccs-radius: 15px;
  --vccs-font: "Aptos", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
}

body.member-shell-body {
  --member-canvas: var(--vccs-ink);
  --member-canvas-deep: var(--vccs-ink-deep);
  --member-surface: var(--vccs-surface);
  --member-surface-soft: var(--vccs-surface-raised);
  --member-surface-strong: #172943;
  --member-line: var(--vccs-line);
  --member-line-strong: var(--vccs-line-strong);
  --member-text: var(--vccs-text);
  --member-soft: var(--vccs-soft);
  --member-muted: var(--vccs-muted);
  --member-lime: var(--vccs-azure);
  --member-lime-bright: var(--vccs-azure-soft);
  --member-ink: #07111e;
  --member-mint: #b4d2ff;
  --member-warn: var(--vccs-gold);
  --member-danger: var(--vccs-danger);
  background:
    radial-gradient(56rem 42rem at 95% -12%, rgba(84, 131, 211, .19), transparent 61%),
    radial-gradient(44rem 34rem at -12% 103%, rgba(48, 76, 132, .17), transparent 64%),
    linear-gradient(135deg, #060b14, #0a1423 53%, #0a1729) !important;
  color: var(--vccs-text);
  font-family: var(--vccs-font);
}

body.member-shell-body .member-rail {
  border-right-color: var(--vccs-line);
  background: linear-gradient(180deg, #0c1524, #091220) !important;
  box-shadow: 18px 0 54px rgba(0, 0, 0, .14);
}

body.member-shell-body .member-brand,
body.member-shell-body .member-title-group h1,
body.member-shell-body .member-page h1,
body.member-shell-body .member-page h2 {
  font-family: var(--vccs-font);
}

body.member-shell-body .member-title-group h1,
body.member-shell-body .member-page h1 {
  color: #f5f8fc;
  font-weight: 720;
  letter-spacing: -.045em;
}

body.member-shell-body .member-title-group p,
body.member-shell-body .member-page p { color: var(--vccs-muted); }

body.member-shell-body .member-brand img {
  filter: drop-shadow(0 8px 17px rgba(96, 146, 225, .2));
}

body.member-shell-body .member-brand b,
body.member-shell-body .member-nav-link.is-active .member-nav-icon,
body.member-shell-body .member-eyebrow { color: var(--vccs-azure); }

body.member-shell-body .member-nav-link {
  border-radius: 11px;
  color: #a9b9c9;
  font-family: var(--vccs-font);
  font-size: 13px;
  font-weight: 650;
}

body.member-shell-body .member-nav-link:hover,
body.member-shell-body .member-nav-link:focus-visible {
  border-color: var(--vccs-line);
  background: rgba(139, 177, 233, .08);
  color: #edf3f9;
}

body.member-shell-body .member-nav-link.is-active {
  border-color: rgba(136, 180, 255, .32);
  background: linear-gradient(100deg, rgba(89, 143, 234, .24), rgba(54, 91, 157, .14));
  box-shadow: inset 0 1px 0 rgba(228, 240, 255, .08);
  color: #eaf3ff;
}

body.member-shell-body .member-nav-link::before { background: var(--vccs-azure); }
body.member-shell-body .member-profile { border-color: var(--vccs-line); background: rgba(255, 255, 255, .025); }
body.member-shell-body .member-avatar {
  border-color: rgba(192, 220, 255, .38);
  background: linear-gradient(145deg, #d7e8ff, #7ba8ea);
  color: #0a1a2d;
}

body.member-shell-body .member-signout {
  border-color: var(--vccs-line);
  color: #aebfd0;
}

body.member-shell-body .member-signout:hover,
body.member-shell-body .member-signout:focus-visible {
  border-color: rgba(151, 191, 245, .36);
  background: rgba(104, 151, 223, .08);
  color: #edf4fb;
}

body.member-shell-body .member-account-link,
body.member-shell-body .member-verification {
  border-color: rgba(145, 188, 247, .28);
  background: linear-gradient(135deg, rgba(29, 58, 99, .94), rgba(17, 35, 62, .95));
}

body.member-shell-body .member-page .panel,
body.member-shell-body .member-page .asset-card,
body.member-shell-body .member-page .dashboard-story,
body.member-shell-body .member-page .deposit-journey-panel,
body.member-shell-body .member-page .send-security-panel,
body.member-shell-body .member-page .settings-device-panel,
body.member-shell-body .member-page .settings-login-history,
body.member-shell-body .member-page .member-referral-card,
body.member-shell-body .member-page .vccs-quick-access {
  border-color: var(--vccs-line) !important;
  background: linear-gradient(145deg, #14233a, #0e192a) !important;
  background-image: linear-gradient(145deg, #14233a, #0e192a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 14px 32px rgba(0, 0, 0, .13) !important;
}

body.member-shell-body .member-page .panel::after,
body.member-shell-body .member-page .asset-card::after,
body.member-shell-body .member-page .dashboard-story::after,
body.member-shell-body .member-page .deposit-journey-panel::after,
body.member-shell-body .member-page .send-security-panel::after,
body.member-shell-body .member-page .settings-device-panel::after,
body.member-shell-body .member-page .settings-login-history::after,
body.member-shell-body .member-page .member-referral-card::after {
  opacity: 0 !important;
}

body.member-shell-body .member-page .vccs-overview-hero {
  border-color: rgba(153, 196, 255, .28) !important;
  background-image:
    linear-gradient(90deg, rgba(8, 18, 33, .97) 0%, rgba(10, 24, 44, .93) 54%, rgba(9, 22, 39, .63) 100%),
    url("vccs/vccs-hero.png") !important;
  background-position: center, right center !important;
  box-shadow: 0 23px 54px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

body.member-shell-body .member-page .vccs-overview-hero h2 {
  color: #f5f8fc;
  font-family: var(--vccs-font);
  font-weight: 720;
  letter-spacing: -.055em;
}

body.member-shell-body .member-page .vccs-overview-hero p { color: #c5d3e3; }

body.member-shell-body .member-page .asset-card,
body.member-shell-body .member-page .vccs-balance-grid .asset-card,
body.member-shell-body .member-page .savings-balances > div,
body.member-shell-body .member-page .savings-plan {
  background: linear-gradient(145deg, #162742, #101c2f) !important;
  background-image: linear-gradient(145deg, #162742, #101c2f) !important;
}

body.member-shell-body .member-page .asset-card strong,
body.member-shell-body .member-page .vccs-balance-grid .asset-card strong,
body.member-shell-body .member-page .card-balance,
body.member-shell-body .member-page .credit { color: #f6f8fb !important; }

body.member-shell-body .member-page .asset-card > span,
body.member-shell-body .member-page .asset-card small,
body.member-shell-body .member-page .asset-mark-network { color: #aebdcd !important; }

body.member-shell-body .member-page .asset-logo,
body.member-shell-body .member-page .asset-logo--usdt {
  border-color: rgba(166, 204, 255, .35);
  background: linear-gradient(145deg, rgba(104, 159, 237, .23), rgba(13, 31, 55, .96));
  color: #afd2ff;
}

body.member-shell-body .member-page .asset-logo--btc { color: #f2bd72; background: linear-gradient(145deg, rgba(239, 183, 102, .22), rgba(42, 30, 19, .95)); }
body.member-shell-body .member-page .asset-logo--eth { color: #c8d4ff; background: linear-gradient(145deg, rgba(179, 194, 255, .20), rgba(18, 26, 56, .95)); }

body.member-shell-body .member-page .button.primary {
  border-color: rgba(205, 226, 255, .36);
  background: linear-gradient(135deg, #96bfff, #4d84e4) !important;
  box-shadow: 0 10px 22px rgba(52, 104, 194, .24), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  color: #071423 !important;
  font-family: var(--vccs-font);
  font-weight: 720;
}

body.member-shell-body .member-page .button.primary:hover,
body.member-shell-body .member-page .button.primary:focus-visible { background: linear-gradient(135deg, #b3d0ff, #6194ee) !important; }

body.member-shell-body .member-page input:not([type="checkbox"]),
body.member-shell-body .member-page select,
body.member-shell-body .member-page textarea {
  border-color: rgba(175, 201, 228, .23);
  color: #edf4fb;
  background: #0b1728 !important;
  font-family: var(--vccs-font);
}

body.member-shell-body .member-page input::placeholder,
body.member-shell-body .member-page textarea::placeholder { color: #75889b; }

body.member-shell-body .member-page input:not([type="checkbox"]):focus,
body.member-shell-body .member-page select:focus,
body.member-shell-body .member-page textarea:focus {
  border-color: var(--vccs-azure) !important;
  box-shadow: 0 0 0 3px rgba(121, 170, 252, .16), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

/* Deposit asset selector: deliberately neutral at rest, azure when selected.
   These rules replace the legacy green imagery and green-background states. */
body.member-shell-body .member-page .asset-radio-surface,
body.member-shell-body .member-page .asset-radio-choice:nth-child(2) .asset-radio-surface,
body.member-shell-body .member-page .asset-radio-choice:nth-child(3) .asset-radio-surface {
  min-height: 76px;
  border-color: rgba(177, 203, 230, .22);
  border-radius: 12px;
  background: linear-gradient(145deg, #14243a, #0d192a) !important;
  background-image: linear-gradient(145deg, #14243a, #0d192a) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

body.member-shell-body .member-page .asset-radio-choice:hover .asset-radio-surface {
  border-color: rgba(149, 191, 250, .58);
  background: linear-gradient(145deg, #172b46, #102039) !important;
}

body.member-shell-body .member-page .asset-radio-choice > input:checked + .asset-radio-surface {
  border-color: #7eaefd;
  background: linear-gradient(145deg, #1b355b, #112742) !important;
  box-shadow: 0 0 0 1px rgba(126, 174, 253, .18), 0 13px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(224, 239, 255, .09);
}

body.member-shell-body .member-page .asset-radio-choice > input:focus-visible + .asset-radio-surface {
  outline-color: #a8c9ff;
}

body.member-shell-body .member-page .asset-radio-icon {
  border-color: rgba(178, 207, 237, .24);
  background: #0c1a2c;
  color: #9fc5ff;
}

body.member-shell-body .member-page .asset-radio-icon--btc { color: #f3bd6e; }
body.member-shell-body .member-page .asset-radio-icon--eth { color: #bdcaff; }
body.member-shell-body .member-page .asset-radio-copy strong { color: #eef4fb; font-family: var(--vccs-font); }
body.member-shell-body .member-page .asset-radio-copy small { color: #9eafc1; }
body.member-shell-body .member-page .asset-radio-copy b { color: #c5d9ef; }
body.member-shell-body .member-page .asset-radio-state { border-color: rgba(174, 201, 232, .42); }
body.member-shell-body .member-page .asset-radio-choice > input:checked + .asset-radio-surface .asset-radio-state { border-color: #8ab7ff; background: #8ab7ff; color: #071422; }
body.member-shell-body .member-page .asset-picker-selection,
body.member-shell-body .member-page .deposit-network-selected { color: #b7d4ff; }

body.member-shell-body .member-page .deposit-network-option {
  border-color: rgba(177, 203, 230, .20);
  border-radius: 12px;
  background: #101d30 !important;
  color: #dce7f2;
}

body.member-shell-body .member-page .deposit-network-option:hover,
body.member-shell-body .member-page .deposit-network-option.is-selected {
  border-color: rgba(132, 178, 252, .67);
  background: linear-gradient(145deg, #18345a, #102441) !important;
}

body.member-shell-body .member-page .deposit-network-icon {
  border-color: rgba(175, 203, 232, .23);
  background: #0b1728;
  color: #a8caff;
}

body.member-shell-body .member-page .deposit-network-icon--trc20 { color: #a8caff; }
body.member-shell-body .member-page .deposit-network-copy strong { color: #edf4fb; }
body.member-shell-body .member-page .deposit-network-copy small { color: #98aabd; }
body.member-shell-body .member-page .deposit-network-check { border-color: rgba(176, 203, 232, .37); }
body.member-shell-body .member-page .deposit-network-option.is-selected .deposit-network-check { border-color: #8ab7ff; background: #8ab7ff; color: #071422; }

body.member-shell-body .member-page .status,
body.member-shell-body .member-page .settings-state.is-secure,
body.member-shell-body .member-page .savings-state,
body.member-shell-body .member-page .settings-recovery,
body.member-shell-body .member-page .savings-empty {
  border-color: rgba(136, 180, 255, .30);
  background: rgba(72, 124, 204, .11);
  color: #c9ddfb;
}

body.member-shell-body .member-page .dashboard-activity,
body.member-shell-body .member-page .dashboard-story,
body.member-shell-body .member-page .member-referral-card {
  background-image: linear-gradient(145deg, #14233a, #0e192a) !important;
}

body.member-shell-body .member-page .dashboard-story .panel-heading,
body.member-shell-body .member-page .member-referral-card .panel-heading { max-width: 100%; }

body.member-shell-body .member-page .dashboard-story p:not(.reward-rate),
body.member-shell-body .member-page .member-referral-card .muted,
body.member-shell-body .member-page .send-security-list li { color: #adbece; }

body.member-shell-body .member-page .dashboard-story .reward-rate,
body.member-shell-body .member-page .text-link,
body.member-shell-body .member-page .savings-link,
body.member-shell-body .member-page .settings-positive { color: #a9ccff; }

body.member-shell-body .member-page .savings-progress { background: rgba(108, 157, 229, .16); }
body.member-shell-body .member-page .savings-progress > span { background: linear-gradient(90deg, #80adf6, #4b83e4); }

body.member-shell-body .member-page .virtual-card {
  border-color: rgba(148, 190, 252, .29);
  background: radial-gradient(circle at 85% 10%, rgba(126, 174, 253, .22), transparent 31%), linear-gradient(145deg, #1a3867, #0b1730 70%) !important;
}

body.admin-shell-body {
  --admin-canvas: var(--vccs-ink);
  --admin-canvas-deep: var(--vccs-ink-deep);
  --admin-surface: var(--vccs-surface);
  --admin-surface-raised: var(--vccs-surface-raised);
  --admin-surface-strong: #172943;
  --admin-line: var(--vccs-line);
  --admin-line-strong: var(--vccs-line-strong);
  --admin-text: var(--vccs-text);
  --admin-soft: var(--vccs-soft);
  --admin-muted: var(--vccs-muted);
  --admin-lime: var(--vccs-azure);
  --admin-lime-bright: var(--vccs-azure-soft);
  --admin-ink: #07111e;
  --admin-success: #b7d5ff;
  background: linear-gradient(135deg, #060b14, #0a1423 54%, #0b172a);
  font-family: var(--vccs-font);
}