/* GKS THEME v118 - ek hi halka colour + box style poori website par (sabse last load hota hai).
   Palette: halka navy (transparent) + soft gold. Koi bhari glow / purple / infinite animation nahi.
   Boxes: halka transparent, patla gold border, chhota soft shadow, ek baar halka fade-in. */
:root{
  --t-box:linear-gradient(160deg,#1e2d50 0%,#101930 100%);
  --t-box-flat:#0b1326;
  --t-line:rgba(214,178,92,.34);
  --t-line-2:rgba(214,178,92,.5);
  --t-gold:#e8cf8a;
  --t-text:#eef2fb;
  --t-mute:#9db0d0;
  --t-sh:0 10px 24px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);
}
@keyframes gksBoxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- BOXES (dashboard + baaki pages) ---------- */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2,
html:root:not(#z):not(#y) body #main-app #page-dashboard .gksRsCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard .monthly-challenge-card,
html:root:not(#z):not(#y) body #main-app #page-dashboard .reseller,
html:root:not(#z):not(#y) body #main-app #page-dashboard .navBox,
html:root:not(#z):not(#y) body #main-app #page-dashboard .gksPosters,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-card,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-mini,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-linkbox,
html:root:not(#z):not(#y) body #main-app #page-add-money .manual-upi-deposit-card,
html:root:not(#z):not(#y) body #main-app #page-add-money .deposit-history-card,
html:root:not(#z):not(#y) body #main-app #page-history .hk-card,
html:root:not(#z):not(#y) body #main-app #page-home #pc-list .pc-card,
html:root:not(#z):not(#y) body #main-app #page-profile [class*="card"],
html:root:not(#z):not(#y) body #main-app #page-support [class*="card"],
html:root:not(#z):not(#y) body #main-app #page-notifications [class*="card"]{
  background:var(--t-box)!important;background-image:var(--t-box)!important;
  border:1px solid var(--t-line)!important;
  box-shadow:var(--t-sh)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  animation:gksBoxIn .38s ease-out both!important;
}
/* ander ke chhote boxes (deposit rows, challenge winners, rk-mini) aur halke */
html:root:not(#z):not(#y) body #main-app #page-dashboard .challenge-place,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statIcon,
html:root:not(#z):not(#y) body #main-app #page-add-money .mud-amount,
html:root:not(#z):not(#y) body #main-app #page-add-money .deposit-search-box,
html:root:not(#z):not(#y) body #main-app #depositList .deposit-history-item{
  background:var(--t-box-flat)!important;background-image:none!important;
  border:1px solid var(--t-line)!important;box-shadow:none!important;
}
/* purane glow / orb / shine / tap-ring - sab band (yehi "glitch" aur bhari colour dete the) */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-orb,
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-shine,
html:root:not(#z):not(#y) body #main-app #page-dashboard .gksRsGlow,
html:root:not(#z):not(#y) body #main-app #page-dashboard .gks-dia,
html:root:not(#z):not(#y) body #main-app #page-dashboard .tapRing{
  display:none!important;animation:none!important;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard *{animation-iteration-count:1!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard::before,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard::after,
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard::before,
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard::after{animation:none!important;opacity:.0!important}
/* tap par sirf halka dabna */
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:active,
html:root:not(#z):not(#y) body #main-app #page-dashboard .reseller:active,
html:root:not(#z):not(#y) body #main-app #page-dashboard .navBox:active{transform:scale(.985)!important;transition:transform .12s ease!important}

/* dashboard ka bada background-glow hata ke halka */
html:root:not(#z):not(#y) body #main-app #page-dashboard .aponDash{background:transparent!important;background-image:none!important}

/* wallet / stat numbers: saaf gold-white, bhari gradient nahi */
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statValue,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard h3{color:var(--t-text)!important}

/* ---------- HEADER (top bar) halka ---------- */
html:root:not(#z):not(#y) body nav#gks-hdr,html:root:not(#z):not(#y) body #main-app>.topHeader{
  background:#0e182c!important;background-image:none!important;
  border:1px solid var(--t-line-2)!important;box-shadow:0 6px 16px rgba(0,0,0,.2)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important;
}

/* ---------- SIDE MENU: buttons / naam kabhi gayab ya ghoomte nahi ---------- */
html:root:not(#z):not(#y) body #gks-side-drawer{
  background:rgba(11,19,36,.97)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html:root:not(#z):not(#y) body #gks-menu-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item{
  animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important;
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;
  transition:background-color .15s ease,border-color .15s ease!important;will-change:auto!important;
}
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item .gks-txw,
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item span,
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item small,
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item .gks-ic{
  opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;transition:none!important;
}
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item .gks-emo{display:none!important}
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item:active{background:rgba(255,255,255,.07)!important}
/* active page box (gks-menu-active.js) */
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item.gks-on{
  background:linear-gradient(135deg,rgba(232,200,110,.20),rgba(232,200,110,.06))!important;
  border:1.5px solid rgba(232,200,110,.7)!important;
}
html:root:not(#z):not(#y) body #gks-side-drawer .gks-drawer-item.logout,
html:root:not(#z):not(#y) body #gks-side-drawer #drawer-logout{background:rgba(224,80,96,.09)!important;border-color:rgba(224,80,96,.28)!important}

/* ---------- NICHE KA BLANK / SCROLL GLITCH ---------- */
html:root:not(#z):not(#y) body #main-app .page-content,
html:root:not(#z):not(#y) body #main-app #page-home,
html:root:not(#z):not(#y) body #main-app #page-history,
html:root:not(#z):not(#y) body #main-app #page-referral,
html:root:not(#z):not(#y) body #main-app #page-profile,
html:root:not(#z):not(#y) body #main-app #page-add-money,
html:root:not(#z):not(#y) body #main-app #page-support,
html:root:not(#z):not(#y) body #main-app #page-notifications{
  padding-bottom:max(28px,env(safe-area-inset-bottom))!important;min-height:0!important;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard .aponDash{padding-bottom:max(28px,env(safe-area-inset-bottom))!important;min-height:0!important}
html:root:not(#z):not(#y) body #main-app #page-api .wrap,html:root:not(#z):not(#y) body #main-app #page-docs .wrap{padding-bottom:28px!important}
html:root:not(#z):not(#y) body #main-app{padding-bottom:0!important;min-height:0!important}
/* scroll ke dauran boxes ka re-paint / blink band: bhari filter nahi */
html:root:not(#z):not(#y) body #main-app .page-content *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}


/* ================= v119: SOLID BOX + ANIMATION ================= */
@keyframes gksBoxIn{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
@keyframes gksSweep{0%,62%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(340%) skewX(-18deg)}}
@keyframes gksDot{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}60%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}
@keyframes gksPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}100%{opacity:1;transform:none}}
/* stagger: ek ke baad ek aate hain */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard{animation-delay:.02s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2{animation-delay:.10s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:nth-child(1){animation-delay:.18s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:nth-child(2){animation-delay:.24s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:nth-child(3){animation-delay:.30s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:nth-child(4){animation-delay:.36s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .gksRsCard{animation-delay:.42s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .monthly-challenge-card{animation-delay:.48s!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .reseller{animation-delay:.54s!important}
/* bada balance card: gold border + sone ki halki chamak, andar ka shine har ~6s me ek baar */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(150deg,#24345c 0%,#111a30 62%,#221e16 100%)!important;background-color:#111a30!important;
  border:1px solid rgba(214,178,92,.5)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 1px rgba(214,178,92,.06),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard::after{
  content:""!important;position:absolute!important;top:0;bottom:0;left:0;width:34%;
  background:linear-gradient(100deg,transparent,rgba(255,236,170,.14),transparent)!important;
  opacity:1!important;pointer-events:none;
  animation:gksSweep 6.5s ease-in-out 1.2s infinite!important;will-change:transform;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-num,
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-cur{animation:gksPop .6s cubic-bezier(.2,.9,.3,1.2) .25s both!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-dot{animation:gksDot 2.2s ease-out infinite!important}
/* stat cards: dikhne wala icon (pehle dark tha) + saaf lines */
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard{border-radius:20px!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statIcon{
  background:linear-gradient(145deg,rgba(232,207,138,.22),rgba(255,255,255,.05))!important;
  border:1px solid rgba(232,207,138,.4)!important;color:var(--t-gold)!important;
  width:42px!important;height:42px!important;border-radius:13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statIcon svg,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statIcon svg *{color:var(--t-gold)!important;stroke:var(--t-gold)!important;opacity:1!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statValue.gold,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statValue.gold *{color:var(--t-gold)!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statLabel{color:var(--t-mute)!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:active,
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2:active,
html:root:not(#z):not(#y) body #main-app #page-dashboard .reseller:active{transform:scale(.97)!important;border-color:rgba(232,207,138,.6)!important}
@media (hover:hover){
  html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard:hover,
  html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2:hover{transform:translateY(-3px)!important;border-color:rgba(232,207,138,.6)!important;box-shadow:0 14px 28px rgba(0,0,0,.45)!important}
}
/* join channel box */
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2{border-radius:20px!important;transition:transform .2s ease,border-color .2s ease!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2 .jc2-ar{animation:gksNudge 1.8s ease-in-out infinite!important}
@keyframes gksNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
/* ADD MONEY button */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-add{transition:transform .15s ease,filter .15s ease!important}
html:root:not(#z):not(#y) body #main-app #page-dashboard .hb-add:active{transform:scale(.94)!important;filter:brightness(1.1)}
/* baaki pages ke boxes: thoda saaf + sundar tap */
html:root:not(#z):not(#y) body #main-app #page-home #pc-list .pc-card{transition:transform .18s ease,border-color .18s ease!important}
html:root:not(#z):not(#y) body #main-app #page-home #pc-list .pc-card:active{transform:scale(.98)!important}
@media (prefers-reduced-motion:reduce){
  html:root:not(#z):not(#y) body #main-app *{animation:none!important;transition:none!important}
}

/* v120: SAB BOXES 100% SOLID (koi transparent nahi - peeche ki grid nahi dikhegi) */
html:root:not(#z):not(#y) body #main-app #page-dashboard .hbCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard a.jc2,
html:root:not(#z):not(#y) body #main-app #page-dashboard .gksRsCard,
html:root:not(#z):not(#y) body #main-app #page-dashboard .monthly-challenge-card,
html:root:not(#z):not(#y) body #main-app #page-dashboard .reseller,
html:root:not(#z):not(#y) body #main-app #page-dashboard .navBox,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-card,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-mini,
html:root:not(#z):not(#y) body #main-app #page-referral .rk-linkbox,
html:root:not(#z):not(#y) body #main-app #page-add-money .manual-upi-deposit-card,
html:root:not(#z):not(#y) body #main-app #page-add-money .deposit-history-card,
html:root:not(#z):not(#y) body #main-app #page-history .hk-card,
html:root:not(#z):not(#y) body #main-app #page-home #pc-list .pc-card,
html:root:not(#z):not(#y) body #main-app #page-home .pcf-box,
html:root:not(#z):not(#y) body #main-app #page-home .gks-dev-box,
html:root:not(#z):not(#y) body #main-app #page-profile [class*="card"],
html:root:not(#z):not(#y) body #main-app #page-support [class*="card"],
html:root:not(#z):not(#y) body #main-app #page-notifications [class*="card"]{
  background-color:#131c34!important;opacity:1;
}
html:root:not(#z):not(#y) body #main-app #page-home .pcf-box,
html:root:not(#z):not(#y) body #main-app #page-home .gks-dev-box{
  background-image:var(--t-box)!important;border:1px solid var(--t-line)!important;box-shadow:var(--t-sh)!important;
}
html:root:not(#z):not(#y) body #main-app #page-dashboard .statCard .statIcon{background-color:#2a2a2a!important}