/* Final dashboard layout layer: stable sizing, mobile drawer, and overflow control. */
html,
body.dashboard-body { width: 100%; max-width: 100%; overflow-x: hidden; }

.dashboard-body *,
.dashboard-body *::before,
.dashboard-body *::after { box-sizing: border-box; }

.dashboard-body img { max-width: 100%; }
.dashboard-body .grid > *,
.dashboard-body .dashboard-board > *,
.dashboard-body .dashboard-center,
.dashboard-body .dashboard-aside,
.dashboard-body .panel,
.dashboard-body .metric-card,
.dashboard-body .earnings-row > div { min-width: 0; }

.sidebar-head { display: none; }
.nav-link > svg { width: 19px; height: 19px; flex: none; }
.menu-btn svg { width: 22px; height: 22px; }
.sidebar-close { display: none; }

.dashboard-body .dashboard-welcome,
.dashboard-body .panel,
.dashboard-body .tree-panel,
.dashboard-body .empty-state,
.dashboard-body .earnings-row > div,
.dashboard-body .metric-card,
.dashboard-body .rank-card,
.dashboard-body .pool-card,
.dashboard-body .rank-balance-card,
.dashboard-body .referral-link-card { border-radius: 8px; }

.earnings-row strong,
.metric-card strong,
.rank-balance-card strong,
.welcome-rank-card strong,
.welcome-balance-card strong { max-width: 100%; overflow-wrap: anywhere; }

