/* v92 — referral invite card, deposit history cards (SVG icons, filters), compact deposit details sheet.
   Loaded last. Uses its own g92-* classes so older stacked rules cannot fight it. */
:root{--g92-gold:#b582f0;--g92-gold2:#813bd0;--g92-line:rgba(158,109,213,.38);--g92-sub:#a993c2;--g92-ink:#f6eeff;--g92-bg:#1a0f26}

/* =============== 1) REFERRAL — invite card =============== */
html body #page-referral section.rk-ref .rk-linkbox,
html body #page-referral section.rk-ref .rk-goldbtn,
html body #page-referral section.rk-ref .g89-share{display:none!important}
html body #page-referral section.rk-ref .rk-note{margin:0 0 12px!important;font-size:13px!important;line-height:1.5!important;color:var(--g92-sub)!important}

.g92-inv{display:flex;flex-direction:column;gap:10px}
.g92-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.g92-code span{font:600 12px 'Poppins',sans-serif;color:var(--g92-sub)}
.g92-code b{font:800 14px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--g92-gold);padding:3px 11px;border-radius:999px;background:rgba(181,130,240,.09);border:1px solid rgba(181,130,240,.35)}

.g92-field{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 10px 10px 12px;border-radius:16px;cursor:pointer;text-align:left;color:inherit;
  background:#140b1f;border:1.5px solid var(--g92-line);-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s}
.g92-field:active{border-color:var(--g92-gold)}
.g92-field>svg{flex:0 0 18px;width:18px;height:18px;color:var(--g92-gold2)}
.g92-link{flex:1 1 auto;min-width:0;font:600 12px/1.45 'JetBrains Mono',ui-monospace,monospace;color:#e8eeff;overflow-wrap:anywhere;word-break:break-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g92-mini{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(181,130,240,.4);background:rgba(181,130,240,.09);color:var(--g92-gold);cursor:pointer;padding:0}
.g92-mini svg{width:18px;height:18px}

.g92-copy{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:0;border-radius:16px;cursor:pointer;
  font:800 15px 'Poppins',sans-serif;letter-spacing:.01em;color:#10071b;background:linear-gradient(135deg,#c092f5,#813bd0 60%,#6d2eb4);
  box-shadow:0 10px 24px rgba(129,59,208,.28),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .12s,background .2s,color .2s}
.g92-copy:active{transform:scale(.97)}
.g92-copy svg{width:20px;height:20px}
.g92-copy .ok{display:none}
.g92-copy.done{background:linear-gradient(135deg,#34d399,#0f9f6e);color:#03231a;box-shadow:0 10px 24px rgba(16,185,129,.3)}
.g92-copy.done .cp{display:none}.g92-copy.done .ok{display:block}

.g92-or{display:flex;align-items:center;gap:10px;margin:2px 0 0;font:600 11.5px 'Poppins',sans-serif;color:#a89476}
.g92-or::before,.g92-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.g92-share{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g92-share a{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border-radius:14px;text-decoration:none;font:700 13.5px 'Poppins',sans-serif;
  -webkit-tap-highlight-color:transparent;transition:transform .12s,background .15s}
.g92-share a:active{transform:scale(.96)}
.g92-share .ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff}
.g92-share .ic svg{width:15px;height:15px}
.g92-share .wa{color:#8cf0b4;background:rgba(37,211,102,.07);border:1px solid rgba(37,211,102,.32)}
.g92-share .wa .ic{background:#25d366}
.g92-share .tg{color:#8dd3f7;background:rgba(238,114,42,.07);border:1px solid rgba(238,114,42,.32)}
.g92-share .tg .ic{background:#2aabee}
.g92-share a:hover{background-color:rgba(255,255,255,.04)}

/* =============== 2) DEPOSIT HISTORY =============== */
html body #main-app #deposit-history-inline .header-inner h1{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 6px!important;
  font:800 15px 'Poppins',sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--g92-gold)!important;white-space:nowrap!important}
html body #main-app #deposit-history-inline .header-inner h1 svg{width:20px;height:20px;flex:0 0 20px}
html body #main-app #deposit-history-inline .header-inner h1::after{content:""!important;flex:1;height:1px;background:linear-gradient(90deg,rgba(158,109,213,.45),transparent)!important}
html body #main-app #deposit-history-inline .header-inner p{font:500 11.5px/1.5 'Poppins',sans-serif!important;color:var(--g92-sub)!important}
html body #main-app #deposit-history-inline.deposit-history-card{padding:16px 12px 14px!important;border-radius:22px!important}

.g92-filter{display:flex;gap:6px;margin:0 0 12px;padding:4px;border-radius:14px;background:#170d23;border:1px solid rgba(255,255,255,.07)}
.g92-filter button{flex:1 1 0;min-width:0;height:34px;border:0;border-radius:10px;background:transparent;color:var(--g92-sub);cursor:pointer;
  font:700 11.5px 'Poppins',sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.g92-filter button small{margin-left:4px;font:700 10px 'JetBrains Mono',ui-monospace,monospace;opacity:.75}
.g92-filter button.on{color:#10071b;background:linear-gradient(135deg,#c092f5,#813bd0)}
.g92-filter button.on small{opacity:.8}

html body #main-app #depositList{display:flex!important;flex-direction:column!important;gap:9px!important}
html body #main-app #depositList button.deposit-history-item.g92{
  --c:#a993c2;position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
  column-gap:12px!important;row-gap:5px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;margin:0!important;
  padding:11px 12px 11px 14px!important;min-height:0!important;height:auto!important;border-radius:16px!important;text-align:left!important;overflow:hidden!important;cursor:pointer!important;
  background:linear-gradient(160deg,#28183b,#1f122e)!important;border:1px solid color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.06))!important;
  box-shadow:inset 3px 0 0 var(--c),0 6px 16px rgba(0,0,0,.28)!important;transform:none!important;animation:none!important;content-visibility:visible!important;-webkit-tap-highlight-color:transparent}
html body #main-app #depositList button.deposit-history-item.g92::before,
html body #main-app #depositList button.deposit-history-item.g92::after{content:none!important;display:none!important}
html body #main-app #depositList button.deposit-history-item.g92:active{transform:scale(.99)!important}
html body #main-app #depositList button.g92[data-st="approved"]{--c:#34d399}
html body #main-app #depositList button.g92[data-st="expired"]{--c:#ab97c1}
html body #main-app #depositList button.g92[data-st="cancelled"],html body #main-app #depositList button.g92[data-st="failed"]{--c:#fb7185}
html body #main-app #depositList button.g92[data-st="incomplete"]{--c:#7911ef}
html body #main-app #depositList button.g92[data-st="pending"]{--c:#60a5fa}

.g92-ic{grid-row:1/span 2;grid-column:1;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in srgb,var(--c) 13%,#170d23);border:1px solid color-mix(in srgb,var(--c) 42%,transparent)}
.g92-ic svg{width:22px;height:22px}
.g92-amt{grid-column:2;grid-row:1;font:800 18px/1.15 'JetBrains Mono',ui-monospace,monospace;color:#e9eefb;letter-spacing:-.01em}
.g92[data-st="approved"] .g92-amt{color:var(--g92-gold)}
.g92-chip{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;
  font:800 9.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.09em;color:var(--c);
  background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.g92-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.g92-meta{grid-column:2/4;grid-row:2;display:flex;align-items:center;min-width:0;gap:8px;font:500 10.5px/1.3 'Poppins',sans-serif;color:#b29f82}
.g92-meta b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px 'JetBrains Mono',ui-monospace,monospace;color:#c4b1d9}
.g92-meta i{flex:0 0 auto;font-style:normal;white-space:nowrap}
.g92-meta i::before{content:"";display:inline-block;width:3px;height:3px;margin-right:8px;border-radius:50%;background:#883d4a;vertical-align:middle}

html body #main-app #depositList[data-f="paid"] button.g92:not([data-st="approved"]),
html body #main-app #depositList[data-f="pending"] button.g92:not([data-st="pending"]),
html body #main-app #depositList[data-f="failed"] button.g92:is([data-st="approved"],[data-st="pending"]){display:none!important}

/* =============== 3) DEPOSIT DETAILS — centered pop-up card =============== */
html body #deposit-detail-modal#deposit-detail-modal.modal-overlay:not(.hidden){align-items:center!important;justify-content:center!important;padding:16px!important;background:rgba(12,6,19,.72)!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-box{--c:#60a5fa;width:100%!important;max-width:376px!important;max-height:calc(100dvh - 40px)!important;margin:0 auto!important;overflow-y:auto!important;
  padding:14px!important;border-radius:26px!important;border:1.5px solid color-mix(in srgb,var(--c) 55%,#a77dd6)!important;
  background:radial-gradient(120% 70% at 50% -12%,color-mix(in srgb,var(--c) 34%,transparent) 0%,transparent 62%),linear-gradient(165deg,#4a2c6d 0%,#3a2255 52%,#2f1c46 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05) inset,0 0 38px color-mix(in srgb,var(--c) 22%,transparent)!important;
  animation:g92pop .22s cubic-bezier(.2,.9,.3,1.1) both!important}
@keyframes g92pop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
html body #deposit-detail-modal#deposit-detail-modal .modal-box::before{display:none!important;content:none!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-header{margin:0 0 10px!important;padding:0 0 10px!important;gap:8px!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-header h2{font:800 16px/1.2 'Poppins',sans-serif!important;color:#fff!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-header h2::before{content:none!important;display:none!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-header p{margin:5px 0 0!important;padding:3px 9px!important;font-size:11px!important;color:#d1aafd!important;background:rgba(194,143,252,.12)!important;border-color:rgba(194,143,252,.4)!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-status{padding:6px 10px!important;font-size:10px!important;letter-spacing:.09em!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-header .close{flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:21px!important;background:rgba(255,255,255,.12)!important}

html body #deposit-detail-modal#deposit-detail-modal .details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 10px!important}
html body #deposit-detail-modal#deposit-detail-modal .details::before{grid-column:1/-1;padding:8px 12px!important;border-radius:12px!important;font:600 12px/1.4 'Poppins',sans-serif!important;margin:0!important;
  background:color-mix(in srgb,var(--c) 20%,rgba(255,255,255,.04))!important;border:1px solid color-mix(in srgb,var(--c) 55%,transparent)!important;color:#fff!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:3px!important;min-width:0!important;
  padding:9px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row .label{flex:none!important;font:600 10.5px/1.2 'Poppins',sans-serif!important;color:#b9c8ee!important;letter-spacing:.02em!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row .value{flex:none!important;width:100%!important;text-align:left!important;font:700 12.5px/1.35 'Poppins',sans-serif!important;color:#fff!important;overflow-wrap:anywhere!important;word-break:break-word!important}
/* amount / date / user = full width, the rest = pairs */
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(-n+3){grid-column:1/-1!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:first-child{align-items:center!important;padding:10px 12px!important;gap:2px!important;background:linear-gradient(160deg,rgba(194,143,252,.2),rgba(194,143,252,.06))!important;border:1px solid rgba(194,143,252,.5)!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:first-child .label{font-size:10px!important;letter-spacing:.22em!important;color:#d1aafd!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:first-child .value{text-align:center!important;font:900 30px/1.1 'JetBrains Mono',ui-monospace,monospace!important;color:#c18dfc!important;text-shadow:0 0 18px rgba(193,141,252,.35)}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(2),html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(3){flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(2) .value,html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(3) .value{width:auto!important;text-align:right!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(3) .value{font:600 10.5px/1.3 'JetBrains Mono',ui-monospace,monospace!important;color:#dbe5ff!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(4){background:rgba(247,153,99,.16)!important;border-color:rgba(96,165,250,.45)!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(5){background:rgba(249,180,140,.16)!important;border-color:rgba(167,139,250,.45)!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(6){background:color-mix(in srgb,var(--c) 18%,transparent)!important;border-color:color-mix(in srgb,var(--c) 55%,transparent)!important}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(6) .value{color:var(--c)!important;filter:brightness(1.35)}
html body #deposit-detail-modal#deposit-detail-modal .detail-row:nth-child(7){background:rgba(45,212,191,.14)!important;border-color:rgba(45,212,191,.42)!important}

html body #deposit-detail-modal#deposit-detail-modal .admin-box{margin:0 0 10px!important;padding:10px 12px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important}
html body #deposit-detail-modal#deposit-detail-modal .admin-title{margin:0 0 3px!important;font:700 10.5px 'Poppins',sans-serif!important;letter-spacing:.04em!important;text-transform:none!important;color:#9fd0ff!important}
html body #deposit-detail-modal#deposit-detail-modal .admin-name{font:700 12.5px 'Poppins',sans-serif!important;color:#fff!important}
html body #deposit-detail-modal#deposit-detail-modal .admin-action{font:500 11.5px/1.45 'Poppins',sans-serif!important;color:#c9d6f5!important;margin-top:2px!important}

/* verify button: blue/violet gradient pill under the details */
html body #deposit-detail-modal#deposit-detail-modal .modal-box #gks-dv-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0 0 10px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;
  background:linear-gradient(135deg,#38bdf8 0%,#a563f1 60%,#8b5cf6 100%)!important;color:#fff!important;text-transform:none!important;letter-spacing:.02em!important;font:700 13.5px 'Poppins',sans-serif!important;
  box-shadow:0 8px 20px rgba(241,151,99,.4),inset 0 1px 0 rgba(255,255,255,.35)!important}
html body #deposit-detail-modal#deposit-detail-modal .modal-box #gks-dv-btn *{color:#fff!important}
/* the bottom CLOSE button is hidden: the x in the header (or a tap outside the card) closes it */
html body #deposit-detail-modal#deposit-detail-modal .modal-box>button:last-child:not(#gks-dv-btn),html body #deposit-detail-modal#deposit-detail-modal .close-btn,html body #deposit-detail-modal#deposit-detail-modal .modal-close-btn,html body #deposit-detail-modal#deposit-detail-modal .gks-close2{display:none!important}

@media(prefers-reduced-motion:reduce){.g92-copy,.g92-share a{transition:none}}
