/* gks-premium.css (v73) - loaded LAST. Premium boxes: deep midnight glass + champagne-gold hairline border + soft colour glow.
   Static (no animation) = no battery cost. Covers dashboard stat boxes, challenge, top resellers, profile + password cards. */
:root{
  --pm-base:linear-gradient(160deg,#251636 0%,#1a0f27 55%,#150c20 100%);
  --pm-edge:linear-gradient(135deg,#c398f4 0%,#753db6 28%,#945bd6 62%,#b386e6 100%);
  --pm-shadow:0 14px 34px rgba(9,5,14,.55),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -18px 30px rgba(0,0,0,.28);
}

/* ---- base premium box ---- */
html body #main-app :is(.statCard,.profile-card,.password-card,.monthly-challenge-card,.top-reseller-list .reseller){
  border:1.4px solid transparent!important;
  border-radius:22px!important;
  background:radial-gradient(120% 90% at 0% 0%,var(--pm-glow,rgba(158,109,213,.16)) 0%,transparent 55%) padding-box,var(--pm-base) padding-box,var(--pm-edge) border-box!important;
  box-shadow:var(--pm-shadow)!important;
  position:relative;
}
/* thin top shine */
html body #main-app :is(.statCard,.profile-card,.password-card,.monthly-challenge-card)::after{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(213,178,253,.65),transparent);border-radius:2px}

/* ---- 4 dashboard stat boxes: each its own accent ---- */
html body #main-app .statsGrid .statCard:nth-child(1){--pm-glow:rgba(164,96,242,.26)}
html body #main-app .statsGrid .statCard:nth-child(2){--pm-glow:rgba(245,127,59,.22)}
html body #main-app .statsGrid .statCard:nth-child(3){--pm-glow:rgba(249,180,140,.26)}
html body #main-app .statsGrid .statCard:nth-child(4){--pm-glow:rgba(52,211,153,.22)}
html body #main-app .statCard .statLabel{color:#c1b1d3!important;letter-spacing:.2em;font-weight:700;text-shadow:none}
html body #main-app .statCard .statValue{color:#f9f4ff!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
html body #main-app .statCard .statValue.gold,
html body #main-app .statsGrid .statCard:nth-child(1) .statValue{
  background:linear-gradient(180deg,#dcbffd,#9353dc 60%,#6e2fb4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;text-shadow:none}
html body #main-app .statCard .statIcon{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}

/* ---- challenge: dark card, medal tiles gold / silver / bronze ---- */
html body #main-app .monthly-challenge-card{--pm-glow:rgba(164,96,242,.20)}
html body #main-app .monthly-challenge-card .challenge-place{
  border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
html body #main-app .monthly-challenge-card .challenge-place.first{
  border-color:rgba(164,96,242,.75)!important;
  background:linear-gradient(160deg,rgba(164,96,242,.22),rgba(164,96,242,.04))!important;
  box-shadow:0 0 22px rgba(164,96,242,.22),inset 0 1px 0 rgba(255,255,255,.14)!important}
html body #main-app .monthly-challenge-card .challenge-place:nth-child(2){border-color:rgba(218,206,232,.45)!important}
html body #main-app .monthly-challenge-card .challenge-place:nth-child(3){border-color:rgba(224,148,92,.50)!important}
html body #main-app .monthly-challenge-card .challenge-place strong{color:#e2c9fe!important}
html body #main-app .monthly-challenge-card :is(h2,h3){color:#fff!important}

/* ---- top resellers ---- */
html body #main-app .top-reseller-list .reseller{--pm-glow:rgba(248,164,115,.20);border-radius:18px!important}
html body #main-app .top-reseller-list .resellerRank{
  background:linear-gradient(145deg,#c398f4,#753db6)!important;color:#0f061a!important;font-weight:800;border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.4)}
html body #main-app .top-reseller-list .resellerAmount{color:#ad75ee!important}
html body #main-app .dashboard-top-sellers-head h2{color:#b386e6!important;text-shadow:0 0 18px rgba(158,109,213,.35)}

/* ---- profile page ---- */
html body #main-app .profile-card{--pm-glow:rgba(248,164,115,.22)}
html body #main-app .profile-card .profile-stat{
  border:1px solid rgba(179,134,230,.16)!important;border-radius:16px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.01)),#170d22!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html body #main-app .profile-card .profile-stat strong{color:#f9f4ff}
html body #main-app .profile-card .profile-badge{
  border:1px solid rgba(179,134,230,.35)!important;background:rgba(23,13,34,.85)!important;color:#ad75ee!important}