.table-wrap { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.table-wrap table { min-width: 620px; }
.tree-panel { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.tree-panel .tree { min-width: 560px; }

.dashboard-body .main { background: linear-gradient(180deg, #070b10 0%, #090d12 45%, #06090d 100%); }
.dashboard-body .dashboard-board { max-width: 1680px; margin-inline: auto; }
.dashboard-body .panel,
.dashboard-body .dashboard-welcome,
.dashboard-body .earnings-row > div,
.dashboard-body .metric-card,
.dashboard-body .rank-card,
.dashboard-body .pool-card,
.dashboard-body .rank-balance-card {
  border: 1px solid #202a34;
  background: linear-gradient(145deg, #10161d, #0b1016);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}
.dashboard-body .panel:hover,
.dashboard-body .earnings-row > div:hover,
.dashboard-body .metric-card:hover { box-shadow: 0 14px 34px rgba(0, 0, 0, .3); }

.referral-share-bar {
  max-width: 1680px;
  min-height: 58px;
  margin: 0 auto 16px;
  padding: 8px 10px 8px 16px;
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) 40px auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #26313c;
  border-left: 3px solid var(--orange);
  border-radius: 8px;
  background: #0d1319;
}
.referral-share-id { display: grid; gap: 2px; padding-right: 14px; border-right: 1px solid #27313b; }
.referral-share-id span { color: #8793a0; font-size: 9px; font-weight: 700; }
.referral-share-id b { color: var(--orange); font: 700 14px Rajdhani, sans-serif; }
.referral-share-bar > strong { min-width: 0; overflow: hidden; color: #cbd3dc; font: 500 12px Inter, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.referral-share-bar nav { display: flex; gap: 5px; }
.referral-share-bar nav a,
.icon-action { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #2b3743; border-radius: 7px; background: #111820; color: #aeb8c3; }
.referral-share-bar nav a:hover,
.icon-action:hover { border-color: var(--orange); color: var(--orange); }
.referral-share-bar svg { width: 17px; height: 17px; }

.earnings-row { align-items: stretch; }
.earnings-row > div { position: relative; min-height: 132px; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid #202a34; overflow: hidden; }
.earnings-row > div::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, var(--orange), transparent 70%); opacity: .75; }
.stat-card-head { display: flex; align-items: center; gap: 9px; min-width: 0; }
.stat-card-head svg,
.metric-card > svg { width: 34px; height: 34px; flex: none; padding: 8px; border: 1px solid rgba(255, 112, 0, .3); border-radius: 7px; background: rgba(255, 112, 0, .08); color: var(--orange); }
.stat-card-head span { min-width: 0; line-height: 1.3; }
.earnings-row strong { margin-top: 12px; color: #f4f7fa; font: 700 25px Rajdhani, sans-serif; letter-spacing: 0; }
.earnings-row small { margin-top: 5px; }
.claimable-earning { border-color: rgba(255, 112, 0, .45) !important; }
.claimable-earning .primary-btn { min-height: 34px; margin-top: 10px; border-radius: 6px; font-size: 10px; }

.dashboard-grid { gap: 10px; }
.metric-card { position: relative; min-height: 118px; padding: 15px; display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto 1fr auto; column-gap: 9px; align-items: center; }
.metric-card > svg { grid-row: 1 / 3; align-self: start; }
.metric-card > span { align-self: center; }
.metric-card > strong { grid-column: 2; align-self: end; color: #f5f7fa; font: 700 25px Rajdhani, sans-serif; letter-spacing: 0; }
.metric-card > small { grid-column: 2; color: #778491; }
.compact-metrics .metric-card {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
}
.compact-metrics .metric-card > span,
.compact-metrics .metric-card > strong {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.compact-metrics .metric-card > span {
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.compact-metrics .metric-card > strong {
  margin: 0;
  color: #f5f7fa;
  font-size: clamp(17px, 1.6vw, 23px);
  line-height: 1.15;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.bronze-stat > svg { color: #d78b55; border-color: rgba(215,139,85,.28); background: rgba(215,139,85,.08); }
.silver-stat > svg { color: #c3cfda; border-color: rgba(195,207,218,.28); background: rgba(195,207,218,.07); }
.gold-stat > svg { color: #ffc247; border-color: rgba(255,194,71,.3); background: rgba(255,194,71,.08); }

.rank-grid { gap: 10px; }
.rank-card { min-height: 128px; padding: 15px; display: grid; align-content: start; gap: 8px; border-top: 2px solid #29333d; }
.rank-card strong { color: #f0f4f7; font-size: 20px; }
.rank-card small { color: #85919d; line-height: 1.35; }
.rank-card em { margin-top: auto; color: #8f9ba6; font-size: 10px; font-style: normal; }
.rank-card.active { border-color: rgba(255, 112, 0, .65); border-top-color: var(--orange); background: linear-gradient(145deg, #171b20, #10151b); }

.pool-grid { gap: 10px; }
.pool-card { position: relative; min-height: 170px; padding: 14px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto 1fr auto; gap: 8px; text-align: left; border-top: 2px solid #2b3540; }
.pool-card.selected { border-color: var(--orange); }
.pool-card.member-active-pool { border-top-color: #22c55e; }
.pool-number { color: var(--orange) !important; font: 800 19px Orbitron, sans-serif !important; }
.pool-status { justify-self: end; padding: 4px 7px; border-radius: 5px; color: #8b97a3; background: #182029; font-size: 9px; font-style: normal; text-transform: uppercase; }
.pool-status.active { color: #72e896; background: rgba(34,197,94,.12); }
.pool-status.locked { color: #9aa5af; }
.pool-card > strong { grid-column: 1 / -1; color: #f3f6f8; font-size: 19px; }
.pool-income { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pool-income small { padding: 8px; display: grid; gap: 3px; border: 1px solid #252f39; border-radius: 6px; color: #75818d; background: #0a0f14; }
.pool-income b { color: #dce3e9; font: 700 12px Rajdhani, sans-serif; }
.pool-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; color: #7f8b97; }
.pool-meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tree-panel { border-color: #252f39 !important; background: #080d12 !important; }
.tree-node { border-color: #36414c; background: #111820; color: #aeb8c2; box-shadow: none; }
.tree-node.root { border-color: var(--orange); color: #fff; box-shadow: 0 0 18px rgba(255, 112, 0, .18); }
.activity-loading,
.activity-unavailable { min-height: 112px; display: grid; place-items: center; align-content: center; gap: 7px; color: #8e9aa6; text-align: center; }
.activity-unavailable strong { color: #e5eaf0; }
.activity-unavailable .ghost-btn { width: auto; min-height: 34px; margin-top: 4px; }

.dashboard-body #connectBtn.connected { border: 1px solid rgba(34,197,94,.45); background: rgba(34,197,94,.13); color: #7ded9d; }

@media (max-width: 768px) {
  .dashboard-body .topbar {
    display: grid;
    grid-template-columns: 40px 86px minmax(0, 1fr);
    min-height: 58px;
    height: 58px;
    padding: 0 8px;
    gap: 7px;
  }
  .dashboard-body .top-mobile-logo { width: 86px; height: 44px; display: block; overflow: hidden; }
  .dashboard-body .top-mobile-logo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }
  .dashboard-body .topbar .wallet-actions { width: 100%; min-width: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 5px; }
  .dashboard-body .topbar .language-picker { width: 48px; min-width: 0; padding: 0 4px; }
  .dashboard-body .topbar .language-picker svg { display: none; }
  .dashboard-body .topbar .language-picker select { width: 100%; min-width: 0; padding: 0; color: var(--white); font-size: 11px; text-align: center; }
  .dashboard-body #connectBtn { width: 100%; max-width: 100%; min-width: 0; padding: 0 5px; overflow: hidden; white-space: nowrap; font-size: 0; }
  .dashboard-body #connectBtn::before { content: "CONNECT"; font-size: 10px; }
  .dashboard-body #connectBtn.connected::before { content: "CONNECTED"; }
  .dashboard-body .header-pill,
  .dashboard-body .header-wallet,
  .dashboard-body .network-badge { display: none; }

  .sidebar { top: 0; z-index: 160; width: min(86vw, 310px); height: 100dvh; padding: 0 0 112px; transform: translateX(-105%); box-shadow: 24px 0 60px rgba(0,0,0,.72); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-head { height: 72px; padding: 8px 10px 8px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); }
  .sidebar .brand { width: 142px; height: 58px; display: block; overflow: hidden; }
  .sidebar .brand img { width: 100%; height: 100%; display: block; object-fit: contain; }
  .sidebar-close { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 8px; background: var(--card-2); color: var(--white); }
  .sidebar-close svg { width: 20px; height: 20px; }
  .side-nav { height: calc(100dvh - 184px); padding: 8px 10px 16px 0; overflow-y: auto; }
  .nav-link { min-height: 44px; padding: 0 16px; border-radius: 0 8px 8px 0; }
  .sidebar-card { bottom: 12px; }
  .sidebar-overlay { z-index: 150; }

  .dashboard-body .main,
  .dashboard-body .sidebar.closed + .main { width: 100%; max-width: 100%; margin: 58px 0 0; padding: 12px 10px 76px; }
  .dashboard-welcome { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 13px; gap: 8px; }
  .referral-share-bar { margin-bottom: 10px; padding: 8px; grid-template-columns: minmax(0, 1fr) 40px auto; gap: 6px; }
  .referral-share-id { grid-column: 1 / -1; padding: 0 0 7px; display: flex; align-items: center; justify-content: space-between; border: 0; border-bottom: 1px solid #27313b; }
  .referral-share-bar > strong { font-size: 11px; }
  .referral-share-bar nav a,
  .icon-action { width: 38px; height: 38px; }
  .referral-share-bar nav a:not(:first-child) { display: none; }
  .dashboard-welcome > div:first-child { grid-column: 1 / -1; }
  .dashboard-welcome h2 { font-size: 20px; overflow-wrap: anywhere; }
  .welcome-rank-card,
  .welcome-balance-card { min-width: 0; padding: 10px; }
  .welcome-rank-card strong,
  .welcome-balance-card strong { font-size: 18px; }
  .welcome-balance-card { grid-column: 1 / -1; }

  .earnings-row,
  .dashboard-grid,
  .compact-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  .earnings-row > div,
  .metric-card { min-height: 96px; padding: 12px; }
  .earnings-row > div:last-child { grid-column: 1 / -1; }
  .earnings-row strong,
  .metric-card strong { font-size: 19px; line-height: 1.12; }
  .earnings-row span,
  .metric-card span { font-size: 10px; line-height: 1.3; }
  .stat-card-head svg,
  .metric-card > svg { width: 30px; height: 30px; padding: 7px; }
  .metric-card { grid-template-columns: 31px minmax(0, 1fr); column-gap: 7px; }
  .compact-metrics .metric-card {
    min-height: 94px;
    padding: 11px;
    gap: 8px;
  }
  .compact-metrics .metric-card > span { font-size: 9px; }
  .compact-metrics .metric-card > strong {
    font-size: clamp(14px, 4.5vw, 18px);
    line-height: 1.12;
  }

  .dashboard-body .panel { width: 100%; max-width: 100%; padding: 13px; overflow: hidden; }
  .rank-stepper { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; }
  .rank-stepper i { width: 32px; height: 32px; }
  .rank-stepper > div { font-size: 8px; }
  .rank-stepper > div:not(:last-child)::after { top: 15px; left: calc(50% + 17px); width: calc(100% - 34px); }
  .rank-requirements { display: grid; grid-template-columns: 1fr 1fr; }
  .rank-requirements span { padding: 7px 8px; border-radius: 6px; line-height: 1.35; }
  .rank-grid,
  .rank-balance-grid,
  .pool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .rank-card,
  .pool-card,
  .rank-balance-card { min-height: 94px; padding: 11px; }
  .pool-card { min-height: 158px; }
  .pool-income { grid-template-columns: 1fr; gap: 4px; }
  .pool-income small { padding: 6px; grid-template-columns: auto 1fr; align-items: center; }
  .rank-card strong,
  .pool-card strong,
  .rank-balance-card strong { font-size: 17px; overflow-wrap: anywhere; }

  #referrals { grid-template-columns: minmax(0, 1fr); }
  .referral-link-card > div { align-items: stretch; flex-direction: column; }
  .referral-link-card .ghost-btn { width: 100%; }
  .referral-link-card nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .referral-link-card nav a { min-width: 0; padding: 0 6px; justify-content: center; }
  .distribution-card { overflow-wrap: anywhere; }
  .dashboard-aside { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .system-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; }
  .system-strip > div { min-width: 0; padding: 11px 8px; }
  .system-strip strong { font-size: 15px; overflow-wrap: anywhere; }
  .dashboard-footer { display: grid; grid-template-columns: 1fr; gap: 12px; overflow: hidden; }
  .dashboard-footer img { width: 138px; height: auto; }
  .dashboard-footer-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .dashboard-footer-actions > * { min-width: 0; }
  .mobile-tab-bar { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .mobile-tab-bar a { min-width: 0; overflow: hidden; }
}

@media (max-width: 380px) {
  .dashboard-body .topbar { grid-template-columns: 38px 72px minmax(0, 1fr); }
  .dashboard-body .top-mobile-logo { width: 72px; }
  .dashboard-body .topbar .wallet-actions { grid-template-columns: 44px minmax(0, 1fr); }
  .dashboard-body .topbar .language-picker { width: 44px; }
  .earnings-row strong,
  .metric-card strong { font-size: 17px; }
  .compact-metrics .metric-card > strong { font-size: 14px; }
  .rank-requirements { grid-template-columns: 1fr; }
}

/* App-style dashboard views and wallet controls. */
.dashboard-body [data-dashboard-view][hidden] { display: none !important; }
.dashboard-body .dashboard-center { display: grid; align-content: start; gap: 16px; }
.dashboard-body .dashboard-panels { margin: 0; }
.dashboard-body .dashboard-panels > .panel { width: 100%; }
.dashboard-body .dashboard-aside { align-content: start; }
.dashboard-body .topbar { border-bottom: 1px solid rgba(255, 125, 20, .16); background: rgba(7, 11, 16, .94); backdrop-filter: blur(18px); }
.dashboard-body .header-wallet { max-width: 160px; overflow: hidden; border-color: #293640; color: #d7dde5; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-body #connectBtn { min-height: 40px; border-color: rgba(255, 123, 0, .6); background: linear-gradient(135deg, #ff9a18, #f35c00); box-shadow: 0 8px 22px rgba(255, 101, 0, .2); }
.dashboard-body #connectBtn.hidden { display: none; }
.disconnect-wallet { width: 40px; height: 40px; display: grid; flex: none; place-items: center; border: 1px solid rgba(255, 119, 25, .42); border-radius: 9px; background: #111920; color: #ff9a4d; transition: .2s ease; }
.disconnect-wallet:hover { border-color: #ff7b00; background: rgba(255, 111, 0, .12); color: #fff; }
.disconnect-wallet svg { width: 18px; height: 18px; }
.team-directory { padding: 0 !important; overflow: hidden; }
.team-directory .section-head { margin: 0; padding: 20px 22px 14px; border-bottom: 1px solid #25303a; }
.team-directory .section-head p { margin: 5px 0 0; color: #8995a1; font-size: 12px; }
.team-directory .table-wrap { margin: 0; }
.team-directory table { min-width: 740px; border-collapse: collapse; }
.team-directory th { padding: 15px 20px; color: #aeb9c7; background: #10171f; font: 700 11px Inter, sans-serif; letter-spacing: 0; text-transform: uppercase; }
.team-directory td { padding: 15px 20px; border-top: 1px solid #202a34; color: #d7dee6; font-size: 13px; }
.team-directory tbody tr { transition: background .2s ease; }
.team-directory tbody tr:hover { background: rgba(255, 117, 0, .05); }
.team-directory code { color: #f1f4f7; font-family: Rajdhani, monospace; font-size: 15px; }
.table-status { display: inline-flex; align-items: center; gap: 6px; color: #77e8a0; font-size: 11px; font-weight: 700; }
.table-status::before { width: 7px; height: 7px; border-radius: 50%; background: #30c96c; box-shadow: 0 0 10px rgba(48, 201, 108, .6); content: ""; }
.table-explorer { color: #ff9a4d; font-size: 12px; font-weight: 700; }
.table-explorer:hover { color: #fff; }
.admin-panel { border-color: rgba(255, 123, 0, .46) !important; background: linear-gradient(140deg, #17130f, #0d1218 60%) !important; }
.admin-console-grid { margin: 20px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.admin-console-grid > div { min-width: 0; padding: 16px; border: 1px solid rgba(255, 126, 12, .22); border-radius: 8px; background: rgba(0, 0, 0, .18); }
.admin-console-grid span { display: block; color: #9aa7b4; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.admin-console-grid strong { display: block; margin-top: 8px; overflow-wrap: anywhere; color: #fff0dc; font: 700 24px Rajdhani, sans-serif; }
.admin-actions .primary-btn { display: inline-flex; align-items: center; gap: 9px; }
.admin-actions .primary-btn svg { width: 17px; height: 17px; }

/* Contract-backed 2 x 4 auto-pool tree. */
.dashboard-body .tree-panel { padding: 22px; overflow: hidden; border-color: rgba(103, 91, 255, .32) !important; background: radial-gradient(circle at 50% 0%, rgba(113, 60, 208, .22), transparent 42%), #080d17 !important; }
.dashboard-body .tree-head { align-items: flex-start; padding-bottom: 14px; border-bottom: 1px solid rgba(166, 150, 255, .18); }
.dashboard-body .tree-head strong { color: #f2efff; font: 700 18px Orbitron, sans-serif; }
.dashboard-body .tree-head span { max-width: 48ch; color: #a9a5c5; font-size: 12px; text-align: right; }
.dashboard-body .tree-panel .premium-pool-tree { position: relative; min-width: 760px; padding: 18px 32px 8px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto 62px auto 74px auto 62px; row-gap: 10px; overflow: visible; }
.premium-pool-tree::before { position: absolute; z-index: 0; top: 102px; left: 25%; right: 25%; height: 1px; background: linear-gradient(90deg, rgba(109, 104, 220, .18), rgba(225, 203, 255, .8), rgba(109, 104, 220, .18)); content: ""; }
.premium-pool-tree::after { position: absolute; z-index: 0; top: 222px; left: 12.5%; right: 12.5%; height: 1px; background: linear-gradient(90deg, rgba(67, 133, 255, .18), rgba(160, 199, 255, .8), rgba(67, 133, 255, .18)); content: ""; }
.premium-pool-tree .tree-tier-label { grid-column: 1 / -1; z-index: 2; justify-self: center; padding: 4px 10px; border: 1px solid rgba(197, 170, 255, .28); border-radius: 999px; background: #10132a; color: #b7acdf; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.premium-pool-tree .root-tier { grid-row: 1; color: #f2c16a; border-color: rgba(255, 175, 44, .4); }
.premium-pool-tree .root { grid-column: 2 / 4; grid-row: 2; z-index: 2; justify-self: center; min-width: 190px; min-height: 58px; padding: 0 26px; border: 1px solid #ffb321; border-radius: 12px; background: linear-gradient(135deg, #4d2608, #201305 65%); box-shadow: 0 0 0 1px rgba(255, 142, 0, .14), 0 0 30px rgba(255, 128, 0, .3); color: #fff4df; font: 700 18px Rajdhani, sans-serif; }
.premium-pool-tree .root::after { position: absolute; top: 100%; left: 50%; width: 1px; height: 27px; background: linear-gradient(#ffbb5b, rgba(255, 187, 91, .15)); content: ""; }
.premium-pool-tree .level-one-tier { grid-row: 3; }
.premium-pool-tree .level-two-tier { grid-row: 5; }
.premium-pool-tree .tree-row { position: relative; z-index: 1; display: grid; align-items: center; }
.premium-pool-tree .tree-row.two { grid-column: 1 / -1; grid-row: 4; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 120px; padding: 0 96px; }
.premium-pool-tree .tree-row.four { grid-column: 1 / -1; grid-row: 6; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px; }
.premium-pool-tree .tree-row.two::before,
.premium-pool-tree .tree-row.four::before { position: absolute; z-index: -1; top: -38px; left: 25%; right: 25%; height: 38px; border: 1px solid rgba(210, 201, 255, .7); border-bottom: 0; border-radius: 18px 18px 0 0; content: ""; }
.premium-pool-tree .tree-row.four::before { top: -37px; left: 12.5%; right: 12.5%; height: 37px; border-color: rgba(165, 200, 255, .7); }
.premium-pool-tree .tree-node { position: relative; justify-self: center; width: min(100%, 132px); min-height: 52px; padding: 9px; display: grid; place-items: center; border: 1px solid #4a5be7; border-radius: 9px; background: linear-gradient(145deg, #121a45, #0a1030); box-shadow: 0 8px 18px rgba(0, 0, 0, .28); color: #eff3ff; font: 700 15px Rajdhani, sans-serif; text-align: center; }
.premium-pool-tree .tree-node.filled { border-color: #6278ff; background: linear-gradient(145deg, #182b76, #0d1642); box-shadow: 0 0 0 1px rgba(87, 116, 255, .2), 0 8px 22px rgba(0, 47, 255, .24); }
.premium-pool-tree .tree-node.empty { border-color: #38445c; background: #111827; color: #8492a8; box-shadow: none; }
.premium-pool-tree .tree-node.empty::after { color: #60708b; font-size: 8px; font-weight: 700; content: "AVAILABLE"; }

/* OrbitX premium overview: real data in a compact control-room composition. */
.dashboard-body .main { background: #060b16; }
.dashboard-body .topbar { min-height: 76px; padding: 0 24px; border-bottom-color: rgba(90, 143, 255, .22); background: rgba(7, 13, 29, .94); }
.dashboard-body .topbar > div:first-of-type { min-width: 150px; }
.dashboard-body .topbar h1 { margin: 2px 0 0; color: #f5f8ff; font-size: 18px; }
.dashboard-body .topbar .eyebrow { color: #94a8ce; }
.dashboard-body .header-pill, .dashboard-body .header-wallet, .dashboard-body .network-badge { border-color: rgba(112, 156, 255, .3); background: #0d1730; color: #dce7ff; }
.dashboard-body .rank-pill { border-color: rgba(255, 167, 28, .45); background: rgba(119, 76, 10, .22); color: #ffbf4d; }
.dashboard-body .dashboard-board { max-width: 1740px; }
.dashboard-body .dashboard-welcome { min-height: 106px; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, .8fr)); overflow: hidden; border-color: rgba(86, 137, 255, .42); background: linear-gradient(105deg, #0d1b39, #0a1327 58%, #0d1728); box-shadow: 0 16px 36px rgba(0, 0, 0, .3); }
.dashboard-body .dashboard-welcome > div { min-width: 0; padding: 19px 22px; border-left: 1px solid rgba(117, 154, 226, .22); }
.dashboard-body .dashboard-welcome > div:first-child { border: 0; }
.dashboard-body .dashboard-welcome .ox-kicker { color: #9cb6ea; font-size: 10px; }
.dashboard-body .dashboard-welcome h2 { max-width: 27ch; margin: 6px 0 0; color: #fff; font: 700 20px Inter, sans-serif; line-height: 1.25; }
.dashboard-body .welcome-rank-card, .dashboard-body .welcome-balance-card { display: grid; align-content: center; gap: 7px; background: transparent; }
.dashboard-body .welcome-rank-card span, .dashboard-body .welcome-balance-card span { color: #9aabc9; font-size: 10px; text-transform: uppercase; }
.dashboard-body .welcome-rank-card strong, .dashboard-body .welcome-balance-card strong { color: #eef4ff; font: 700 22px Rajdhani, sans-serif; }
.dashboard-body .welcome-rank-card:first-of-type strong { color: #ffc14d; }
.dashboard-body .dashboard-section-title { margin: 21px 0 8px; }
.dashboard-body .dashboard-section-title h2 { color: #dbe6ff; font-family: Inter, sans-serif; font-size: 13px; letter-spacing: 0; }
.dashboard-body .earnings-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; }
.dashboard-body .earnings-row > div { min-height: 196px; padding: 22px; border: 1px solid rgba(76, 140, 255, .5); border-radius: 12px; background: radial-gradient(circle at 20% 0%, rgba(46, 124, 255, .18), transparent 48%), #0c1830; box-shadow: 0 14px 26px rgba(0,0,0,.26); }
.dashboard-body .earnings-row > div:nth-child(2) { border-color: rgba(36, 222, 181, .54); background: radial-gradient(circle at 20% 0%, rgba(18, 190, 157, .18), transparent 48%), #0b1c29; }
.dashboard-body .earnings-row > div:nth-child(3) { border-color: rgba(179, 99, 255, .52); background: radial-gradient(circle at 20% 0%, rgba(154, 66, 235, .18), transparent 48%), #16122b; }
.dashboard-body .earnings-row > div:nth-child(4) { border-color: rgba(255, 126, 47, .56); background: radial-gradient(circle at 20% 0%, rgba(255, 101, 16, .18), transparent 48%), #22150f; }
.dashboard-body .earnings-row > div::after { height: 0; }
.dashboard-body .earnings-row > div::before { position: absolute; right: 18px; bottom: 22px; width: 88px; height: 38px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; opacity: .3; transform: skewY(-28deg); content: ""; }
.dashboard-body .earnings-row .stat-card-head { align-items: flex-start; color: #dfe9ff; font-size: 14px; font-weight: 700; }
.dashboard-body .earnings-row .stat-card-head svg { width: 46px; height: 46px; padding: 11px; border-radius: 14px; color: #5eb3ff; border-color: rgba(93, 179, 255, .34); background: rgba(49, 119, 255, .16); }
.dashboard-body .earnings-row > div:nth-child(2) .stat-card-head svg { color: #4cebc3; border-color: rgba(63, 225, 186, .35); background: rgba(34, 188, 157, .16); }
.dashboard-body .earnings-row > div:nth-child(3) .stat-card-head svg { color: #ce91ff; border-color: rgba(197, 118, 255, .36); background: rgba(149, 56, 232, .17); }
.dashboard-body .earnings-row > div:nth-child(4) .stat-card-head svg { color: #ffab61; border-color: rgba(255, 136, 48, .36); background: rgba(237, 100, 17, .16); }
.dashboard-body .earnings-row strong { position: relative; z-index: 1; margin-top: 26px; color: #f5f8ff; font-size: clamp(28px, 2.15vw, 42px); }
.dashboard-body .earnings-row small { color: #9aaace; }
.dashboard-body .dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.dashboard-body .metric-card { min-height: 112px; padding: 18px; border-color: rgba(65, 139, 255, .38); border-radius: 11px; background: #0c1830; }
.dashboard-body .metric-card:nth-child(2) { border-color: rgba(55, 208, 184, .42); background: #0b1c29; }
.dashboard-body .metric-card:nth-child(3) { border-color: rgba(228, 96, 191, .42); background: #1d1127; }
.dashboard-body .metric-card > strong { color: #f5f8ff; font-size: 27px; }
.dashboard-body .metric-card > svg { width: 40px; height: 40px; border-radius: 12px; color: #5eb3ff; border-color: rgba(93,179,255,.34); background: rgba(49,119,255,.16); }
.dashboard-body .dashboard-panels { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 14px; }
.dashboard-body .dashboard-panels .panel { min-height: 348px; border-color: rgba(92, 121, 255, .42); background: linear-gradient(145deg, #0d1832, #0a1124); }
.dashboard-body .rank-claim-card { margin-top: 20px; border-color: rgba(156, 96, 255, .36); background: rgba(94, 50, 183, .12); }
.dashboard-body .progress-bar { height: 14px; border-radius: 999px; background: #111b35; }
.dashboard-body .progress-bar > span { border-radius: inherit; background: linear-gradient(90deg, #6d40ff, #b55bff); }

@media (max-width: 980px) {
  .dashboard-body .earnings-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-body .dashboard-welcome { grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(130px, .7fr)); }
}

@media (max-width: 768px) {
  .dashboard-body .topbar { min-height: 58px; padding: 0 8px; }
  .dashboard-body .dashboard-welcome { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-body .dashboard-welcome > div { padding: 13px; }
  .dashboard-body .dashboard-welcome > div:first-child { grid-column: 1 / -1; }
  .dashboard-body .dashboard-welcome h2 { font-size: 18px; }
  .dashboard-body .welcome-rank-card strong, .dashboard-body .welcome-balance-card strong { font-size: 19px; }
  .dashboard-body .earnings-row { grid-template-columns: 1fr; gap: 10px; }
  .dashboard-body .earnings-row > div { min-height: 156px; padding: 17px; }
  .dashboard-body .earnings-row strong { margin-top: 16px; font-size: 31px; }
  .dashboard-body .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .dashboard-body .metric-card { min-height: 102px; padding: 12px; }
  .dashboard-body .metric-card > strong { font-size: 21px; }
  .dashboard-body .dashboard-panels { grid-template-columns: 1fr; gap: 10px; }
  .dashboard-body .dashboard-panels .panel { min-height: 0; }
}



body.dashboard-body[data-dashboard-view="earnings"] .dashboard-board,
body.dashboard-body[data-dashboard-view="network"] .dashboard-board,
body.dashboard-body[data-dashboard-view="referrals"] .dashboard-board,
body.dashboard-body[data-dashboard-view="rank"] .dashboard-board,
body.dashboard-body[data-dashboard-view="balances"] .dashboard-board,
body.dashboard-body[data-dashboard-view="events"] .dashboard-board,
body.dashboard-body[data-dashboard-view="admin"] .dashboard-board,
body.dashboard-body[data-dashboard-view="pools"] .dashboard-board { grid-template-columns: minmax(0, 1fr); }
body.dashboard-body[data-dashboard-view="earnings"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="network"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="referrals"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="rank"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="balances"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="events"] .dashboard-aside,
body.dashboard-body[data-dashboard-view="admin"] .dashboard-aside { display: none; }
body.dashboard-body[data-dashboard-view="profile"] .dashboard-board { grid-template-columns: minmax(0, 1fr); }
body.dashboard-body[data-dashboard-view="profile"] .dashboard-center { display: none; }
body.dashboard-body[data-dashboard-view="profile"] .dashboard-aside { width: min(100%, 720px); padding: 26px; display: grid; grid-template-columns: minmax(0, 1fr); }
body.dashboard-body[data-dashboard-view="profile"] .profile-panel { min-height: 420px; display: grid; place-items: center; align-content: center; text-align: center; }
body.dashboard-body[data-dashboard-view="profile"] .profile-meta,
body.dashboard-body[data-dashboard-view="profile"] .profile-grid { width: min(100%, 520px); }

@media (max-width: 768px) {
  .dashboard-body .topbar .wallet-actions { grid-template-columns: 48px minmax(0, 1fr) 40px; align-items: center; }
  .dashboard-body .topbar .wallet-actions #connectBtn { grid-column: 2 / 4; }
  .dashboard-body .topbar .wallet-actions #connectBtn.hidden { display: none; }
  .dashboard-body .topbar .wallet-actions .disconnect-wallet { grid-column: 3; }
  .team-directory .section-head { padding: 16px 14px 12px; }
  .team-directory th, .team-directory td { padding: 13px 14px; }
  .admin-console-grid { grid-template-columns: 1fr; }
  body.dashboard-body[data-dashboard-view="profile"] .dashboard-aside { width: 100%; padding: 0; }
}