/* v173 - FINAL polish layer (loads last on every page). Remove the v173 line from a page to undo.
   1. PRICE LIST: every plan = its own glass ticket with its own colour, big price, round stepper, glowing BUY.
   2. DEPOSIT / QR / PROCESSING page: clean QR frame, tidy buttons, no Back/Cancel button once processing starts.
   3. Loading / login / dashboard: one background colour everywhere so no black flash. */

/* ---------- 0. no black flash between pages ---------- */
html,body{background-color:#150a2e}

/* ---------- 1. PRICE LIST ---------- */
:root{--p173-r:13px}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card.open .pc-plans{
  display:flex!important;animation:p173drop .22s ease both!important;flex-direction:column!important;gap:8px!important;
  margin:12px 0 0!important;padding:0 0 2px!important;
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
/* heading with side lines */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans::before{
  content:"PRICE LIST"!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  padding:2px 0 4px!important;margin:0!important;text-shadow:none!important;
  font:800 10.5px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.3em!important;color:#d6bcff!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans::before{order:-2}

html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card:not(.open) .pc-plans{display:none!important}
@keyframes p173drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* per-plan colour */






/* the ticket */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{--a:#c9a8ff;--b:#8b5cf6;--t:#1d0a3d}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto auto!important;
  align-items:center!important;column-gap:10px!important;row-gap:1px!important;
  margin:0!important;min-height:0!important;padding:8px 10px 8px 14px!important;box-sizing:border-box!important;
  border-radius:var(--p173-r)!important;overflow:hidden!important;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;
  border:1px solid rgba(190,160,255,.22)!important;
  box-shadow:none!important;
  animation:none!important;transform:none!important}
/* coloured spine */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row::before{
  content:""!important;display:none!important;position:absolute!important;left:0!important;top:10px!important;bottom:10px!important;width:3px!important;
  border-radius:0 6px 6px 0!important;background:linear-gradient(180deg,var(--a),var(--b))!important;
  box-shadow:none!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row::after{content:none!important;display:none!important}

/* duration label = plain coloured caption (was a filled chip) */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l{
  grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:end!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:var(--a)!important;-webkit-text-fill-color:var(--a)!important;
  font:800 11px/1 'Space Grotesk',Inter,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--a)}

/* price */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p{
  grid-column:1!important;grid-row:2!important;align-self:start!important;
  display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:1px 8px!important;min-width:0!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:800 19px/1.1 'Space Grotesk',Inter,sans-serif!important;letter-spacing:-.01em!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p .gks-now{order:3!important;flex:0 0 100%!important;font:inherit!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p .gks-was{order:1!important;font:600 11px/1.2 Inter,sans-serif!important;color:#b9a6dc!important;-webkit-text-fill-color:#b9a6dc!important;text-decoration:line-through!important;text-decoration-color:rgba(255,120,140,.9)!important;text-decoration-thickness:1.5px!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p .gks-off{order:2!important;font:800 9.5px/1 Inter,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#e11d48!important;padding:4px 7px!important;border-radius:99px!important;box-shadow:none!important}

/* stepper: round - 1 + pill */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):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;align-self:center!important;
  display:flex!important;align-items:center!important;gap:2px!important;width:auto!important;height:auto!important;padding:3px!important;margin:0!important;
  border-radius:999px!important;background:rgba(10,5,22,.55)!important;border:1px solid color-mix(in srgb,var(--a) 35%,transparent)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty b{
  display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;border-radius:50%!important;
  background:color-mix(in srgb,var(--a) 22%,#1a0f30)!important;color:var(--a)!important;-webkit-text-fill-color:var(--a)!important;
  font:900 15px/1 Inter,sans-serif!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;box-shadow:none!important;border:0!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty i{
  min-width:18px!important;text-align:center!important;font:800 13px/1 'JetBrains Mono',monospace!important;font-style:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* BUY */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):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;align-self:center!important;
  position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:62px!important;height:36px!important;padding:0 14px!important;margin:0!important;border-radius:11px!important;
  background:linear-gradient(145deg,var(--a),var(--b))!important;color:var(--t)!important;-webkit-text-fill-color:var(--t)!important;border:0!important;
  font:900 12px/1 Inter,sans-serif!important;letter-spacing:.1em!important;
  box-shadow:0 3px 8px color-mix(in srgb,var(--b) 30%,transparent)!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go::after{
  content:""!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:-70%!important;width:40%!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent)!important;transform:skewX(-20deg)!important;animation:p173shine 3.6s ease-in-out infinite!important}
@keyframes p173shine{0%,60%{left:-70%}100%{left:140%}}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go:active{filter:brightness(.92)!important}

@media(max-width:360px){
  html body #main-app #page-home #pc-list .pc-plans .pc-row{padding-left:16px!important;column-gap:7px!important}
  html body #main-app #page-home #pc-list .pc-plans .pc-row .pc-p{font-size:21px!important}
  html body #main-app #page-home #pc-list .pc-plans .pc-row .pc-go{min-width:60px!important;padding:0 11px!important}
}
@media(prefers-reduced-motion:reduce){html body #pc-list .pc-go::after{animation:none!important}}

/* ---------- 2. DEPOSIT QR / PROCESSING PAGE ---------- */
/* Back / Cancel button must disappear the moment processing starts (older rule forced it to stay) */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr.gp-on #manual-qr-back,
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr.gp-on .gp-cancel{
  display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr.gp-on{padding-bottom:40px!important}

/* page + card */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr{max-width:420px!important;margin:0 auto!important;padding:14px 14px 90px!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 4px 12px!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-brand{font:800 12px/1 'JetBrains Mono',monospace!important;letter-spacing:.2em!important;color:#d6bcff!important;text-transform:uppercase!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-secure{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 11px!important;border-radius:99px!important;background:rgba(52,211,153,.12)!important;border:1px solid rgba(52,211,153,.4)!important;color:#6ee7b7!important;font:800 10px/1 Inter,sans-serif!important;letter-spacing:.14em!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-secure i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#34d399!important;box-shadow:0 0 8px #34d399!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-card{
  max-width:none!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important;padding:20px 16px 18px!important;border-radius:26px!important;
  background:linear-gradient(170deg,#2d1b4e 0%,#1a0f30 70%)!important;border:1px solid rgba(190,150,255,.38)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 40px rgba(147,51,234,.14),inset 0 1px 0 rgba(255,255,255,.08)!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-amt{font-size:40px!important;margin:4px 0 14px!important}

/* QR frame: white tile with 4 purple corner brackets, always square, never clipped */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-qr{
  position:relative!important;display:block!important;width:244px!important;max-width:100%!important;height:244px!important;box-sizing:border-box!important;
  margin:16px auto 14px!important;padding:12px!important;border-radius:22px!important;overflow:visible!important;
  background:#fff!important;border:0!important;
  box-shadow:0 0 0 5px rgba(180,140,255,.22),0 0 0 1px rgba(180,140,255,.55),0 16px 34px rgba(0,0,0,.4)!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-qr #fam-qr-img,
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-qr .mqr-qr-image{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:10px!important;overflow:hidden!important;
  color:#5b4a7a!important;font:600 11.5px/1.4 Inter,sans-serif!important;text-align:center!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-qr img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;background:#fff!important;margin:0!important;image-rendering:pixelated!important}

/* buttons below the QR */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr #gp-pay-view .gp-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;width:100%!important;height:46px!important;margin:0 0 10px!important;padding:0 14px!important;line-height:1!important;border-radius:14px!important;
  font:800 13px/1 Inter,sans-serif!important;letter-spacing:.08em!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr #gp-download-qr{background:rgba(255,255,255,.07)!important;border:1px solid rgba(190,150,255,.4)!important;color:#eadcff!important;box-shadow:none!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr #gp-utr-send{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#032a1d!important;box-shadow:0 8px 20px rgba(16,185,129,.35)!important;border:0!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-cancel{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;margin:14px 0 0!important;border-radius:14px!important;
  background:transparent!important;border:1px solid rgba(190,150,255,.32)!important;color:#d9cbf2!important;font:700 13px/1 Inter,sans-serif!important}

/* processing / verifying / success */
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr.gp-on .gp-proc{display:block!important;padding:18px 12px 14px!important;margin-top:6px!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-steps{display:flex!important;justify-content:center!important;gap:6px!important;list-style:none!important;margin:14px 0 4px!important;padding:0!important}
html:root:root:root:root:root:root:root body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #page-pay-qr .gp-done{margin-top:14px!important}

/* ---------- 3. loading overlay on dashboard ---------- */
#gks-launch{background-color:#150a2e!important}


/* ---------- 4. SMOOTHNESS: remove the heavy always-running effects (they made taps and the menu lag on phones) ---------- */
html body *:not(#_){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.gks-authenticated,html body #main-app.gks-authenticated{animation:none!important}
html body:not(#_) #page-dashboard *,html body:not(#_) #page-dashboard *::before,html body:not(#_) #page-dashboard *::after,
html body:not(#_) #gks-hdr,html body:not(#_) #gks-hdr *,html body:not(#_) #gks-hdr::before,html body:not(#_) #gks-hdr::after,
html body:not(#_) #nav-balance-wrap,html body:not(#_) .topHeader .brandText::before,html body:not(#_) .topHeader .brandText::after{animation:none!important}
html body:not(#_) #page-home #pc-list .pc-card *,html body:not(#_) #page-home #pc-list .pc-card *::before,html body:not(#_) #page-home #pc-list .pc-card *::after{animation-iteration-count:1!important}
/* never show a spinning circle between pages */
html body #gks-page-loader,html body:not(#_) #gks-page-loader.active{display:none!important;visibility:hidden!important;opacity:0!important}
/* menu: instant */
html body:not(#_) #gks-side-drawer,html body:not(#_) #gks-menu-backdrop{contain:layout paint;transition-duration:.12s!important}
html body:not(#_) #gks-side-drawer *{transition:none!important;animation:none!important}
html body:not(#_) #menu-toggle,html body:not(#_) #gks-side-drawer [data-drawer-nav]{touch-action:manipulation!important}