/* V97 — Invitation / Affiliate overlay on #/promotion */

html.co-invite-open,
html.co-invite-open body {
  overflow: hidden;
}

/* Keep Vue app hidden, but lift the tabbar stacking context so the
   protruding GET ₹500 wheel paints above .co-inv (not under its bottom edge). */
html.co-invite-open #app {
  visibility: hidden !important;
  z-index: 120 !important;
  pointer-events: none !important;
}
html.co-invite-open .tabbar__container,
html.co-invite-open #app .tabbar__container {
  visibility: visible !important;
  z-index: 121 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html.co-invite-open .tabbar__container-item,
html.co-invite-open .tabbar__container .turntableBg,
html.co-invite-open .tabbar__container .v83-spin-wrap,
html.co-invite-open .tabbar__container .v83-spin-disc {
  overflow: visible !important;
}
html.co-invite-open .tabbar__container-item:nth-of-type(3),
html.co-invite-open .tabbar__container [data-v83-key="turntable"] {
  z-index: 122 !important;
}

.co-inv {
  --affiliate-page-bg: #1a201e;
  --affiliate-header-bg: #27312f;
  --affiliate-tab-bg: #343d3a;
  --affiliate-tab-active: #202724;
  --affiliate-profile-emerald: #2f674f;
  --affiliate-profile-charcoal: #303a37;
  --affiliate-info-charcoal: #252c2a;
  --affiliate-card-bg: #323b39;
  --affiliate-card-inner: #3e4845;
  --affiliate-reward-outer: #323b39;
  --affiliate-panel-dark: #303936;
  --affiliate-share-bg: #2e664e;
  --affiliate-live-bg: #326650;
  --affiliate-table-dark: #303a37;
  --affiliate-table-row-a: #3d4745;
  --affiliate-table-row-b: #303a37;
  --affiliate-divider: rgba(235, 244, 239, 0.08);
  --affiliate-text-primary: #f1f4f2;
  --affiliate-text-secondary: #c0cac5;
  --affiliate-text-muted: #919d98;
  --affiliate-green: #27e68b;
  --affiliate-green-muted: #23bc78;
  --affiliate-gold: #d9bc59;
  --affiliate-button-dark: #3f4a47;
  --co-inv-bottom-fallback: calc(1.72rem + env(safe-area-inset-bottom, 0px));
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 10rem;
  height: 100%;
  height: 100dvh;
  z-index: 90;
  display: flex;
  flex-direction: column;
  background: var(--affiliate-page-bg);
  color: var(--affiliate-text-primary);
  font-family: inherit;
  overflow: hidden;
}

.co-inv *,
.co-inv *:before,
.co-inv *:after { box-sizing: border-box; }

.co-inv__header {
  position: relative;
  flex: none;
  display: grid;
  grid-template-columns: 0.85333rem 1fr 0.85333rem;
  align-items: center;
  height: 1.17333rem;
  padding: 0 0.32rem;
  background: var(--affiliate-header-bg);
}

