/* ===== gks-final.css (v84) - loaded at the very END of index.html. Header, dashboard icons, challenge box, support bubble ===== */

/* ---- 1. header: fully solid, nothing shows through it ---- */
html body #main-app nav#gks-hdr.topHeader#gks-hdr{
  background:linear-gradient(180deg,#1d112a,#160d20)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:1px solid rgba(149,95,211,.34)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 0 6px #0e0814!important;   /* 6px dark rim hides cards sliding under the rounded corners */
  opacity:1!important}

/* ---- 2. dashboard stat boxes: icon exactly centred in its tile ---- */
html body #page-dashboard .statsGrid .statCard .statIcon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:16px!important;
  color:#fff!important;font-size:0!important;overflow:visible!important}
html body #page-dashboard .statsGrid .statCard .statIcon .ap-ic{display:block!important;width:26px!important;height:26px!important;margin:0!important;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
html body #page-dashboard .statsGrid .statCard:nth-child(1) .statIcon .ap-ic{color:#1b0139;filter:none}
html body #page-dashboard .statsGrid .statCard .statLabel{letter-spacing:.12em!important}

/* ---- 3. monthly challenge ---- */
html body #page-dashboard .ap-ic{flex:0 0 auto;display:inline-block;vertical-align:middle}
html body #page-dashboard .challenge-head h2{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap}
html body #page-dashboard .challenge-head h2 .ap-gift{width:24px;height:24px}
html body #page-dashboard .challenge-head p{display:block!important}
html body #page-dashboard .challenge-head p .ap-clock{width:16px;height:16px;margin:0 5px 2px 0}
html body #page-dashboard .challenge-live{display:inline-flex!important;align-items:center;gap:5px;padding:8px 13px 8px 10px!important;background:linear-gradient(135deg,#b279f3,#7f33d5)!important;color:#140129!important;box-shadow:0 6px 16px -6px rgba(178,121,243,.7)}
html body #page-dashboard .challenge-live .ap-bolt{width:14px;height:14px}
html body #page-dashboard .challenge-place{min-height:132px!important;gap:0}
html body #page-dashboard .challenge-place .medal{display:grid!important;place-items:center;width:52px;height:52px;margin:0 0 8px!important;font-size:0!important}
html body #page-dashboard .challenge-place .medal .ap-medal{width:50px;height:50px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
html body #page-dashboard .challenge-place.first .medal .ap-medal{filter:drop-shadow(0 0 10px rgba(178,121,243,.55)) drop-shadow(0 6px 8px rgba(0,0,0,.4))}
html body #page-dashboard .challenge-place strong{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px!important}
html body #page-dashboard .challenge-place strong .ap-coin{width:20px;height:20px}

/* ---- 4. top resellers heading ---- */
html body #page-dashboard .dashboard-top-sellers-head h2{display:flex!important;align-items:center;gap:10px}
html body #page-dashboard .dashboard-top-sellers-head h2 .ap-trophy{width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(178,121,243,.4))}

/* ---- 5. Telegram support bubble: shows ONCE for a few seconds, then only the round button stays (it used to cover content again and again) ---- */
html body #page-dashboard .ayushDash{padding-bottom:110px!important}

/* ---- 6. every other premium icon badge (menu, store, history ...): no clipping ---- */
.gks-em svg{overflow:visible}

/* inline SVG icons: never animated / shifted / clipped by older rules */
html body svg.ap-ic,html body svg.ap-ic *{animation:none!important;transform:none!important;overflow:visible!important}
html body svg.ap-ic text{transform:none!important}