html body #main-app .profile-card .profile-avatar{box-shadow:0 0 0 3px rgba(179,134,230,.55),0 10px 26px rgba(0,0,0,.5)!important}
html body #main-app .password-card :is(input,select){
  background:#140b1e!important;border:1px solid rgba(179,134,230,.22)!important;border-radius:14px!important}
html body #main-app .password-card :is(input,select):focus{border-color:#b386e6!important;box-shadow:0 0 0 3px rgba(179,134,230,.18)!important;outline:0}

/* ---- top header: fully solid so cards never show through it while scrolling ---- */
html:root body nav#gks-hdr.topHeader{background:linear-gradient(180deg,#231534,#180e23)!important}

/* ================= WHOLE WEBSITE (v73b) ================= */
/* the older light-navy box variables -> premium dark, so every page that still uses them changes too */
:root{
  --gks-lite-box:linear-gradient(160deg,#251636 0%,#1a0f27 55%,#150c20 100%);
  --gks-lite-line:rgba(179,134,230,.34);
  --gks-lite-glow:0 14px 34px rgba(9,5,14,.55),0 0 18px rgba(158,109,213,.12),inset 0 1px 0 rgba(255,255,255,.10);
  --gks-box:linear-gradient(160deg,#251636,#170d23);
  --gks-box-line:rgba(179,134,230,.30);
  --gks-box-shadow:0 12px 30px rgba(9,5,14,.5),inset 0 1px 0 rgba(255,255,255,.08);
}
/* every box on every page: same premium dark glass + gold/violet hairline */
html body :is(.statCard,.profile-card,.password-card,.monthly-challenge-card,.panel-card,.history-card,.glass,.reseller-card,.payment-settings-card,.checkout-details,.manual-pending-card,.rk-card,.pcf-box,.gp-card,.deposit-history-card,.manual-upi-deposit-card,.store-filter-card,.nf-card,.ref-card,.sp-card,.dp-balance,.promo-popup-card,.modal-box,.modal-card),
html body #main-app :is(.statCard,.profile-card,.password-card,.monthly-challenge-card,.panel-card,.history-card,.glass,.reseller-card,.payment-settings-card,.checkout-details,.manual-pending-card,.rk-card,.pcf-box,.gp-card,.deposit-history-card,.manual-upi-deposit-card,.store-filter-card,.nf-card,.ref-card,.sp-card,.dp-balance,.promo-popup-card,.modal-box,.modal-card){
  border:1.4px solid transparent!important;
  border-radius:22px!important;
  background:radial-gradient(120% 90% at 0% 0%,var(--pm-glow,rgba(158,109,213,.13)) 0%,transparent 55%) padding-box,var(--pm-base) padding-box,var(--pm-edge) border-box!important;
  box-shadow:var(--pm-shadow)!important;
}
/* boxes inside boxes: a touch lighter + thin line (no gradient edge) so they read as rows */
html body #main-app :is(.deposit-history-item,.top-reseller-list .reseller),
html body :is(.deposit-history-item){
  border:1px solid rgba(179,134,230,.20)!important;border-radius:16px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),#180e23!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 16px rgba(0,0,0,.35)!important}
html body #main-app .deposit-history-item:active,html body #main-app .nf-card:active{border-color:rgba(195,152,244,.7)!important}
/* notifications */
html body #main-app .nf-card{--pm-glow:rgba(248,164,115,.16)}
html body #main-app .nf-card .nf-ti{color:#fff!important}
html body #main-app .nf-card .nf-body{color:#d9cce7!important}
html body #main-app .nf-card .nf-bell{background:linear-gradient(145deg,#2d1b42,#1a0f27)!important;border:1px solid rgba(179,134,230,.30)!important}
/* deposit page: wallet strip + status chips */
html body #main-app .dp-balance{--pm-glow:rgba(164,96,242,.20)}
html body #main-app :is(.deposit-history-status,.dh-status,[class*="deposit-history-status"]){background:rgba(23,13,34,.9)!important;border:1px solid rgba(179,134,230,.28)!important}
/* amount quick-pick buttons + input shells */
html body #main-app :is(.mud-quick button){
  background:linear-gradient(160deg,#2a193e,#1a0f27)!important;border:1px solid rgba(179,134,230,.30)!important;border-radius:16px!important;color:#ad75ee!important}
html body #main-app :is(.mud-hint){background:rgba(255,255,255,.04)!important;color:#cbbcdd!important}
html body #main-app .manual-upi-deposit-card{--pm-glow:rgba(164,96,242,.16)}
html body #main-app .manual-upi-deposit-card :is(input,.mud-input,.mud-field){background:#140b1e!important;border-color:rgba(179,134,230,.24)!important}

/* ================= LIGHT + PREMIUM FEEL (v75) ================= */
/* blur layers are the heaviest thing for phone GPUs -> off everywhere (boxes are solid dark now, nothing is lost) */
html body *,html body *::before,html body *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
/* gentle, short press feedback on every tappable box / button */
html body :is(button,.btn,.statCard,.panel-card,.history-card,.nf-card,.deposit-history-item,.navBox,.reseller){transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}
html body :is(button,.btn,.statCard,.panel-card,.history-card,.nf-card,.deposit-history-item,.reseller):active{transform:scale(.985);filter:brightness(1.06)}
/* primary buttons: champagne gold, soft inner light */
html body #main-app :is(.btn-primary,.mud-btn,.checkout-btn,.buy-btn){
  background:linear-gradient(180deg,#c9a2f6 0%,#985adf 48%,#7334bb 100%)!important;color:#0f061a!important;border:0!important;border-radius:16px!important;
  box-shadow:0 10px 22px rgba(115,52,186,.28),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(63,15,117,.25)!important;font-weight:800;letter-spacing:.02em}
/* inputs: calm dark with gold focus */
html body #main-app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus{border-color:#b386e6!important;box-shadow:0 0 0 3px rgba(179,134,230,.16)!important;outline:0}
/* slim gold scrollbar (desktop) */
html{scrollbar-width:thin;scrollbar-color:#5c328d #160d20}
/* smoother, lighter page change */
@media (prefers-reduced-motion:reduce){html body *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ================= STORE PAGE (v76): product box, video box, price list, Feedback / Update File ================= */
/* product card */
html body #main-app #pc-list .pc-card{
  padding:12px!important;border-radius:24px!important;border:1.4px solid transparent!important;
  background:radial-gradient(120% 70% at 0% 0%,rgba(248,164,115,.14),transparent 55%) padding-box,linear-gradient(170deg,#251636 0%,#1a0f27 60%,#150c20 100%) padding-box,var(--pm-edge) border-box!important;
  box-shadow:0 12px 28px rgba(9,5,14,.5),inset 0 1px 0 rgba(255,255,255,.08)!important}
/* video / banner box */
html body #main-app #pc-list .pc-card .pc-media{
  border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(179,134,230,.30)!important;background:#110919!important;
  box-shadow:0 8px 20px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04)!important}
html body #main-app #pc-list .pc-card .pc-media::after{background:linear-gradient(180deg,transparent 55%,rgba(12,7,19,.55))!important}
html body #main-app #pc-list .pc-card .pc-badge{
  background:linear-gradient(145deg,#c9a2f6,#8848d2)!important;color:#0f061a!important;font-weight:800;letter-spacing:.06em;border:0!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important}
/* name + divider */
html body #main-app #pc-list .pc-card .pc-name{color:#fff!important;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 10px rgba(0,0,0,.4)}
html body #main-app #pc-list .pc-card .pc-div i{background:linear-gradient(90deg,transparent,#b386e6,#b16cff,transparent)!important;height:1.5px!important;opacity:.9}
/* Feedback + Update File : two clean glass pills side by side */
html body #main-app #pc-list .pc-card .pc-btns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:12px 0 10px!important}
html body #main-app #pc-list .pc-card .pc-btns>*{
  display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 12px!important;border-radius:15px!important;
  font-weight:800!important;font-size:13.5px!important;letter-spacing:.03em;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px rgba(0,0,0,.35)!important}
html body #main-app #pc-list .pc-card .pc-fb{
  color:#d0a8fd!important;border:1px solid rgba(164,96,242,.55)!important;background:linear-gradient(160deg,rgba(164,96,242,.20),rgba(164,96,242,.05)),#1a0f26!important}
html body #main-app #pc-list .pc-card .pc-up{
  color:#a9f5d4!important;border:1px solid rgba(52,211,153,.55)!important;background:linear-gradient(160deg,rgba(52,211,153,.20),rgba(52,211,153,.05)),#1a0f26!important}
html body #main-app #pc-list .pc-card .pc-btns>*:active{transform:scale(.97)}
/* buy button */
html body #main-app #pc-list .pc-card .pc-buy:not(.maint){
  background:linear-gradient(180deg,#c9a2f6 0%,#985adf 50%,#7334bb 100%)!important;color:#0f061a!important;border:0!important;border-radius:17px!important;
  box-shadow:0 10px 22px rgba(115,52,186,.28),inset 0 1px 0 rgba(255,255,255,.55)!important;font-weight:800!important}
/* plan / price list rows inside the card */
html body #main-app #pc-list .pc-card .pc-row{
  display:flex;align-items:center;gap:8px;padding:10px 12px!important;border-radius:16px!important;border:1px solid rgba(179,134,230,.20)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),#180e23!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html body #main-app #pc-list .pc-card .pc-row .pc-l{color:#f6eeff!important;font-weight:700}
html body #main-app #pc-list .pc-card .pc-row .pc-p{color:#ad75ee!important;font-weight:800}
html body #main-app #pc-list .pc-card .pc-row .pc-qty{background:#140b1e!important;border:1px solid rgba(179,134,230,.25)!important;border-radius:999px!important}
html body #main-app #pc-list .pc-card .pc-row .pc-go{
  background:linear-gradient(180deg,#c9a2f6,#8848d2)!important;color:#0f061a!important;border:0!important;border-radius:12px!important;font-weight:800;box-shadow:0 6px 14px rgba(115,52,186,.25)!important}
/* PRICE LIST popup */
html body .price-list-modal{
  border:1.4px solid transparent!important;border-radius:24px!important;
  background:linear-gradient(160deg,#251636,#170d23) padding-box,var(--pm-edge) border-box!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important}
html body .price-list-modal :is(.price-list-kicker){color:#b386e6!important;letter-spacing:.14em}
html body .price-list-modal :is(h3){color:#fff!important}
html body .price-list-modal :is(.price-list-note){background:rgba(255,255,255,.04)!important;border-radius:14px;color:#cbbcdd!important}
html body .price-list-modal :is(.price-list-close){background:#1a0f26!important;border:1px solid rgba(179,134,230,.35)!important;color:#ad75ee!important;border-radius:14px!important}

/* v77: v70 forced dark text (-webkit-text-fill-color) for its old solid-gold button -> label vanished on the dark glass pill. Re-set colours with higher weight. */
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-fb,
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-fb *{color:#d0a8fd!important;-webkit-text-fill-color:#d0a8fd!important;text-shadow:none!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-up,
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-up *{color:#a9f5d4!important;-webkit-text-fill-color:#a9f5d4!important;text-shadow:none!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-fb{
  background:linear-gradient(160deg,rgba(164,96,242,.22),rgba(164,96,242,.06)),#1a0f26!important;border:1px solid rgba(164,96,242,.6)!important;height:48px!important;font:800 14px 'Poppins','Inter',sans-serif!important;animation:none!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-up{
  background:linear-gradient(160deg,rgba(52,211,153,.22),rgba(52,211,153,.06)),#1a0f26!important;border:1px solid rgba(52,211,153,.6)!important;height:48px!important;font:800 14px 'Poppins','Inter',sans-serif!important;animation:none!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn .pc-ic{background:rgba(255,255,255,.08)!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;border-radius:10px!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn svg{fill:currentColor!important;stroke:currentColor}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-fb svg{stroke:none}
/* calmer store: no infinite glow/sheen loops on the cards (smoother scrolling) */
html body #main-app #pc-list .pc-card,html body #main-app #pc-list .pc-card *{animation-iteration-count:1!important}

/* v78: the label has its OWN span, so its colour is set on the element itself (beats the old inherited dark text-fill-color for sure) */
html body .pc-btn .pc-lbl{display:inline-block;font:800 14.5px 'Poppins','Inter',system-ui,sans-serif!important;letter-spacing:.03em;text-shadow:0 1px 8px rgba(0,0,0,.55)!important;opacity:1!important;visibility:visible!important;position:relative;z-index:2}
html body .pc-btn.pc-fb .pc-lbl{color:#c18dfc!important;-webkit-text-fill-color:#c18dfc!important}
html body .pc-btn.pc-up .pc-lbl{color:#9ff5d0!important;-webkit-text-fill-color:#9ff5d0!important}
html body .pc-btn.pc-fb .pc-ic{background:linear-gradient(145deg,#c9a2f6,#8848d2)!important;color:#0f061a!important;-webkit-text-fill-color:#0f061a!important}
html body .pc-btn.pc-up .pc-ic{background:linear-gradient(145deg,#8cf3cf,#22c39a)!important;color:#06251c!important;-webkit-text-fill-color:#06251c!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-fb{background:linear-gradient(160deg,#1d1329,#150c1e)!important}
html body #main-app #page-home #pc-list .pc-card .pc-btns .pc-btn.pc-up{background:linear-gradient(160deg,#0f2a2c,#150c1e)!important}