.co-inv__title {
  text-align: center;
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.co-inv__tabs {
  flex: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.12rem;
  padding: 0.16rem 0.32rem 0.2rem;
  background: var(--affiliate-header-bg);
}

.co-inv__tab {
  height: 0.88rem;
  border: 0;
  border-radius: 0.16rem;
  background: var(--affiliate-tab-bg);
  color: var(--affiliate-text-secondary);
  font-size: 0.34667rem;
  font-weight: 800;
  cursor: pointer;
}

.co-inv__tab.is-on {
  background: var(--affiliate-tab-active);
  color: #ffffff;
}

/* Bottom clearance is owned by --co-inv-bottom, which v97-invitation.js sets to
   the measured height of the Vue tabbar (0 when that bar is not rendered, e.g.
   on the Records sub-route). The fallback covers the frame before the first
   measurement lands. */
.co-inv__scroll {
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  --co-inv-bottom-fallback: calc(1.72rem + env(safe-area-inset-bottom, 0px));
  padding: 0.32rem 0.32rem calc(var(--co-inv-bottom, var(--co-inv-bottom-fallback)) + 0.32rem);
}

.co-inv__card {
  background: var(--affiliate-card-bg);
  border-radius: 0.26rem;
  padding: 0.32rem 0.28rem 0.28rem;
  margin-bottom: 0.28rem;
}
.co-inv__card--summary {
  --profile-emerald-left: #2f6a51;
  --profile-emerald-soft: #39765a;
  --profile-charcoal-right: #303936;
  --profile-info-dark: #252d2a;
  --profile-metric-strip: #29322f;
  --profile-divider: rgba(238, 246, 241, 0.045);
  --profile-white: #f2f5f3;
  --profile-muted: #bac5bf;
  --profile-dim: #8e9b95;
  --profile-green-accent: #26e58a;
  --profile-gold-accent: #e0bd42;
  position: relative;
  overflow: hidden;
  background: #303936;
  border: 1px solid rgba(232, 242, 237, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 245, 0.035),
    0 8px 22px rgba(0, 0, 0, 0.18);
  padding: 0;
}
.co-inv__card--summary::before {
  content: "";
  position: absolute;
  left: -12%;
  top: -28%;
  width: 62%;
  height: 160%;
  border-radius: 50%;
  background: rgba(47, 118, 86, 0.30);
  filter: blur(24px);
  opacity: 0.62;
  pointer-events: none;
  z-index: 0;
}
.co-inv__group {
  background: var(--affiliate-panel-dark);
  border-radius: 0.26rem;
  padding: 0.36rem 0.32rem 0.32rem;
  margin-bottom: 0.32rem;
}
.co-inv__group-sec {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.co-inv__group-sec + .co-inv__group-sec {
  margin-top: 0.32rem;
}
.co-inv__group-rule { display: none; }
.co-inv__card--share {
  background: var(--affiliate-share-bg);
  padding: 0.32rem 0.28rem 0.28rem;
  margin-top: 0;
}
.co-inv__live-card {
  position: relative;
  background: var(--affiliate-table-dark);
  border-radius: 0.26rem;
  overflow: hidden;
  margin-bottom: 0.24rem;
}
.co-inv__live-daily {
  background: var(--affiliate-live-bg);
  text-align: center;
  padding: 0.36rem 0.24rem 0.28rem;
}

.co-inv__card--summary .co-inv__profile-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.54667rem minmax(0, 1fr);
  column-gap: 0.24rem;
  align-items: flex-start;
  min-width: 0;
  padding: 0.78rem 0.28rem 0.24rem 0.28rem;
}
.co-inv__card--summary .co-inv__profile-identity {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  width: 1.54667rem;
}
.co-inv__card--summary .co-inv__profile-details {
  min-width: 0;
  padding-left: 0;
  text-align: left;
}

.co-inv__card--summary .co-inv__avatar {
  position: relative;
  width: 1.54667rem;
  height: 1.54667rem;
  min-width: 1.54667rem;
  overflow: visible;
  z-index: 2;
  background: transparent;
  border-radius: 50%;
}
.co-inv__card--summary .co-inv__face {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--profile-info-dark);
  border: 0.028rem solid rgba(255, 207, 92, 0.42);
  box-shadow:
    0 0 0 0.02rem rgba(36, 238, 137, 0.16),
    inset 0 0 0 0.01rem rgba(0, 0, 0, 0.35);
}
.co-inv__card--summary .co-inv__portrait {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.co-inv__card--summary .co-inv__crown {
  position: absolute;
  width: 0.74rem;
  height: auto;
  left: 50%;
  top: -0.5rem;
  transform: translateX(-50%);
  z-index: 4;
  pointer-events: none;
  line-height: 0;
}
.co-inv__card--summary .co-inv__crown-img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0.02rem 0.04rem rgba(0, 0, 0, 0.45));
}

.co-inv__card--summary .co-inv__pid {
  font-size: 0.37333rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  margin-bottom: 0.12rem;
  color: var(--profile-white);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.15;
}
.co-inv__card--summary .co-inv__stars {
  display: flex;
  gap: 0.06rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}
