
/* ===== v149 : header (galumodz jaisa) + naya light menu + refer page ===== */

/* ---------- HEADER ---------- */
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body nav#apon-hdr{top:max(10px,env(safe-area-inset-top))!important;left:14px!important;right:14px!important;max-width:420px!important;margin:0 auto!important;height:52px!important;padding:0 12px 0 14px!important;border:1px solid #1d2230!important;border-radius:22px!important;background:#090b13!important;box-shadow:none!important;gap:10px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body nav#apon-hdr .menuBtn{width:34px!important;height:34px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body nav#apon-hdr .rk-burger{width:18px!important;gap:4px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body nav#apon-hdr .rk-burger i{height:2.4px!important;border-radius:2px!important;background:#fff!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .v145-how{height:28px!important;padding:0 10px!important;gap:6px!important;border:1px solid #ff4b4b!important;border-radius:7px!important;background:linear-gradient(#ff2323,#d41010)!important;font:800 12.5px 'Poppins',system-ui,sans-serif!important;letter-spacing:.01em;box-shadow:0 0 12px rgba(255,36,36,.45)!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .v145-how svg{width:19px!important;height:19px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .v145-av{width:36px!important;height:36px!important;padding:2px!important;border:2.5px solid #19d3ee!important;background:#050810!important;box-shadow:0 0 10px rgba(25,211,238,.4)!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .v145-av::after{right:-4px!important;bottom:-4px!important;width:11px!important;height:11px!important;border:2px solid #05060f!important;background:#19d3ee!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body{padding-top:72px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #main-app{padding-top:0!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .page-content{padding-top:14px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .v145-dd{top:calc(max(10px,env(safe-area-inset-top)) + 58px)!important}

/* ---------- OLD DRAWER BAND (naya menu niche) ---------- */
#apon-side-drawer,#apon-menu-backdrop{display:none!important}

/* ---------- NAYA MENU (light: no blur, no heavy shadow) ---------- */
#g149-back{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .16s linear,visibility .16s linear}
#g149-back.on{opacity:1;visibility:visible}
#g149-drawer{position:fixed;top:0;left:0;bottom:0;z-index:2147483641;width:min(68vw,270px);display:flex;flex-direction:column;background:#050507;border-right:1px solid #12151f;transform:translate3d(-102%,0,0);transition:transform .18s ease-out;will-change:transform;font-family:'Poppins',system-ui,sans-serif;overscroll-behavior:contain;visibility:hidden}
#g149-drawer.on{transform:none;visibility:visible}
#g149-drawer .g-head{display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 14px 14px 14px;border-bottom:1px solid #14171f;flex:none}
#g149-drawer .g-logo{width:44px;height:44px;flex:none;border-radius:50%;padding:2px;border:2px solid #19d3ee;background:#050810;object-fit:cover;box-sizing:border-box;box-shadow:0 0 10px rgba(25,211,238,.35)}
#g149-drawer .g-name{flex:1;min-width:0;color:#00e5ff;font:800 13.5px/1.15 'Poppins',system-ui,sans-serif;letter-spacing:.01em;text-transform:uppercase;word-break:break-word}
#g149-drawer .g-x{width:34px;height:34px;flex:none;display:grid;place-items:center;border:0;background:none;color:#fff;padding:0;-webkit-tap-highlight-color:transparent}
#g149-drawer .g-x svg{width:22px;height:22px}
#g149-drawer .g-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 max(18px,env(safe-area-inset-bottom))}
#g149-drawer .g-it{position:relative;display:flex;align-items:center;gap:15px;width:100%;height:42px;margin:0;padding:0 16px 0 18px;border:0;border-radius:0;background:none;color:#e6e9f4;font:500 14.5px 'Poppins',system-ui,sans-serif;text-align:left;-webkit-tap-highlight-color:transparent;cursor:pointer}
#g149-drawer .g-it svg{width:21px;height:21px;flex:none;color:#cfd5e8}
#g149-drawer .g-it span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#g149-drawer .g-it:active{background:#0d1020}
#g149-drawer .g-it.on{background:linear-gradient(90deg,#6a7ad6,#8050b4);color:#fff}
#g149-drawer .g-it.on::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#19d3ee}
#g149-drawer .g-it.on svg{color:#19d3ee}
#g149-drawer .g-sec{margin:14px 0 4px;padding:0 18px;color:#2b9db0;font:700 11.5px 'Poppins',system-ui,sans-serif;letter-spacing:.3em}
#g149-drawer .g-it.out,#g149-drawer .g-it.out svg{color:#ff5a4a}

/* ---------- REFER & EARN : reference jaisa ---------- */
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-ref{max-width:420px!important;margin:0 auto!important;padding:0 14px 18px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-h{margin:2px 2px 12px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-grid2{gap:10px!important;margin-bottom:10px!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-box{margin-bottom:10px!important;border-radius:20px!important;background:#06070e!important;box-shadow:none!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-grid2 .gk-box{margin-bottom:0!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-box b,html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-box>b{color:#fff!important;text-shadow:none!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-claim #nr-ready{color:#fff!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-claimbtn{background:#124a43!important;color:#58a899!important;border:0!important;box-shadow:none!important;border-radius:13px!important;filter:none!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-claimbtn svg{color:#58a899!important;stroke:#58a899!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-claimbtn.has{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 0 14px rgba(16,185,129,.35)!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-claimbtn.has svg{color:#fff!important;stroke:#fff!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-link{word-break:break-all!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-link #ref-link-text{display:block;font-size:13.5px!important;line-height:1.45!important}
html:root:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #page-referral .gk-copy{background:linear-gradient(90deg,#00d0e4,#3b6cf0)!important}
