/* StellarX credits polish — frontend only. Original metering and checkout unchanged. */
body #usagePill.sxcr-pill{
  position:relative!important;min-height:39px!important;max-width:166px!important;
  padding:7px 12px 9px!important;display:flex!important;align-items:center;gap:7px!important;
  border-radius:12px!important;border:1px solid #5e526e!important;
  background:linear-gradient(120deg,#262130 0%,#211e29 60%,#1b1b22 100%)!important;
  color:#f5efff!important;box-shadow:inset 0 1px #ffffff10!important;white-space:nowrap;
  transition:border-color .17s,background .17s,transform .17s;
}
body #usagePill.sxcr-pill:hover{border-color:#af9bd3!important;background:#302839!important;transform:translateY(-1px)}
body #usagePill.sxcr-pill:focus-visible{outline:2px solid #c5b0ff!important;outline-offset:3px}
body #usagePill.sxcr-pill .stellar-credit-icon{width:19px!important;height:19px!important;flex:none;filter:drop-shadow(0 0 4px #aa8dff77)}
body #usagePill.sxcr-pill .usage-label{display:none!important}
body #usagePill.sxcr-pill::after{content:"";position:absolute;height:2px;left:11px;right:11px;bottom:4px;border-radius:99px;background:linear-gradient(90deg,#c6a7ff var(--sxcr-progress,0%),#51465b var(--sxcr-progress,0%));opacity:0;transition:opacity .16s}
body #usagePill.sxcr-pill.sxcr-has-limit::after{opacity:1}
body #usagePill.sxcr-pill #usageCount{font-size:11px!important;font-weight:650!important;color:#f8f5ff!important;max-width:108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #usagePill.sxcr-pill.sxcr-live #usageCount{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#sxcr-pill-value{display:none;font-size:12px;font-weight:730;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body #usagePill.sxcr-pill.sxcr-live #sxcr-pill-value{display:block}
body #usagePill.sxcr-pill.sxcr-low{border-color:#997454!important}
#sxa-topbtn{display:none!important}
body .top a.cx-studio-shortcut[href="/settings#wallet"]{display:none!important}
.sxa-sheet{background:#050408c7!important;backdrop-filter:blur(5px)}
.sxa-sheet .sxa-panel{
 width:min(650px,100%)!important;max-height:min(90dvh,850px)!important;overflow-y:auto!important;
 background:#14121b!important;border:1px solid #403948!important;
 border-radius:22px!important;padding:24px!important;color:#f6f3fb!important;box-shadow:0 28px 80px #050408bd!important;
 scrollbar-color:#53475f transparent!important;
}
.sxa-sheet .sxa-panel>h2{font-size:21px!important;font-weight:720!important;letter-spacing:-.03em!important;margin:2px 0 5px!important}
.sxa-sheet .sxa-panel>.sxa-x{border:1px solid #504658!important;background:#27222e!important;border-radius:10px!important;margin:-5px -5px 0 0!important;color:#e2d8ef!important;font-size:20px!important}
.sxa-sheet .sxa-panel>.sxa-x:hover,.sxa-sheet .sxa-panel>.sxa-x:focus-visible{border-color:#aa91d1!important;outline-offset:2px}
#sxcr-summary{background:linear-gradient(135deg,#25202f 0%,#1b1824 70%);border:1px solid #544762;border-radius:17px;padding:19px;margin:15px 0 12px;position:relative;overflow:hidden}
#sxcr-summary::before{content:"";position:absolute;width:115px;height:115px;right:-55px;top:-55px;border:24px solid #a383e30d;border-radius:100%}
.sxcr-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sxcr-kicker{font-size:11px;font-weight:700;letter-spacing:.07em;color:#c8bad9;text-transform:uppercase}
.sxcr-status{font-size:10px;color:#b9abce;display:inline-flex;align-items:center;gap:6px}
.sxcr-status::before{content:"";height:6px;width:6px;background:#ad9abf;border-radius:100%}
.sxcr-status[data-ready="true"]::before{background:#75d5a9}
.sxcr-main{display:flex;align-items:baseline;gap:9px;margin:13px 0 9px;flex-wrap:wrap}
.sxcr-main strong{font-size:clamp(32px,7vw,49px);line-height:1.1;letter-spacing:-.055em;color:#fff;font-weight:740;font-variant-numeric:tabular-nums}
.sxcr-main span{color:#c9bed7;font-size:13px;font-weight:550}
.sxcr-explain{font-size:11px!important;color:#bfb5c9!important;margin:2px 0 13px!important;line-height:1.55}
.sxcr-track{height:7px;border-radius:99px;background:#4b4155;overflow:hidden}
.sxcr-fill{height:100%;background:linear-gradient(90deg,#846ac6,#b19aef);width:0;border-radius:inherit;transition:width .3s}
.sxcr-barlabel{display:flex;justify-content:space-between;gap:10px;color:#b5aaca;font-size:10px;margin-top:6px}
.sxcr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.sxcr-stat{padding:10px;border-radius:11px;background:#17141f;border:1px solid #393143;min-width:0}
.sxcr-stat strong{display:block;color:#f7f3ff;font-size:16px;line-height:1.2;font-weight:690;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sxcr-stat span{display:block;color:#bfb3cd;font-size:10px;line-height:1.5;margin-top:5px}
.sxcr-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;flex-wrap:wrap}
.sxcr-footnote{font-size:11px;color:#c1b7d0;line-height:1.6}
.sxcr-refresh{font-size:11px;cursor:pointer;padding:8px 11px;color:#eee3ff;background:#30283c;border:1px solid #5b4b6f;border-radius:9px}
.sxcr-refresh:hover{border-color:#ad90da;background:#41324f}
.sxcr-refresh:focus-visible{outline:2px solid #c4a9ff}
#sxa-wallet.sxcr-ready #sxa-wbody>.sxa-bal{display:none!important}
#sxa-wallet #sxa-wbody>h3{color:#eee7f7!important;font-weight:650!important;font-size:14px!important;letter-spacing:-.01em!important;margin:18px 0 9px!important}
#sxa-wallet #sxa-wbody .sxa-note{color:#bdb3c8!important;line-height:1.65!important}
#sxa-wallet .sxa-hist li{border-color:#3c3547!important;gap:8px!important;padding:12px 2px!important}
#sxa-wallet .sxa-hist li:first-child{border-top:1px solid #3c3547}
#sxa-wallet .sxa-hist small{font-size:11px!important;line-height:1.5!important}
#sxa-wallet .sxa-hist .plus{color:#92dcb9!important}
#sxa-wallet .sxa-top:empty{display:none!important}
@media(max-width:600px){
  .sxa-sheet{padding:0!important;align-items:flex-end!important;backdrop-filter:none}
  .sxa-sheet .sxa-panel{max-height:93dvh!important;width:100%!important;border-radius:19px 19px 0 0!important;border-bottom:0!important;padding:19px 17px 26px!important}
  #sxcr-summary{padding:15px;margin-top:11px}
  .sxcr-cards{gap:6px}.sxcr-stat{padding:9px 8px}.sxcr-stat strong{font-size:15px}
  body #usagePill.sxcr-pill{padding:6px 9px 9px!important;max-width:107px!important;min-height:34px!important}
  body #usagePill.sxcr-pill .stellar-credit-icon{width:16px!important;height:16px!important}
  #sxcr-pill-value{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.sxcr-fill,body #usagePill.sxcr-pill{transition:none!important}}


/* Credit buying motion: previews never move money; verified receipts can celebrate. */
#sxcr-purchase{margin:15px 0;padding:17px;border-radius:16px;border:1px solid #514268;background:linear-gradient(130deg,#262037,#191620);color:#f5efff;position:relative;overflow:hidden}
#sxcr-purchase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,#af8de528,transparent 55%);pointer-events:none}
#sxcr-purchase>*{position:relative}
.sxcr-buy-head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.sxcr-buy-head strong{font-size:15px;font-weight:720}
.sxcr-buy-tag{font-size:10px;color:#e7d5ff;border:1px solid #695581;border-radius:99px;background:#352844;padding:5px 9px}
.sxcr-buy-tag[data-live=true]{color:#9fefc4;background:#224331;border-color:#508d69}
.sxcr-buy-help,.sxcr-buy-disclaimer{color:#c1b3d0!important;font-size:11px!important;line-height:1.6!important;margin:9px 0 13px!important}
.sxcr-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.sxcr-pack{border:1px solid #554b62;background:#292333;border-radius:11px;min-width:0;padding:12px 7px;color:#f8f1ff;cursor:pointer;text-align:left;transition:background .2s,border-color .2s,transform .2s}
.sxcr-pack:hover{background:#392c48;border-color:#c1a0e5;transform:translateY(-2px)}
.sxcr-pack[aria-pressed=true]{background:#413253;border-color:#c3a6fc;box-shadow:inset 0 0 0 1px #c1a0ee55}
.sxcr-pack b{display:block;font-size:17px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.sxcr-pack small{display:block;margin-top:4px;color:#cab8da;font-size:10px;line-height:1.45}
.sxcr-preview{display:flex;align-items:center;justify-content:center;gap:18px;min-height:77px;border:1px dashed #6c5979;border-radius:12px;background:#191622;margin:13px 0 11px}
.sxcr-preview>span{display:grid;gap:1px;text-align:center}.sxcr-preview strong{font-size:18px;font-variant-numeric:tabular-nums}.sxcr-preview small{font-size:10px;color:#a9a0b9}
.sxcr-coin{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;color:#403052;font-weight:900;border:1px solid #e5cbff;background:radial-gradient(circle at 34% 25%,#fff4ff,#c6a3ff 62%,#9771c2);box-shadow:0 0 21px #ad8be955}
.sxcr-coin.sxcr-play{animation:sxcr-fly 1s cubic-bezier(.2,.75,.3,1) both}
@keyframes sxcr-fly{0%{opacity:0;transform:translateX(-42px) scale(.5) rotate(-90deg)}35%{opacity:1;transform:translateX(0) scale(1.3) rotate(20deg)}75%{transform:translateX(19px) scale(.9) rotate(190deg)}100%{transform:translateX(0) scale(1) rotate(360deg)}}
.sxcr-buy-action{display:block;width:100%;min-height:42px;border-radius:10px;background:#9375c8;border:1px solid #b69bdc;color:#fff;font-size:12px;font-weight:720;cursor:pointer}
.sxcr-buy-action:hover{background:#a586d9}.sxcr-buy-action:focus-visible,.sxcr-pack:focus-visible{outline:2px solid #d5baff;outline-offset:3px}
#sxcr-buy-status{margin:8px 0 0;font-size:11px;color:#d5c8e2;line-height:1.5;min-height:17px}
#sxcr-receipt{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#080512e5;padding:15px;backdrop-filter:blur(7px)}
.sxcr-receipt-card{position:relative;overflow:hidden;width:min(400px,100%);border:1px solid #9277c4;border-radius:22px;background:radial-gradient(circle at top,#553b78,#1a1527 72%);color:#faf6ff;padding:34px 26px;text-align:center;box-shadow:0 24px 80px #000b}
.sxcr-receipt-gem{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 16px;border-radius:25px;background:linear-gradient(145deg,#cba7ff,#8663c8);box-shadow:0 0 36px #bca1f262;font-size:34px;animation:sxcr-pop .65s cubic-bezier(.15,1.6,.3,1)}
.sxcr-receipt-card h2{margin:0;font-size:23px}.sxcr-receipt-card p{color:#cfc0df;font-size:12px;line-height:1.65}.sxcr-receipt-amount{font-size:42px;font-weight:790;font-variant-numeric:tabular-nums;margin:13px 0}
.sxcr-receipt-card button{width:100%;min-height:43px;border:0;border-radius:11px;background:#be9aff;color:#2c1b42;font-weight:750;cursor:pointer}
.sxcr-confetti{position:absolute;top:-12px;left:var(--x);width:7px;height:10px;background:var(--c);border-radius:2px;opacity:0;pointer-events:none;animation:sxcr-fall 2.3s ease-out var(--d) forwards}
@keyframes sxcr-pop{from{opacity:0;transform:scale(.45) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes sxcr-fall{0%{opacity:0;transform:translateY(-15px)}18%{opacity:1}100%{opacity:0;transform:translateY(360px) rotate(420deg)}}
#sxa-wallet.sxcr-ready .sxa-top{display:none!important}
@media(max-width:540px){#sxcr-purchase{padding:14px}.sxcr-packs{gap:5px}.sxcr-pack{padding:10px 6px}.sxcr-pack b{font-size:15px}.sxcr-pack small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sxcr-pack{transition:none!important}.sxcr-pack:hover{transform:none}.sxcr-coin.sxcr-play,.sxcr-receipt-gem,.sxcr-confetti{animation:none!important}}