.co-inv__card--summary .co-inv__stars svg {
  width: 0.36rem;
  height: 0.36rem;
  color: rgba(242, 245, 243, 0.28);
  flex: none;
}
.co-inv__card--summary .co-inv__stars svg.is-on { color: #ffcf5c; }

.co-inv__card--summary .co-inv__profile-progress-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 0.12rem;
  align-items: center;
  min-width: 0;
  text-align: left;
  margin-bottom: 0.14rem;
}
.co-inv__card--summary .co-inv__profile-progress-bar {
  position: relative;
  height: 0.32rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #252d2a 0%, #151a18 100%);
  box-shadow: inset 0 0.03rem 0.08rem rgba(0, 0, 0, 0.55);
  overflow: visible;
  min-width: 1.8rem;
  max-width: 3.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.co-inv__card--summary .co-inv__profile-progress-bar > i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  border-radius: inherit;
  max-width: 100%;
  z-index: 0;
  transition: width 0.35s ease;
}
.co-inv__card--summary .co-inv__profile-progress-row.is-gold .co-inv__profile-progress-bar > i {
  background-image: linear-gradient(90deg, #0f9f45 0%, #26e58a 55%, #86e671 100%);
  box-shadow: 0 0 0.12rem rgba(38, 229, 138, 0.35);
}
.co-inv__card--summary .co-inv__profile-progress-row.is-green .co-inv__profile-progress-bar > i {
  background-image: linear-gradient(90deg, #2f7fd4 0%, #5eb6ff 55%, #9fd0ff 100%);
  box-shadow: 0 0 0.12rem rgba(94, 182, 255, 0.35);
}
.co-inv__card--summary .co-inv__profile-pip {
  position: absolute;
  top: 50%;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  transition: left 0.35s ease;
  animation: co-inv-pip-blink-gold 1.2s ease-in-out infinite;
}
.co-inv__card--summary .co-inv__profile-pip::after {
  content: "";
  position: absolute;
  left: 18%;
  top: 16%;
  width: 38%;
  height: 38%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  pointer-events: none;
}
.co-inv__card--summary .co-inv__profile-progress-row.is-gold .co-inv__profile-pip {
  background: radial-gradient(circle at 35% 30%, #fff59a 0%, #ffe14a 38%, #e0b400 72%, #9a7400 100%);
  animation-name: co-inv-pip-blink-gold;
}
.co-inv__card--summary .co-inv__profile-progress-row.is-green .co-inv__profile-pip {
  background: radial-gradient(circle at 35% 30%, #d8f0ff 0%, #7ec8ff 40%, #3a9adf 72%, #1a5f9a 100%);
  animation-name: co-inv-pip-blink-blue;
}
@keyframes co-inv-pip-blink-gold {
  0%, 100% {
    opacity: 1;
    box-shadow:
      0 0 0 0.03rem rgba(255, 245, 170, 0.35) inset,
      0 0 0.12rem rgba(255, 214, 40, 0.55),
      0 0.04rem 0.1rem rgba(0, 0, 0, 0.45);
  }
  50% {
    opacity: 0.85;
    box-shadow:
      0 0 0 0.03rem rgba(255, 245, 170, 0.5) inset,
      0 0 0.28rem rgba(255, 230, 80, 0.95),
      0 0.04rem 0.1rem rgba(0, 0, 0, 0.45);
  }
}
@keyframes co-inv-pip-blink-blue {
  0%, 100% {
    opacity: 1;
    box-shadow:
      0 0 0 0.03rem rgba(200, 230, 255, 0.35) inset,
      0 0 0.12rem rgba(90, 180, 255, 0.55),
      0 0.04rem 0.1rem rgba(0, 0, 0, 0.45);
  }
  50% {
    opacity: 0.85;
    box-shadow:
      0 0 0 0.03rem rgba(200, 230, 255, 0.5) inset,
      0 0 0.28rem rgba(130, 200, 255, 0.95),
      0 0.04rem 0.1rem rgba(0, 0, 0, 0.45);
  }
}
.co-inv__card--summary .co-inv__profile-progress-val {
  position: relative;
  z-index: 1;
  font-size: 0.24rem;
  font-weight: 800;
  color: #26e58a;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
}
.co-inv__card--summary .co-inv__profile-progress-lab {
  font-size: 0.29333rem;
  font-weight: 700;
  color: var(--profile-white);
  white-space: nowrap;
  line-height: 1.2;
}

.co-inv__card--summary .co-inv__stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  text-align: center;
  background: var(--profile-metric-strip);
  border-radius: 0;
  overflow: hidden;
  border-top: 1px solid var(--profile-divider);
}
.co-inv__card--summary .co-inv__stat {
  padding: 0.2rem 0.08rem 0.22rem;
  border-right: 1px solid var(--profile-divider);
  min-width: 0;
}
.co-inv__card--summary .co-inv__stat:last-child { border-right: 0; }
.co-inv__card--summary .co-inv__stat span {
  display: block;
  font-size: 0.29333rem;
  color: var(--profile-dim);
  font-weight: 700;
  line-height: 1.2;
}
.co-inv__card--summary .co-inv__stat b {
  display: block;
  margin-top: 0.08rem;
  font-size: 0.4rem;
  color: var(--profile-white);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.co-inv__card--summary .co-inv__stat b.green,
.co-inv__card--summary .co-inv__profile-rs {
  color: var(--profile-green-accent);
  font-style: normal;
  font-weight: 800;
}

.co-inv__h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
  padding: 0 0.04rem;
  min-height: 0.64rem;
}
.co-inv__h h3 {
  margin: 0;
  font-size: 0.42667rem;
  font-weight: 800;
  color: #f1f4f2;
  line-height: 1.2;
}
.co-inv__hist {
  border: 0;
  background: var(--affiliate-button-dark);
  color: var(--affiliate-text-secondary);
  font-size: 0.32rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.04rem;
  height: 0.64rem;
  padding: 0 0.16rem 0 0.22rem;
  border-radius: 999px;
  flex: none;
}
.co-inv__hist svg { width: 0.24rem; height: 0.24rem; color: var(--affiliate-text-muted); }

.co-inv__panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 0;
  min-height: 2.56rem;
  background: var(--affiliate-card-inner);
  border-radius: 0.18rem;
  overflow: hidden;
  box-sizing: border-box;
}
.co-inv__cell {
  min-width: 0;
  height: 100%;
  padding: 0.4rem 0.36rem 0.36rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  box-sizing: border-box;
}
.co-inv__cell + .co-inv__cell {
  border-left: 1px solid var(--affiliate-divider);
  padding-left: 0.36rem;
}
.co-inv__cell span {
  display: block;
  font-size: 0.29333rem;
  color: #f1f4f2;
  font-weight: 700;
  line-height: 1.2;
  width: 100%;
}
.co-inv__cell b {
  display: block;
  margin-top: 0.18rem;
  margin-bottom: 0.16rem;
  font-size: 0.58667rem;
  font-weight: 800;
  color: #f1f4f2;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  width: 100%;
}
.co-inv__cell b.green { color: var(--affiliate-green); }
.co-inv__rs {
  font-style: normal;
  font-weight: 800;
  color: inherit;
}
.co-inv__group .co-inv__rs {
  color: #f1f4f2 !important;
}
.co-inv__live-row .co-inv__rs {
  color: inherit !important;
}

.co-inv__cell i {
  display: block;
  margin-top: 0;
  font-size: 0.26667rem;
  font-style: normal;
  color: #f1f4f2;
  font-weight: 700;
  line-height: 1.25;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.co-inv__actions {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 0.24rem;
  margin: 0.36rem 0 0;
}
.co-inv__btn {
  min-width: 0;
  height: 0.96rem;
  border: 0;
  border-radius: 0.18rem;
  font-size: 0.32rem;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.co-inv__btn svg { width: 0.4rem; height: 0.4rem; flex: none; }
.co-inv__btn--how {
  background: var(--affiliate-button-dark);
  color: var(--affiliate-text-primary);
}
.co-inv__btn--how svg { color: var(--affiliate-green); }
.co-inv__btn--go {
  background: var(--affiliate-gold);
  color: #1a1408;
}
.co-inv__btn:disabled { opacity: 0.45; }

.co-inv__rebate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: var(--affiliate-tab-bg);
  border-radius: 0.26667rem;
  padding: 0.32rem;
  margin-bottom: 0.24rem;
  color: inherit;
  cursor: pointer;
  text-align: left;
}
.co-inv__rebate b { font-size: 0.4rem; }
.co-inv__rebate span { color: var(--affiliate-text-muted); font-size: 0.26667rem; }
.co-inv__chev { width: 0.32rem; height: 0.32rem; color: var(--affiliate-text-muted); }

.co-inv__share-h {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  margin-bottom: 0.2rem;
  color: var(--affiliate-green);
}
.co-inv__share-h svg { width: 0.4rem; height: 0.4rem; color: var(--affiliate-gold); flex: none; }
.co-inv__share-h h3 { margin: 0; font-size: 0.37333rem; font-weight: 800; color: var(--affiliate-green); }

.co-inv__share-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.16rem;
  margin: 0.16rem 0 0.22rem;
  align-items: center;
}
.co-inv__share-btn {
  min-width: 0;
  height: auto;
  display: block;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.co-inv__share-btn.is-wa,
.co-inv__share-btn.is-tg,
.co-inv__share-btn.is-qr {
  background: transparent;
}
.co-inv__share-img {
  display: block;
  width: 100%;
  height: auto;
}

.co-inv__link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1.12rem;
  padding: 0.1rem 2.05rem 0.1rem 0.22rem;
  background: #1c2623;
  border: 0.02667rem solid #24ee89;
  border-radius: 0.56rem;
  color: #24ee89;
  box-sizing: border-box;
}
.co-inv__link svg {
  width: 0.44rem;
  height: 0.44rem;
  flex: none;
  margin-right: 0.12rem;
  color: #24ee89;
}
.co-inv__link code {
  flex: 1;
  min-width: 0;
  font-size: 0.36rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #c8f6dc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit;
}
.co-inv__copy {
  position: absolute;
  right: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
  flex: none;
  height: 0.88rem;
  min-width: 1.7rem;
  padding: 0 0.3rem;
  border: 0;
  border-radius: 0.44rem;
  background: #24ee89;
  color: #000;
  font-weight: 800;
  font-size: 0.32rem;
  line-height: 0.88rem;
  cursor: pointer;
}

.co-inv__live,
.co-inv__live h3,
.co-inv__live span,
.co-inv__live b,
.co-inv__live small,
.co-inv__live em {
  font-family: avertastd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.co-inv__live { margin-top: 0.2rem; }
.co-inv__live-h {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin: 0.08rem 0 0.18rem;
}
.co-inv__live-h h3 {
  margin: 0;
  font-size: 0.34667rem;
  font-weight: 800;
  flex: none;
  color: var(--affiliate-text-primary);
}
.co-inv__live-h span:last-child {
  margin-left: auto;
  font-size: 0.24rem;
  color: var(--affiliate-text-muted);
  font-weight: 700;
}
.co-inv__dot {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: var(--affiliate-green);
  box-shadow: 0 0 0.16rem var(--affiliate-green);
  flex: none;
  animation: co-inv-pulse 1.6s ease-in-out infinite;
}
@keyframes co-inv-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0.12rem var(--affiliate-green); }
  50% { opacity: 0.45; box-shadow: 0 0 0.28rem var(--affiliate-green); }
}
.co-inv__shake { width: 4.2rem; height: 2.8rem; margin: 0 auto 0.08rem; animation: co-inv-float 2.8s ease-in-out infinite; }
.co-inv__shake-img { width: 100%; height: 100%; object-fit: contain; display: block; }
@keyframes co-inv-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.1rem); }
}
@media (prefers-reduced-motion: reduce) {
  .co-inv__dot, .co-inv__shake { animation: none; }
}
.co-inv__shake svg { width: 100%; height: 100%; display: block; }
.co-inv__daily-lab {
  font-size: 0.29333rem;
  font-weight: 700;
  color: #ffffff;
}
.co-inv__daily-amt {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.04rem;
  margin-top: 0.1rem;
}
.co-inv__daily-amt small {
  color: #ffffff;
  font-size: 0.42667rem;
  font-weight: 800;
  margin-top: 0.1rem;
  line-height: 1;
}
.co-inv__daily-amt b {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

.co-inv__live-meta {
  display: none;
}
.co-inv__daily { display: none; }

.co-inv__live-table { display: none; }
.co-inv__live-head,
.co-inv__live-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.08rem;
  align-items: center;
}
.co-inv__live-view {
  position: relative;
  height: calc(0.56rem + 8 * 0.8rem);
  overflow: hidden;
}
.co-inv__live-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  color: #9aa3a0;
  font-size: 0.24rem;
  font-weight: 700;
  padding: 0.14rem 0.2rem 0.12rem;
  pointer-events: none;
  background: linear-gradient(180deg, #1c2422 70%, rgba(28, 36, 34, 0));
}
.co-inv__live-track {
  will-change: transform;
  padding-top: 0.56rem;
}
.co-inv__live-row {
  height: 0.8rem;
  padding: 0.12rem 0.2rem;
  color: #ffffff;
  font-size: 0.29333rem;
  font-weight: 700;
  box-sizing: border-box;
}
.co-inv__live-row:nth-child(odd) { background: rgba(255, 255, 255, 0.03); }
.co-inv__live-row:nth-child(even) { background: transparent; }
.co-inv__live-row span { color: #ffffff; }
.co-inv__live-row b {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.co-inv__live-row b:nth-child(2) { color: #24EE89; }
.co-inv__live-row b:nth-child(3) { color: #c8f56a; }
.co-inv__live-row .co-inv__rs { color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .co-inv__live-track { transition: none !important; }
}

.co-inv__loading,
.co-inv__empty {
  text-align: center;
  padding: 1.6rem 0.4rem;
  color: var(--affiliate-text-primary);
  font-weight: 700;
  font-size: 0.34667rem;
}
.co-inv__empty svg {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  margin: 0 auto 0.32rem;
  opacity: 0.95;
}

.co-inv__empty p { margin: 0; }

.co-inv__rec-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.1rem;
  margin: 0 0 0.2rem;
  padding: 0.1rem;
  background: var(--affiliate-tab-bg);
  border-radius: 0.2rem;
}
.co-inv__rec-tab {
  min-width: 0;
  height: 0.8rem;
  border: 0;
  border-radius: 0.16rem;
  background: transparent;
  color: var(--affiliate-text-muted);
  font-weight: 800;
  font-size: 0.24rem;
  cursor: pointer;
}
.co-inv__rec-tab.is-on {
  background: var(--affiliate-tab-active);
  color: #ffffff;
}

.co-inv__thead,
.co-inv__rrow {
  display: grid;
  gap: 0.08rem;
  font-size: 0.26667rem;
  align-items: center;
}
.co-inv__thead {
  background: var(--affiliate-header-bg);
  border-radius: 0.08rem;
  padding: 0.24rem 0.2rem;
  color: var(--affiliate-text-muted);
  font-weight: 800;
}
.co-inv__rrow {
  padding: 0.36rem 0.2rem;
  border-top: 1px solid var(--affiliate-divider);
  font-weight: 700;
  color: var(--affiliate-text-primary);
  line-height: 1.35;
}
.co-inv__thead.prep,
.co-inv__rrow.prep { grid-template-columns: 1fr 1fr; }
.co-inv__thead.prep span:last-child,
.co-inv__rrow.prep span:last-child { text-align: right; }
.co-inv__thead.vb,
.co-inv__rrow.vb { grid-template-columns: 1.1fr 0.8fr 0.8fr 0.8fr 1fr; }
.co-inv__rrow.vb b { color: var(--affiliate-green); }

.co-inv__mask {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.32rem 0.28rem calc(var(--co-inv-bottom, var(--co-inv-bottom-fallback)) + 0.2rem);
}
.co-inv__modal {
  width: 100%;
  max-height: 82%;
  background: var(--affiliate-header-bg);
  border-radius: 0.32rem 0.32rem 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.co-inv__modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.28rem 0.32rem;
}
.co-inv__modal-spacer { width: 0.64rem; height: 0.64rem; flex: none; }
.co-inv__modal-title { font-size: 0.4rem; font-weight: 800; }
.co-inv__modal-x {
  width: 0.64rem;
  height: 0.64rem;
  border: 0;
  border-radius: 0.12rem;
  background: var(--affiliate-tab-bg);
  color: var(--affiliate-text-primary);
  cursor: pointer;
}
.co-inv__modal-x svg { width: 0.4rem; height: 0.4rem; }
.co-inv__modal-body {
  overflow: auto;
  padding: 0 0.32rem 0.4rem;
  font-size: 0.32rem;
  line-height: 1.45;
  color: var(--affiliate-text-secondary);
}
.co-inv__modal-body h4 {
  margin: 0.28rem 0 0.1rem;
  color: var(--affiliate-text-primary);
  font-size: 0.34667rem;
}
.co-inv__modal-body p { margin: 0 0 0.12rem; }
.co-inv__modal-body table { width: 100%; border-collapse: collapse; font-size: 0.26667rem; }
.co-inv__modal-body th, .co-inv__modal-body td {
  padding: 0.12rem 0.08rem;
  border-bottom: 1px solid var(--affiliate-divider);
  text-align: left;
}

@font-face {
  font-display: swap;
  font-family: avertastd;
  font-style: normal;
  font-weight: 300 900;
  src: url(/assets/woff2/avertastd-variable.woff2) format("woff2");
}

.co-inv__modal--rules,
.co-inv__modal--rules .co-inv__modal-body,
.co-inv__modal--rules .co-inv__rules,
.co-inv__modal--rules .co-inv__modal-title,
.co-inv__modal--rules h2,
.co-inv__modal--rules h3,
.co-inv__modal--rules h4,
.co-inv__modal--rules p,
.co-inv__modal--rules li,
.co-inv__modal--rules th,
.co-inv__modal--rules td,
.co-inv__modal--rules b,
.co-inv__modal--rules span,
.co-inv__modal--rules i {
  font-family: avertastd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.co-inv__modal--rules {
  max-height: calc(100% - 0.16rem);
  border-radius: 0.32rem;
  background: #1c1f1e;
}
.co-inv__modal--rules .co-inv__modal-head {
  justify-content: center;
  position: relative;
  padding: 0.36rem 0.8rem 0.2rem;
}
.co-inv__modal--rules .co-inv__modal-title {
  width: 100%;
  text-align: center;
  font-size: 0.48rem;
  font-weight: 800;
  color: #fff;
}
.co-inv__modal--rules .co-inv__modal-x {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  background: #3a3f3d;
}
.co-inv__modal--rules .co-inv__modal-spacer { display: none; }
.co-inv__rules {
  color: #fff;
  font-size: 0.37333rem;
  font-weight: 400;
  line-height: 1.55;
  padding-bottom: 0.56rem;
}
.co-inv__rules-lead {
  margin: 0.04rem 0 0.2rem;
  color: #fff;
  font-size: 0.42667rem;
  font-weight: 800;
}
.co-inv__rules-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0 0 0.28rem;
  background: #2a2f2d;
  border-radius: 0.2rem;
  overflow: hidden;
}
.co-inv__rules-card {
  background: transparent;
  border-radius: 0;
  padding: 0.24rem 0.2rem 0.26rem;
}
.co-inv__rules-card + .co-inv__rules-card {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.06);
}
.co-inv__rules-card-h {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  color: #fff;
  font-size: 0.32rem;
  font-weight: 600;
}
.co-inv__rules-card-h svg {
  width: 0.36rem;
  height: 0.36rem;
  flex: 0 0 auto;
  color: #24ee89;
}
.co-inv__rules-card b {
  display: block;
  margin-top: 0.12rem;
  color: #24ee89;
  font-size: 0.55467rem;
  font-weight: 800;
  line-height: 1.15;
  word-break: break-word;
}
.co-inv__rules-card i {
  display: block;
  margin-top: 0.06rem;
  font-style: normal;
  color: #dbdbdb;
  font-size: 0.26667rem;
  font-weight: 400;
}
.co-inv__rules h3 {
  margin: 0.22rem 0 0.16rem;
  color: #fff;
  font-size: 0.37333rem;
  font-weight: 800;
  line-height: 1.4;
}
.co-inv__rules h4 {
  margin: 0.28rem 0 0.08rem;
  color: #fff;
  font-size: 0.37333rem;
  font-weight: 800;
}
.co-inv__rules p {
  margin: 0 0 0.14rem;
  color: #fff;
  font-weight: 400;
}
.co-inv__rules-brand,
.co-inv__rules-hi {
  color: #24ee89;
  font-weight: 800;
}
.co-inv__rules-ol {
  margin: 0.12rem 0 0.16rem;
  padding-left: 0.4rem;
}
.co-inv__rules-ol li {
  margin: 0.1rem 0;
  color: #fff;
  font-weight: 400;
}
.co-inv__rules-ol li b { font-weight: 800; }
.co-inv__rules-table {
  width: 100%;
  margin: 0.16rem 0 0.2rem;
  border-collapse: collapse;
  font-size: 0.32rem;
}
.co-inv__rules-table--rates { margin-bottom: 0.36rem; }
.co-inv__rules-table th,
.co-inv__rules-table td {
  padding: 0.16rem 0.08rem;
  border: 1px solid #494848;
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.co-inv__rules-table th {
  color: #dbdbdb;
  font-weight: 800;
}
.co-inv__rules-table--rates th[colspan] {
  border-bottom: 1px solid #494848;
}
.co-inv__qr {
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  margin: 0.2rem auto 0.24rem;
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.16rem;
}
.co-inv__qr svg { width: 100%; height: 100%; display: block; }
.co-inv__qr-body { text-align: center; }

.co-inv__toast {
  position: absolute;
  left: 50%;
  bottom: calc(var(--co-inv-bottom, var(--co-inv-bottom-fallback)) + 1.2rem);
  transform: translateX(-50%);
  z-index: 8;
  max-width: 86%;
  padding: 0.2rem 0.32rem;
  border-radius: 0.16rem;
  background: rgba(8, 20, 14, 0.92);
  color: var(--affiliate-text-primary);
  font-size: 0.32rem;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
}
.co-inv__toast.is-err { background: rgba(120, 20, 20, 0.92); }

.co-inv__deposit { padding-bottom: 0.12rem; }
.co-inv__deposit-card {
  border: 0;
  border-radius: 0.26rem;
  background: var(--affiliate-card-bg);
  box-shadow: none;
}
.co-inv__deposit-h {
  font-size: 0.34667rem;
  font-weight: 800;
  color: var(--affiliate-text-primary);
  margin: 0 0 0.2rem;
}
.co-inv__deposit-block {
  margin: 0 0 0.24rem;
}
.co-inv__deposit-block:last-child {
  margin-bottom: 0;
}
.co-inv__deposit-block h3 {
  margin: 0 0 0.12rem;
  font-size: 0.32rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
}
.co-inv__deposit-sum {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  background: #29322f;
  overflow: hidden;
  border-radius: 0.26rem;
}
.co-inv__deposit-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.16rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0.36rem 0.28rem;
  min-height: 0.88rem;
  box-sizing: border-box;
}
.co-inv__deposit-sum > .co-inv__deposit-cell:nth-child(odd) {
  border-right: 1px solid rgba(238, 246, 241, 0.045);
}
.co-inv__deposit-sum > .co-inv__deposit-cell:nth-child(n+3) {
  border-top: 1px solid rgba(238, 246, 241, 0.045);
}
.co-inv__deposit-direct {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 1.08rem;
  margin-top: 0;
  border-top: 1px solid rgba(238, 246, 241, 0.045);
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  filter: none;
}
.co-inv__deposit-direct .co-inv__deposit-cell {
  min-height: 1.08rem;
  padding: 0.4rem 0.28rem;
}
.co-inv__deposit-direct .co-inv__deposit-cell:first-child {
  border-right: 1px solid rgba(238, 246, 241, 0.045);
}
.co-inv__deposit-direct .co-inv__deposit-cell span,
.co-inv__deposit-direct .co-inv__deposit-cell b,
.co-inv__deposit-direct .co-inv__deposit-cell b.is-amt {
  color: #ffffff;
}
.co-inv__deposit-cell span {
  display: block;
  flex: 1;
  min-width: 0;
  font-size: 0.24rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.25;
}
.co-inv__deposit-cell b {
  display: block;
  flex: none;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-size: 0.4rem;
  font-weight: 800;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
.co-inv__deposit-cell b.is-amt { color: #ffffff; }
.co-inv__deposit-lab--stack {
  white-space: normal;
}
.co-inv__deposit-bet-retry {
  margin-top: 0;
  margin-left: auto;
  height: 0.56rem;
  padding: 0 0.2rem;
  border: 0;
  border-radius: 0.12rem;
  background: var(--affiliate-button-dark);
  color: var(--affiliate-text-primary);
  font-size: 0.24rem;
  font-weight: 800;
  cursor: pointer;
}
.co-inv__deposit-filters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.16rem;
}
.co-inv__deposit-field {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
.co-inv__deposit-field span {
  font-size: 0.24rem;
  font-weight: 700;
  color: var(--affiliate-text-secondary);
}
.co-inv__deposit-field input,
.co-inv__deposit-field select {
  height: 0.8rem;
  border: 0;
  border-radius: 0.16rem;
  padding: 0 0.16rem;
  background: var(--affiliate-card-inner);
  color: #ffffff;
  font-size: 0.29333rem;
  font-weight: 700;
  width: 100%;
  box-shadow: none;
}
.co-inv__deposit-field input:focus,
.co-inv__deposit-field select:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(36, 238, 137, 0.45);
}
.co-inv__deposit-field--uid { grid-column: 1 / -1; }
.co-inv__deposit-apply {
  grid-column: 1 / -1;
  height: 0.84rem;
  border: 0;
  border-radius: 0.16rem;
  background: #24ee89;
  color: #000;
  font-size: 0.34667rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(36, 238, 137, 0.22);
}
.co-inv__deposit-apply[disabled] { opacity: 0.55; pointer-events: none; }
.co-inv__deposit-row {
  display: grid;
  grid-template-columns: 0.72rem 1fr auto;
  gap: 0.16rem;
  align-items: start;
  padding: 0.2rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  margin-bottom: 0;
  border-bottom: 1px solid var(--affiliate-divider);
}
.co-inv__deposit-row:last-child { border-bottom: 0; }
.co-inv__deposit-row:nth-child(even) { background: transparent; }
.co-inv__deposit-av {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  object-fit: cover;
  background: var(--affiliate-panel-dark);
}
.co-inv__deposit-who { min-width: 0; }
.co-inv__deposit-uid {
  display: block;
  border: 0;
  padding: 0;
  background: none;
  color: var(--affiliate-text-primary);
  font-size: 0.32rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.co-inv__deposit-who > span {
  display: block;
  font-size: 0.24rem;
  color: var(--affiliate-text-muted);
  font-weight: 700;
  margin-top: 0.04rem;
}
.co-inv__deposit-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 0.08rem 0.16rem;
  margin-top: 0.06rem;
}
.co-inv__deposit-extra em {
  font-style: normal;
  font-size: 0.21333rem;
  font-weight: 700;
  color: var(--affiliate-text-secondary);
}
.co-inv__deposit-amt { text-align: right; min-width: 1.72rem; }
.co-inv__deposit-metric { display: block; }
.co-inv__deposit-metric + .co-inv__deposit-metric { margin-top: 0.08rem; }
.co-inv__deposit-amt b {
  display: block;
  font-size: 0.32rem;
  font-weight: 800;
  color: var(--affiliate-text-primary);
  font-variant-numeric: tabular-nums;
}
.co-inv__deposit-amt b.is-amt { color: #ffffff; }
.co-inv__deposit-amt i {
  display: block;
  margin-top: 0.02rem;
  font-style: normal;
  font-size: 0.21333rem;
  font-weight: 800;
  color: var(--affiliate-text-muted);
}
.co-inv__deposit-amt i.is-on { color: var(--affiliate-green-muted); }
.co-inv__deposit-empty {
  text-align: center;
  padding: 0.48rem 0.2rem 0.32rem;
  color: var(--affiliate-text-secondary);
  font-size: 0.32rem;
}
.co-inv__deposit-empty svg {
  width: 0.72rem;
  height: 0.72rem;
  margin: 0 auto 0.16rem;
  display: block;
  opacity: 0.7;
}
.co-inv__deposit-empty .co-inv__deposit-apply { margin-top: 0.2rem; width: 100%; }
.co-inv__deposit-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.16rem;
  margin-top: 0.2rem;
}
.co-inv__deposit-pager button {
  height: 0.72rem;
  min-width: 1.6rem;
  border: 0;
  border-radius: 0.16rem;
  background: var(--affiliate-button-dark);
  color: var(--affiliate-text-primary);
  font-size: 0.29333rem;
  font-weight: 800;
  cursor: pointer;
}
.co-inv__deposit-pager button[disabled] { opacity: 0.4; pointer-events: none; }
.co-inv__deposit-pager span {
  font-size: 0.26667rem;
  font-weight: 700;
  color: var(--affiliate-text-muted);
}
.co-inv__sk {
  display: block;
  height: 0.22rem;
  width: 62%;
  border-radius: 0.08rem;
  background: linear-gradient(90deg, #2a322f 0%, #3a4441 50%, #2a322f 100%);
  background-size: 200% 100%;
  animation: co-inv-sk 1.2s ease-in-out infinite;
}
.co-inv__sk--lg { height: 0.36rem; width: 78%; margin-top: 0.12rem; }
.co-inv__deposit-skrow {
  height: 1.12rem;
  border-radius: 0.16rem;
  margin-bottom: 0.12rem;
  background: linear-gradient(90deg, #2a322f 0%, #3a4441 50%, #2a322f 100%);
  background-size: 200% 100%;
  animation: co-inv-sk 1.2s ease-in-out infinite;
}
@keyframes co-inv-sk {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .co-inv__sk, .co-inv__deposit-skrow { animation: none; }
}