/* v166 - solid header, no tap animation (scan line stays), clean price list, menu box, deposit button, colours only where they look good.
   Remove the v166 line from a page to undo. */
/* ---- 1. header: solid (nothing shows through) ---- */
html:root:root:root:root:root:root body:not(#_) #main-app#main-app>nav#gks-hdr.topHeader,
html:root:root:root:root:root:root body:not(#_) #main-app>.topHeader,
html:root:root:root:root:root:root body:not(#_) nav#gks-hdr.topHeader,
html:root:root:root:root:root:root body:not(#_) .gks-api-shared-header{
  background:linear-gradient(180deg,#2b1853 0%,#1d0e3b 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;
  border:1.5px solid rgba(171,113,237,.75)!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important}

/* ---- 2. no tap / press animation (the #gks-scan line is NOT touched) ---- */
html:root:root:root:root:root:root body:not(#_) :is(button,a,input,label,[onclick],[role="button"],.statCard,.navBox,.jc2,.reseller,.balanceCard,.panel-card,.glass,.history-card,.deposit-history-item,.plan-price-box,.video-wrapper,.pc-card,.pc-row,.pc-qty b,.pc-go,.pc-more,.pc-up,.pc-fb,.gks-drawer-item,.mud-btn,.mud-quick button,.mh-chip):is(:active,:hover,:focus){
  transform:none!important;scale:1!important;filter:none!important;animation:none!important}
html:root:root:root:root:root:root body:not(#_) :is(button,a,[onclick],[role="button"],.statCard,.navBox,.jc2,.panel-card,.pc-card,.pc-row,.pc-qty b,.pc-go,.pc-more,.gks-drawer-item,.mud-btn,.mud-quick button){
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease!important}
html:root:root:root:root:root:root body:not(#_) :is(.tapRing,.ripple,.gks-ripple,.ink,[class*="ripple"]){display:none!important;animation:none!important}
html:root:root:root:root:root:root body:not(#_) .boxTap,html:root:root:root:root:root:root body:not(#_) .boxTap *{animation:none!important;transform:none!important}
html:root:root:root:root:root:root body:not(#_) *{-webkit-tap-highlight-color:transparent}

/* ---- 3. price list: clean row, thin old-price line, one colour per plan ---- */
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+1){--ac:#38bdf8;--ac2:#0284c7}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+2){--ac:#b072ff;--ac2:#7c3aed}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+3){--ac:#34d399;--ac2:#059669}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+4){--ac:#f472b6;--ac2:#db2777}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+5){--ac:#fbbf24;--ac2:#f97316}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:6px!important;padding:12px 12px 12px 18px!important;animation:none!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l{grid-column:1!important;grid-row:1!important;color:#1b0a33!important;-webkit-text-fill-color:#1b0a33!important;background:linear-gradient(135deg,var(--ac),var(--ac2))!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p{grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:2px 8px!important;min-width:0!important}
html:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-was{order:1;font:600 13px/1.2 Inter,system-ui,sans-serif!important;color:#c9b8ea!important;-webkit-text-fill-color:#c9b8ea!important;text-decoration:line-through!important;text-decoration-thickness:1.5px!important;text-decoration-color:rgba(255,120,140,.9)!important;opacity:.9}
html:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-off{order:2;display:inline-block!important;font:800 11px/1 Inter,system-ui,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#e11d48!important;padding:4px 7px!important;border-radius:999px!important;box-shadow:none!important}
html:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-now{order:3;flex:0 0 100%;font-size:24px!important;line-height:1.15!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty{grid-column:2!important;grid-row:1 / span 2!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go{grid-column:3!important;grid-row:1 / span 2!important;color:#1b0a33!important;-webkit-text-fill-color:#1b0a33!important;font-weight:900!important;letter-spacing:.06em!important}

/* ---- 4. menu (side drawer): solid box, clear rows, own icon colour per row ---- */
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer{background:#1c0f33!important;border-right:1.5px solid rgba(171,113,237,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{background:#2a1850!important;border:1px solid rgba(171,113,237,.4)!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{--ic:#b072ff;display:flex!important;align-items:center!important;background:#271645!important;border:1px solid rgba(171,113,237,.28)!important;color:#f4edff!important;box-shadow:none!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:nth-child(6n+2){--ic:#38bdf8}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:nth-child(6n+3){--ic:#34d399}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:nth-child(6n+4){--ic:#fbbf24}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:nth-child(6n+5){--ic:#f472b6}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-ic{background:color-mix(in srgb,var(--ic) 22%,#1c0f33)!important;border:1px solid color-mix(in srgb,var(--ic) 55%,transparent)!important;color:var(--ic)!important;box-shadow:none!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item .gks-ic svg{stroke:var(--ic)!important;color:var(--ic)!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>i{color:var(--ic)!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item span{color:#f4edff!important;-webkit-text-fill-color:#f4edff!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item small{color:#b9a6df!important;-webkit-text-fill-color:#b9a6df!important}
html:root:root:root:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.active{background:#3a2070!important;border-color:rgba(190,150,255,.8)!important}

/* ---- 5. deposit page: readable green pay button, chips that do not cut the amount ---- */
html:root:root:root:root:root:root body:not(#_) #main-app #page-add-money .mud-btn{
  background:linear-gradient(135deg,#34d399 0%,#059669 100%)!important;border:0!important;
  color:#04251a!important;-webkit-text-fill-color:#04251a!important;text-shadow:none!important;
  font:900 15px/1 Inter,system-ui,sans-serif!important;letter-spacing:.06em!important;
  box-shadow:0 8px 20px rgba(5,150,105,.35)!important;opacity:1!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-add-money .mud-btn i{color:#04251a!important;-webkit-text-fill-color:#04251a!important}
html:root:root:root:root:root:root body:not(#_) #main-app #page-add-money .mud-btn:disabled{opacity:.55!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mud-hint{display:grid!important;grid-template-columns:1fr 1.5fr 1.15fr!important;gap:8px!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip{min-width:0!important;overflow:visible!important;padding:10px 6px!important;text-align:center!important;display:block!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip i{display:block!important;font:700 10px/1 Inter,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:.1em!important;color:#bda6ea!important;margin:0 0 6px!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip b{display:block!important;font:800 15px/1.25 Inter,system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip:nth-child(1) b{color:#34d399!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip:nth-child(2) b{color:#fbbf24!important}
html:root:root:root:root:root:root body:not(#_) #page-add-money .mh-chip:nth-child(3) b{color:#38bdf8!important}

/* ---- 6. dashboard boxes: each box its own accent instead of one purple everywhere ---- */
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+1){--pv-line:rgba(56,189,248,.55);--pv-box:linear-gradient(160deg,rgba(12,70,120,.55),rgba(24,12,66,.9))}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+2){--pv-line:rgba(52,211,153,.5);--pv-box:linear-gradient(160deg,rgba(8,84,66,.55),rgba(24,12,66,.9))}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+3){--pv-line:rgba(251,191,36,.5);--pv-box:linear-gradient(160deg,rgba(110,72,8,.5),rgba(24,12,66,.9))}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+4){--pv-line:rgba(244,114,182,.5);--pv-box:linear-gradient(160deg,rgba(116,20,80,.5),rgba(24,12,66,.9))}

/* ---- v167: stat boxes - steady text on tap, icon tile in the box's own colour, one value colour ---- */
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden!important;position:relative!important;transition:none!important;animation:none!important;transform:none!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard *{transition:none!important;animation:none!important;transform:none!important;filter:none!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .tapRing,html:root:root:root:root:root:root body:not(#_) .gks-rip,html:root:root:root:root:root:root body:not(#_) .gks-tap{display:none!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statValue,html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statValue *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+1) .statIcon{background:linear-gradient(145deg,#38bdf8,#0369a1)!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+2) .statIcon{background:linear-gradient(145deg,#34d399,#047857)!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+3) .statIcon{background:linear-gradient(145deg,#fbbf24,#b45309)!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4n+4) .statIcon{background:linear-gradient(145deg,#f472b6,#9d174d)!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon{box-shadow:none!important;color:#fff!important}
html:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon svg{stroke:#fff!important;color:#fff!important}
/* telegram help button: smaller, does not cover boxes */
html:root:root:root:root:root:root body:not(#_) :is(#gks-help,#gks-tg-float){width:46px!important;height:46px!important;min-width:46px!important;right:12px!important;bottom:14px!important;opacity:.95}
