/* ==================================================================
   GAMEKING24 — 33d GREEN THEME  (v3 — SAFE)
   File: /public_html/assets/css/pakclub-theme.css

   RULE: Vant framework ke ::before / ::after ko HAATH NAHI LAGANA.
         Sirf colors, shadows, aur transform animations.
   ================================================================== */

:root, :host {
  --gk-1: #14532d;
  --gk-2: #1a6b3a;
  --gk-3: #1e7a42;
  --gk-4: #0d3d22;
  --gk-gold:    #f0b93b;
  --gk-gold-lt: #ffd76e;
  --gk-soft:    #a8ccb5;

  --text_color_L1: #FFFFFF !important;
  --text_color_L2: #a8ccb5 !important;
  --text_color_L3: #ffd76e !important;
  --text_color_L4: #FFFFFF !important;
  --text_color_L5: #ffd76e !important;

  --main-color: #f0b93b !important;
  --main_gradient-color:  linear-gradient(180deg,#f6c445 0%,#eda428 100%) !important;
  --main_gradient-color2: linear-gradient(0deg,#f6c445 0%,#eda428 100%) !important;
  --light-main_gradient-color: linear-gradient(180deg,#f6c445 0%,#eda428 100%) !important;
  --light-main-color: #f0b93b !important;
  --button_dis_color: #3c6b4d !important;

  --light-bg_white: #1a6b3a !important;
  --bg_color_L1: #14532d !important;
  --bg_color_L2: #1a6b3a !important;
  --bg_color_L3: #1e7a42 !important;
  --Dividing-line_color: #3f8d5f !important;

  --sheet_nva_color: #f0b93b !important;
  --sheet_detail_bg_color: #1a6b3a !important;
  --Secondary_Color1: #2a8a52 !important;
  --Secondary_Color2: #256b41 !important;
  --Secondary_moto_Color9: #ffd76e !important;
  --Secondary_moto_Color8: #0d3d22 !important;
  --tab1: #ffd76e !important;
  --tab2: #f0b93b !important;

  --van-sidebar-text-color: #f0b93b !important;
  --van-sidebar-background: #0d3d22 !important;
  --van-picker-background: #1a6b3a !important;
  --van-picker-option-text-color: #a8ccb5 !important;
  --van-picker-confirm-action-color: #f0b93b !important;
  --van-popup-background: #14532d !important;
  --van-checkbox-checked-icon-color: #f0b93b !important;
  --van-radio-checked-icon-color: #f0b93b !important;
  --van-grid-item-content-background: #1a6b3a !important;
  --van-dialog-background: #1a6b3a !important;
  --van-circle-color: #f0b93b !important;
  --van-calendar-background: #14532d !important;
  --van-calendar-range-edge-background: #f0b93b !important;
  --van-calendar-selected-day-color: #14532d !important;
  --van-calendar-selected-day-background: #f0b93b !important;
  --van-background: #14532d !important;
  --van-background-2: #1a6b3a !important;
  --van-active-color: #1e7a42 !important;
  --van-cell-background: #1a6b3a !important;
  --van-nav-bar-background: #14532d !important;
  --van-tabs-bottom-bar-color: #f0b93b !important;
  --van-tabs-nav-background: #14532d !important;
}

/* ==================================================================
   1) BACKGROUNDS
   ================================================================== */
html, body, #app, .app-container {
  background-color: var(--gk-1) !important;
  color: #FFFFFF !important;
}
#app > div,
.van-tabs__content,
[class*="__container"],
[class*="__content"] {
  background-color: var(--gk-1) !important;
}

.van-cell, .van-cell-group, .van-panel, .van-popup, .van-dialog,
.van-action-sheet, .van-picker, .van-sidebar {
  background-color: var(--gk-2) !important;
  color: #ffffff !important;
}

img, .van-image, .van-image__img, .van-swipe, .van-swipe-item {
  background-color: transparent !important;
}

/* ==================================================================
   2) TEXT
   ================================================================== */
[class*="title"], [class*="Title"],
[class*="name"],  [class*="Name"]  { color:#FFFFFF !important; }

[class*="desc"], [class*="Desc"],
[class*="info"], [class*="subtitle"], [class*="Subtitle"],
[class*="tips"]                     { color: var(--gk-soft) !important; }

.platform-desc, .company-info, .info-section,
.footer-desc, [class*="footer"], .about-text { color: var(--gk-soft) !important; }

[class*="balance"], [class*="Balance"],
[class*="money"],   [class*="Money"],
[class*="amount"],  [class*="Amount"] { color: var(--gk-gold-lt) !important; }

/* ==================================================================
   3) BUTTONS  (sirf background/color — pseudo elements NAHI)
   ================================================================== */
.van-button--primary,
.van-button--danger {
  background: linear-gradient(180deg,#ffdc7d 0%,#f0b93b 45%,#dd9c1c 100%) !important;
  border: none !important;
  color: #3f2a00 !important;
  font-weight: 800 !important;
  border-radius: 26px !important;
  box-shadow: 0 5px 16px rgba(240,185,59,.35) !important;
  transition: transform .18s ease, box-shadow .25s ease !important;
}
.van-button--primary:active,
.van-button--danger:active { transform: translateY(2px) scale(.98) !important; }

.van-button--default {
  background: rgba(240,185,59,.07) !important;
  border: 1.6px solid var(--gk-gold) !important;
  color: var(--gk-gold-lt) !important;
  font-weight: 800 !important;
  border-radius: 26px !important;
  transition: transform .18s ease, background .25s ease !important;
}
.van-button--default:active {
  background: rgba(240,185,59,.18) !important;
  transform: translateY(2px) scale(.98) !important;
}
.van-button--disabled {
  background: linear-gradient(180deg,#c9a95e,#a8863a) !important;
  color: #3f2a00 !important;
  opacity: .8 !important;
  box-shadow: none !important;
}

/* ==================================================================
   4) TABS / NAVBAR
   ================================================================== */
.van-tabs, .van-tabs__wrap, .van-tabs__nav { background: var(--gk-1) !important; }
.van-tab, .van-tab .van-tab__text { color: var(--gk-soft) !important; }
.van-tab--active, .van-tab--active .van-tab__text {
  color: var(--gk-gold-lt) !important; font-weight: 800 !important;
}
.van-tabs__line {
  background: linear-gradient(90deg,#ffd76e,#f0b93b) !important;
  height: 3px !important; border-radius: 3px !important;
}

.van-nav-bar { background: var(--gk-1) !important; }
.van-nav-bar__title { color: #FFFFFF !important; }
.van-nav-bar .van-icon { color: #FFFFFF !important; }

.van-tabbar { background: var(--gk-4) !important; border-top: 2px solid var(--gk-gold) !important; }
.van-tabbar-item { color: var(--gk-soft) !important; }
.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text { color: var(--gk-gold-lt) !important; }

/* ==================================================================
   5) FORM FIELDS
   ================================================================== */
.van-field { background: rgba(5,32,18,.5) !important; border-radius: 12px !important; }
.van-field__label   { color: var(--gk-soft) !important; }
.van-field__control { color: #ffffff !important; background: transparent !important; }
.van-field__control::placeholder { color: rgba(200,225,210,.55) !important; }

.van-checkbox__icon .van-icon,
.van-radio__icon .van-icon {
  border-color: rgba(255,255,255,.35) !important;
  background: transparent !important;
}
.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon {
  background: var(--gk-gold) !important;
  border-color: var(--gk-gold) !important;
  color: var(--gk-1) !important;
}

.van-circle__hover { stroke: var(--gk-gold) !important; }
.van-circle__layer { stroke: rgba(255,255,255,.10) !important; }
.van-circle__text  { color: #ffffff !important; font-weight: 800 !important; }

/* ==================================================================
   6) ANIMATION KEYFRAMES
   ================================================================== */
@keyframes gkFade  { from{opacity:0} to{opacity:1} }
@keyframes gkUp    { from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }
@keyframes gkPop   { 0%{opacity:0; transform:scale(.92)} 60%{transform:scale(1.03)} 100%{opacity:1; transform:scale(1)} }
@keyframes gkPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.12)} }
@keyframes gkBob   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes gkGoldGlow {
  0%,100% { box-shadow: 0 5px 16px rgba(240,185,59,.32); }
  50%     { box-shadow: 0 7px 26px rgba(240,185,59,.60); }
}
@keyframes gkRingGlow {
  0%,100% { box-shadow: 0 0 12px rgba(240,185,59,.12); }
  50%     { box-shadow: 0 0 24px rgba(240,185,59,.32); }
}
@keyframes gkLogoIn {
  0%   { opacity:0; transform: translateY(-14px) scale(.86); }
  60%  { opacity:1; transform: translateY(3px)   scale(1.05); }
  100% { opacity:1; transform: translateY(0)     scale(1); }
}
@keyframes gkLogoFloat {
  0%,100% { transform: translateY(0)    rotate(0deg); }
  50%     { transform: translateY(-5px) rotate(-.8deg); }
}
@keyframes gkGlowSoft {
  0%,100% { filter: drop-shadow(0 0 8px  rgba(240,185,59,.35)); }
  50%     { filter: drop-shadow(0 0 18px rgba(240,185,59,.70)); }
}

/* ==================================================================
   7) GLOBAL ANIMATIONS
   ================================================================== */
#app { animation: gkFade .35s ease both; }
.van-badge, .van-info { animation: gkPulse 2s infinite; }

[class*="game"] img, [class*="lottery"] img,
[class*="slot"] img, [class*="original"] img {
  border-radius: 10px !important;
  transition: transform .22s ease !important;
}
[class*="game"]:active img,
[class*="lottery"] div:active img,
[class*="slot"]:active img { transform: scale(.94) !important; }

.van-button--primary, .van-button--danger { animation: gkGoldGlow 2.6s ease-in-out infinite; }
.van-button--default { animation: gkRingGlow 3s ease-in-out infinite; }

/* ==================================================================
   8) LOGO ANIMATION
   ================================================================== */
.headLogo,
.navbar__content-center .headLogo {
  animation: gkLogoIn .8s cubic-bezier(.22,1.2,.36,1) both,
             gkLogoFloat 3.4s ease-in-out 1s infinite,
             gkGlowSoft  3s   ease-in-out 1s infinite !important;
  will-change: transform;
}

/* ==================================================================
   9) LOGIN / REGISTER
   ================================================================== */
.login__container,
.signIn__container,
.register__container {
  background:
    radial-gradient(circle at 15% 0%,  rgba(240,185,59,.10) 0%, transparent 45%),
    radial-gradient(circle at 90% 22%, rgba(46,160,90,.16)  0%, transparent 45%),
    linear-gradient(180deg,#176034 0%,#0f4526 55%,#0a3520 100%) !important;
  min-height: 100vh !important;
}

.login__container-heading__title {
  color: #ffffff !important;
  font-weight: 800 !important;
  animation: gkUp .6s ease both;
}
.login__container-heading__subTitle {
  color: var(--gk-soft) !important;
  line-height: 1.6 !important;
  animation: gkUp .6s .12s ease both;
}

.login__container-form,
.login__container-form__wrapper {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
  animation: gkUp .65s ease both;
}

.phoneInput__container-label,
.passwordInput__container-label,
.emailinput__container-label,
.register__container-invitation__label,
.item-title { color:#ffffff !important; font-weight:700 !important; }

.phoneInput__container-label__icon,
.passwordInput__container-label__icon,
.emailinput__container-label__icon {
  display: inline-block;
  animation: gkPulse 3s ease-in-out infinite;
}

.phoneInput__container-input,
.passwordInput__container-input,
.emailinput__container-input,
.register__container-invitation__input {
  background: rgba(5,32,18,.55) !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.25) !important;
  transition: border-color .25s ease, box-shadow .25s ease !important;
}
.phoneInput__container-input:focus-within,
.passwordInput__container-input:focus-within,
.emailinput__container-input:focus-within,
.register__container-invitation__input:focus-within {
  border-color: var(--gk-gold) !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.25),
              0 0 0 3px rgba(240,185,59,.16) !important;
}
.phoneInput__container-input input,
.passwordInput__container-input input,
.emailinput__container-input input,
.register__container-invitation__input input {
  color:#ffffff !important; font-weight:600 !important; background:transparent !important;
}
.login__container   input::placeholder,
.register__container input::placeholder { color: rgba(200,225,210,.55) !important; }

.phoneInput__container .van-dropdown-menu__title { color: var(--gk-gold-lt) !important; font-weight:700 !important; }
.passwordInput__container .van-icon { color: var(--gk-soft) !important; }

.signIn__container-remember,
.register__container-remember { background: transparent !important; color: var(--gk-soft) !important; }

.phoneInput__container-tips,
.emailinput__container-tips,
.register__container-tip,
.register__container-tips { color:#ffb3a7 !important; }

.login_container-tab             { animation: gkUp .5s .18s ease both; }
.phoneInput__container           { animation: gkUp .5s .26s ease both; }
.emailinput__container           { animation: gkUp .5s .26s ease both; }
.passwordInput__container        { animation: gkUp .5s .34s ease both; }
.register__container-invitation  { animation: gkUp .5s .40s ease both; }
.signIn__container-remember      { animation: gkUp .5s .44s ease both; }
.register__container-remember    { animation: gkUp .5s .46s ease both; }
.signIn__container-button        { animation: gkUp .5s .52s ease both; }
.register__container-button      { animation: gkUp .5s .54s ease both; }

.login__container [class*="foot"] img { animation: gkBob 3.2s ease-in-out infinite; }
.login__container [class*="foot"] > *:nth-child(2) img { animation-delay: .5s; }
.login__container [class*="foot"] span { color: var(--gk-soft) !important; }

/* ==================================================================
   10) WALLET
   ================================================================== */
.Wallet__C-balance {
  background-color: rgba(13,61,34,.85) !important;
  background-image: none !important;
}
.Wallet__C-balance-l1 {
  color: var(--gk-gold-lt) !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 10px rgba(240,185,59,.3) !important;
}
.Wallet__C-balance-l2 { color: var(--gk-soft) !important; }
.Wallet__C-balance-l3 { color: #cfe3d5 !important; }

.tool-container { background: transparent !important; }
.tool-item span, .tool-item p { color: var(--gk-soft) !important; }

/* ==================================================================
   11) RECHARGE / WITHDRAW
   ================================================================== */
.Recharge__container, .Recharge__content,
.RechargeUsdt__container, .USDT__container { background:#14532d !important; }

.Recharge__container-balanceAssets,
.Recharge__container-tabcard,
.Recharge__container-paymoney,
.Recharge__content-paymoney,
.Recharge__content-quickInfo,
.Recharge__container-intro {
  background:#1a6b3a !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  animation: gkUp .5s ease both;
}
.Recharge__container-paymoney__money-list__item,
.Recharge__content-paymoney__money-list__item {
  background: rgba(13,61,34,.75) !important;
  border: 1px solid rgba(240,185,59,.3) !important;
  border-radius: 10px !important;
  color: var(--gk-gold-lt) !important;
  font-weight: 700 !important;
  transition: transform .2s ease, background .2s ease !important;
}
.Recharge__container-paymoney__money-list__item.active,
.Recharge__content-paymoney__money-list__item.active {
  background: linear-gradient(180deg,#f6c445,#eda428) !important;
  color:#3f2a00 !important;
  transform: scale(1.04) !important;
}
.Recharge__container-rechageBtn,
.RechargeUsdt__container-rechageBtn {
  background: linear-gradient(180deg,#ffdc7d,#dd9c1c) !important;
  color:#3f2a00 !important; font-weight:800 !important;
  border-radius:26px !important;
}
.Recharge__container-tabcard__items { background: rgba(13,61,34,.6) !important; border-radius:10px !important; }
.Recharge__container-tabcard__items.active {
  background: linear-gradient(180deg,#f6c445,#eda428) !important; color:#3f2a00 !important;
}
.Recharge__content-history__item {
  background: rgba(13,61,34,.5) !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

/* ==================================================================
   12) MISC
   ================================================================== */
* { -webkit-tap-highlight-color: transparent; }
.svg-icon { width:1em; height:1em; vertical-align:-.15em; fill:currentColor; overflow:hidden; }
.GameRecord__C-body, .TimeLeft__C, .wallet-box { background-color: transparent !important; }
::-webkit-scrollbar { width:0; height:0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* ==================================================================
   ★★★  PREMIUM UPGRADE — HOMEPAGE  ★★★
   ================================================================== */

/* ---- 1) Category strip (Lottery/Original/Slots/Jackpot) ---- */
.homeNav, .lotteryfull, .lottery-bottom, .lottery-bottom2,
[class*="homeNav"], [class*="navGame"] {
  background: linear-gradient(135deg,#1a6b3a 0%,#14532d 100%) !important;
  border: 1px solid rgba(240,185,59,.28) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.28) !important;
}
.homeNav .active, [class*="homeNav"] .active {
  color: #ffd76e !important;
  text-shadow: 0 0 12px rgba(240,185,59,.5) !important;
}

/* ---- 2) Section headings — gold bar + glow ---- */
.originalmainContainer_title, .lottery_text,
[class*="Container_title"], [class*="mainTitle"] {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
}

/* "More" chip */
.lottery_text + [class*="more"], [class*="moreBtn"] {
  background: rgba(240,185,59,.12) !important;
  color: #ffd76e !important;
  border: 1px solid rgba(240,185,59,.35) !important;
  border-radius: 20px !important;
}

/* ---- 3) GAME CARDS — premium ---- */
.lotteryGamesList__container-item,
.lotterySlotItem, .lotterySlotItem__container,
[class*="GamesList"] [class*="item"],
[class*="gameItem"], [class*="game-item"] {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.32) !important;
  transition: transform .25s cubic-bezier(.34,1.4,.64,1),
              box-shadow .25s ease !important;
  animation: gkUp .5s ease both;
}
.lotteryGamesList__container-item:active,
.lotterySlotItem:active,
[class*="gameItem"]:active {
  transform: scale(.94) !important;
  box-shadow: 0 3px 10px rgba(240,185,59,.35) !important;
}

/* card entrance stagger */
.lotteryGamesList__container-item:nth-child(1),
[class*="GamesList"] [class*="item"]:nth-child(1) { animation-delay:.04s !important; }
.lotteryGamesList__container-item:nth-child(2),
[class*="GamesList"] [class*="item"]:nth-child(2) { animation-delay:.10s !important; }
.lotteryGamesList__container-item:nth-child(3),
[class*="GamesList"] [class*="item"]:nth-child(3) { animation-delay:.16s !important; }
.lotteryGamesList__container-item:nth-child(4),
[class*="GamesList"] [class*="item"]:nth-child(4) { animation-delay:.22s !important; }
.lotteryGamesList__container-item:nth-child(5),
[class*="GamesList"] [class*="item"]:nth-child(5) { animation-delay:.28s !important; }
.lotteryGamesList__container-item:nth-child(6),
[class*="GamesList"] [class*="item"]:nth-child(6) { animation-delay:.34s !important; }

/* ---- 4) Banner — premium frame ---- */
.van-swipe, .swiper_box, [class*="banner"] {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35) !important;
}
.van-swipe__indicator {
  background: rgba(255,255,255,.3) !important;
  transition: all .3s ease !important;
}
.van-swipe__indicator--active {
  background: #f0b93b !important;
  width: 18px !important;
  border-radius: 3px !important;
  box-shadow: 0 0 10px rgba(240,185,59,.7) !important;
}

/* ---- 5) Bottom nav — premium ---- */
.tabbar__container {
  background: linear-gradient(180deg,#14532d,#0d3d22) !important;
  border-top: 2px solid #f0b93b !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,.35) !important;
}
.tabbar__container-item {
  transition: transform .2s ease !important;
}
.tabbar__container-item:active { transform: scale(.9) !important; }
.tabbar__container-item .promotionBg {
  box-shadow: 0 4px 16px rgba(240,185,59,.45) !important;
  animation: gkGoldGlow 2.6s ease-in-out infinite;
}

/* ---- 6) Marquee / notice bar ---- */
[class*="marquee"], [class*="notice"], .van-notice-bar {
  background: rgba(13,61,34,.6) !important;
  color: #cfe3d5 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}
.van-notice-bar__left-icon { color: #f0b93b !important; }

/* ---- 7) Earnings / winners ---- */
[class*="earning"], [class*="Earning"] {
  background: rgba(26,107,58,.55) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}

/* ---- 8) Basic tools icons ---- */
.basic img, .basicbutton img, [class*="basic"] img {
  border-radius: 12px !important;
  transition: transform .2s ease !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.3)) !important;
}
.basic > *:active img, [class*="basic"] > *:active img {
  transform: scale(.88) !important;
}

/* ---- 9) Provider logos ---- */
[class*="provider"], [class*="partner"] {
  background: rgba(0,0,0,.22) !important;
  border-radius: 10px !important;
}

/* ---- 10) Popups / dialogs premium ---- */
.van-dialog, .van-popup {
  border-radius: 16px !important;
  border: 1px solid rgba(240,185,59,.3) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.5) !important;
}
.van-overlay { background: rgba(0,0,0,.7) !important; }

/* ---- 11) Loading / toast ---- */
.van-toast { background: rgba(13,61,34,.95) !important; border: 1px solid rgba(240,185,59,.3) !important; }
.van-loading__spinner { color: #f0b93b !important; }

/* ---- 12) Scroll smoothness ---- */
html { scroll-behavior: smooth; }

/* ---- 13) Subtle page gradient ---- */
#app {
  background: linear-gradient(180deg,#166035 0%,#14532d 45%,#0f4526 100%) !important;
}


/* ==================================================================
   ★★★  AGENCY / PROMOTION PAGE — PREMIUM  ★★★
   ================================================================== */

/* ---- Page background ---- */
.promotion-page, .promotion-mian, .promotion-box, .promotion-content,
.partner-main, .subordinate__container,
.myCommission__container, .myInvitation__container,
.myReceive__container, .invitationDetail__container,
.TeamReport__C, .TeamReportDetail__C {
  background: linear-gradient(180deg,#166035 0%,#14532d 45%,#0f4526 100%) !important;
}

/* ---- Nav bar ---- */
.navbar__content, .header-container {
  background: linear-gradient(180deg,#1a6b3a,#14532d) !important;
  border-bottom: 1px solid rgba(240,185,59,.25) !important;
}
.navbar__content-center, .navbar__content-center span,
.header-container span { color: #ffffff !important; font-weight: 700 !important; }

/* ---- Commission hero (upar wala orange hissa) ---- */
.commission__body, .promotion-mian__title, .partner-banner, .partner-banner-box,
.customer-container-header, .customer-container-header-belly {
  background: linear-gradient(160deg,#1e7a42 0%,#14532d 60%,#0d3d22 100%) !important;
  border-bottom: 2px solid rgba(240,185,59,.35) !important;
  position: relative !important;
}

/* bara number = gold */
.commission__title {
  color: #ffd76e !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 16px rgba(240,185,59,.45) !important;
  animation: gkPop .6s cubic-bezier(.22,1.3,.36,1) both;
}

/* "Yesterday's total commission" chip */
.commission__body [class*="tip"], .commission__body span,
.promotion-txt {
  color: #cfe3d5 !important;
}

/* ---- Direct / Team subordinates table ---- */
.promotion-grade, .promotion-grade-th, .promotion-grade-tr,
.TeamReportDetail__C-body-grade,
.TeamReportDetail__C-body-grade-th,
.TeamReportDetail__C-body-grade-tr {
  background: rgba(13,61,34,.72) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.promotion-grade-th, .TeamReportDetail__C-body-grade-th {
  background: linear-gradient(180deg,#2a8a52,#1e7a42) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.promotion-content_title, .promotion-title, .partner-title {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* stat cards */
.promote__cell-item, .partner-item, .invitation-item,
.subordinate__container-content, [class*="__item-body"] {
  background: rgba(26,107,58,.55) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  transition: transform .22s ease, border-color .22s ease !important;
  animation: gkUp .5s ease both;
}
.promote__cell-item:active, .partner-item:active, .invitation-item:active {
  transform: scale(.97) !important;
  border-color: rgba(240,185,59,.45) !important;
}

/* stagger */
.promote__cell-item:nth-child(1){animation-delay:.05s}
.promote__cell-item:nth-child(2){animation-delay:.11s}
.promote__cell-item:nth-child(3){animation-delay:.17s}
.promote__cell-item:nth-child(4){animation-delay:.23s}
.promote__cell-item:nth-child(5){animation-delay:.29s}

/* ---- INVITATION LINK button — premium gold ---- */
.partner-btn, .partner-link, .promotionShare__container-buttons .van-button {
  background: linear-gradient(180deg,#ffdc7d 0%,#f0b93b 45%,#dd9c1c 100%) !important;
  border: none !important;
  color: #3f2a00 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  border-radius: 30px !important;
  box-shadow: 0 6px 22px rgba(240,185,59,.42) !important;
  animation: gkGoldGlow 2.6s ease-in-out infinite;
  transition: transform .18s ease !important;
}
.partner-btn:active, .partner-link:active { transform: translateY(2px) scale(.98) !important; }

/* ---- Copy invitation code row ---- */
.partner-code, .partner-entry, .promote__cell-item {
  background: rgba(13,61,34,.6) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.partner-code [class*="code"], .partner-code span:last-child {
  color: #ffd76e !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
}

/* ---- Rules table ---- */
.partner-rule, .partner-rule-table, .partner-rule-text, .partner-rule-title {
  background: rgba(13,61,34,.55) !important;
  color: #cfe3d5 !important;
  border-radius: 12px !important;
}
.partner-rule-title { color: #ffd76e !important; font-weight: 800 !important; }

/* ---- Tabs / searchbar ---- */
.fun-tabs, .fun-tab-item, .ar-searchbar, .searchbar-container,
.searchbar-container__searchbar, [class*="searchbar__selector"] {
  background: rgba(13,61,34,.6) !important;
  border-radius: 10px !important;
  color: #cfe3d5 !important;
}
.fun-tab-item.active, .fun-tab-item[class*="active"] {
  background: linear-gradient(180deg,#f6c445,#eda428) !important;
  color: #3f2a00 !important;
  font-weight: 800 !important;
}

/* ---- List items ---- */
[class*="__item-header"] {
  background: rgba(30,122,66,.55) !important;
  color: #ffffff !important;
  border-radius: 10px 10px 0 0 !important;
}
.myCommission__container-msgWrapper__item {
  background: rgba(26,107,58,.5) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  animation: gkUp .45s ease both;
}
.myCommission__container-msgWrapper__item-title { color:#ffd76e !important; font-weight:700 !important; }
.myCommission__container-msgWrapper__item-time  { color:#a8ccb5 !important; }

/* ---- Empty state ---- */
.myCommission__container-empty { color:#a8ccb5 !important; }

/* ---- Level icon ---- */
.icon-LV { filter: drop-shadow(0 2px 8px rgba(240,185,59,.4)) !important; }

/* ---- Footer tabbar on this page ---- */
.footer-tabBar {
  background: linear-gradient(180deg,#14532d,#0d3d22) !important;
  border-top: 2px solid #f0b93b !important;
}



/* ==================================================================
   ★★★  AGENCY PROMO BANNER (Urdu)  ★★★
   ================================================================== */
#gk-agency-promo {
  margin: 14px 12px 4px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(240,185,59,.35);
  background: linear-gradient(155deg, rgba(30,122,66,.85) 0%, rgba(13,61,34,.95) 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.34);
  animation: gkUp .55s ease both;
  direction: rtl;
  font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Segoe UI", Tahoma, sans-serif;
}

#gk-agency-promo .gkp-head {
  padding: 16px 16px 12px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.09);
  position: relative;
}
#gk-agency-promo .gkp-badge {
  display: inline-block;
  background: linear-gradient(180deg,#ffdc7d,#eda428);
  color: #3f2a00;
  font-size: 12px; font-weight: 800;
  padding: 4px 14px; border-radius: 20px;
  box-shadow: 0 4px 12px rgba(240,185,59,.4);
  animation: gkGoldGlow 2.6s ease-in-out infinite;
}
#gk-agency-promo h3 {
  margin: 12px 0 6px;
  font-size: 19px; font-weight: 700;
  color: #ffffff; line-height: 1.9;
}
#gk-agency-promo h3 b {
  color: #ffd76e;
  text-shadow: 0 2px 12px rgba(240,185,59,.45);
}
#gk-agency-promo p {
  margin: 0; font-size: 13.5px;
  color: #a8ccb5; line-height: 1.9;
}

#gk-agency-promo .gkp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px;
}
#gk-agency-promo .gkp-item {
  display: flex; align-items: flex-start; gap: 8px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  padding: 10px 10px;
  animation: gkUp .5s ease both;
  transition: transform .2s ease, border-color .2s ease;
}
#gk-agency-promo .gkp-item:active {
  transform: scale(.97);
  border-color: rgba(240,185,59,.45);
}
#gk-agency-promo .gkp-item:nth-child(1){animation-delay:.08s}
#gk-agency-promo .gkp-item:nth-child(2){animation-delay:.16s}
#gk-agency-promo .gkp-item:nth-child(3){animation-delay:.24s}
#gk-agency-promo .gkp-item:nth-child(4){animation-delay:.32s}

#gk-agency-promo .gkp-ic {
  flex: 0 0 26px; height: 26px;
  border-radius: 50%;
  background: linear-gradient(145deg,#ffdc7d,#dd9c1c);
  color: #3f2a00;
  font: 800 13px/26px -apple-system, Arial;
  text-align: center;
  box-shadow: 0 3px 9px rgba(240,185,59,.35);
}
#gk-agency-promo .gkp-item b {
  display: block;
  font-size: 14px; font-weight: 700;
  color: #ffffff; line-height: 1.9;
}
#gk-agency-promo .gkp-item i {
  display: block;
  font-size: 11.5px; font-style: normal;
  color: #a8ccb5; line-height: 1.85;
}

@media (max-width: 360px) {
  #gk-agency-promo .gkp-grid { grid-template-columns: 1fr; }
}


/* ==================================================================
   ★★★  WALLET PAGE — CLEANUP + NEW FEATURES  ★★★
   ================================================================== */

/* ---- 1) Faltu provider tiles (Lottery/CQ9/JDB/DG...) chhupao ---- */
.wallet-container-content .gameList { display: none !important; }

/* ---- 2) Top 4 icons (Deposit/Withdraw/History) saaf ---- */
.tool-container {
  background: rgba(13,61,34,.5) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  padding: 14px 6px !important;
}
.tool-item img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.35)) !important;
  transition: transform .2s ease !important;
}
.tool-item:active img { transform: scale(.9) !important; }
.tool-item span, .tool-item p, .tool-item h3 {
  color: #cfe3d5 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* ==================================================================
   ★★★  GK WALLET FEATURE CARDS  ★★★
   ================================================================== */
#gk-wallet-extra {
  margin: 4px 12px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  animation: gkUp .5s ease both;
}

/* --- section title --- */
#gk-wallet-extra .gkw-t {
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 800; color: #f7efd8;
  margin: 4px 2px 0;
}
#gk-wallet-extra .gkw-t s {
  width: 4px; height: 15px; border-radius: 3px;
  background: linear-gradient(180deg,#ffd76e,#eda428);
  text-decoration: none;
}

/* --- Quick deposit amounts --- */
#gk-wallet-extra .gkw-card {
  background: linear-gradient(160deg, rgba(30,122,66,.7), rgba(13,61,34,.9));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  padding: 14px 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,.26);
}
#gk-wallet-extra .gkw-amts {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 8px;
  margin-top: 10px;
}
#gk-wallet-extra .gkw-amt {
  background: rgba(5,32,18,.55);
  border: 1px solid rgba(240,185,59,.35);
  border-radius: 10px;
  padding: 11px 2px;
  text-align: center;
  color: #ffd76e; font-weight: 800; font-size: 14px;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease;
  animation: gkUp .45s ease both;
}
#gk-wallet-extra .gkw-amt:nth-child(1){animation-delay:.04s}
#gk-wallet-extra .gkw-amt:nth-child(2){animation-delay:.09s}
#gk-wallet-extra .gkw-amt:nth-child(3){animation-delay:.14s}
#gk-wallet-extra .gkw-amt:nth-child(4){animation-delay:.19s}
#gk-wallet-extra .gkw-amt:active {
  transform: scale(.94);
  background: linear-gradient(180deg,#f6c445,#eda428);
  color: #3f2a00;
}
#gk-wallet-extra .gkw-amt i {
  display: block; font-style: normal;
  font-size: 10px; color: #8fb79c; font-weight: 600; margin-top: 2px;
}

/* --- Feature shortcut grid --- */
#gk-wallet-extra .gkw-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;
}
#gk-wallet-extra .gkw-item {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-decoration: none;
  animation: gkUp .45s ease both;
}
#gk-wallet-extra .gkw-item:nth-child(1){animation-delay:.05s}
#gk-wallet-extra .gkw-item:nth-child(2){animation-delay:.10s}
#gk-wallet-extra .gkw-item:nth-child(3){animation-delay:.15s}
#gk-wallet-extra .gkw-item:nth-child(4){animation-delay:.20s}
#gk-wallet-extra .gkw-item:nth-child(5){animation-delay:.25s}
#gk-wallet-extra .gkw-item:nth-child(6){animation-delay:.30s}
#gk-wallet-extra .gkw-item:nth-child(7){animation-delay:.35s}
#gk-wallet-extra .gkw-item:nth-child(8){animation-delay:.40s}
#gk-wallet-extra .gkw-ic {
  width: 46px; height: 46px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 21px;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  transition: transform .2s ease;
}
#gk-wallet-extra .gkw-item:active .gkw-ic { transform: scale(.88); }
#gk-wallet-extra .gkw-nm {
  font-size: 11.5px; color: #cfe3d5; font-weight: 600;
  text-align: center; line-height: 1.35;
}

/* --- Info / safety strip --- */
#gk-wallet-extra .gkw-note {
  display: flex; align-items: flex-start; gap: 9px;
  background: rgba(240,185,59,.08);
  border: 1px solid rgba(240,185,59,.28);
  border-radius: 12px;
  padding: 11px 12px;
}
#gk-wallet-extra .gkw-note .ic { font-size: 16px; flex-shrink: 0; }
#gk-wallet-extra .gkw-note p {
  margin: 0; font-size: 12px; color: #cfe3d5; line-height: 1.6;
}
#gk-wallet-extra .gkw-note b { color: #ffd76e; }

/* --- Urdu promo strip --- */
#gk-wallet-extra .gkw-ur {
  direction: rtl;
  font-family: "Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Segoe UI",Tahoma,sans-serif;
  background: linear-gradient(155deg, rgba(30,122,66,.85), rgba(13,61,34,.95));
  border: 1px solid rgba(240,185,59,.35);
  border-radius: 14px;
  padding: 14px 14px;
  text-align: center;
}
#gk-wallet-extra .gkw-ur span {
  display: inline-block;
  background: linear-gradient(180deg,#ffdc7d,#eda428);
  color: #3f2a00; font-size: 11.5px; font-weight: 800;
  padding: 3px 13px; border-radius: 20px;
  animation: gkGoldGlow 2.6s ease-in-out infinite;
}
#gk-wallet-extra .gkw-ur h4 {
  margin: 10px 0 5px; font-size: 16px; font-weight: 700;
  color: #fff; line-height: 1.95;
}
#gk-wallet-extra .gkw-ur h4 b { color: #ffd76e; }
#gk-wallet-extra .gkw-ur p {
  margin: 0; font-size: 12.5px; color: #a8ccb5; line-height: 1.95;
}

@media (max-width: 360px) {
  #gk-wallet-extra .gkw-grid { grid-template-columns: repeat(3,1fr); }
  #gk-wallet-extra .gkw-amts { grid-template-columns: repeat(2,1fr); }
}