/* Credit store: scoped to keep account settings and listing controls independent. */
:is(.dashboard-page,.credit-store-scope) .token-wallet-card{position:relative;isolation:isolate;min-width:0;max-width:100%;overflow:hidden;margin:0 0 30px;padding:34px 24px 26px;border:1px solid #dce5f6;border-radius:26px;background:radial-gradient(ellipse at 12% 55%,#e9f3ff 0,transparent 45%),radial-gradient(ellipse at 90% 55%,#f0eeff 0,transparent 45%),#fcfdff;box-shadow:0 12px 40px #2353a30a;text-align:center;color:#0a1839;font-family:"DM Sans",sans-serif}
:is(.dashboard-page,.credit-store-scope) .credit-wallet-heading h3{margin:0 0 8px;font-size:clamp(30px,3.7vw,48px);font-weight:850;letter-spacing:-1.8px;line-height:1.15}
:is(.dashboard-page,.credit-store-scope) .credit-wallet-heading p{margin:5px 0;font-size:14px;line-height:1.6;color:#15264c}
:is(.dashboard-page,.credit-store-scope) .credit-wallet-heading p:last-child{color:#7885a1;font-size:13px;max-width:750px;margin:8px auto 0}
:is(.dashboard-page,.credit-store-scope) .credit-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:38px 0 12px;padding:0;overflow:visible}
:is(.dashboard-page,.credit-store-scope) .credit-packs>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:14px 6px 20px;border:1px solid #dde8ff;border-radius:20px!important;background:linear-gradient(160deg,#fff 30%,#f2f9ff);box-shadow:0 12px 22px #2263dc0a;color:#0a1839!important;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;font:inherit}
:is(.dashboard-page,.credit-store-scope) .credit-packs>button:last-child{background:radial-gradient(ellipse at 60% 10%,#fff3d8,transparent 65%),#fff}
:is(.dashboard-page,.credit-store-scope) .credit-packs>button:hover{transform:translateY(-4px);box-shadow:0 14px 26px #2263dc18}
:is(.dashboard-page,.credit-store-scope) .credit-packs>button[aria-pressed=true]{border:2px solid #0864ff;padding:13px 5px 19px;background:linear-gradient(150deg,#f4fcff,#ddf0ff);box-shadow:0 0 0 3px #0864ff12,0 15px 30px #0864ff22}
:is(.dashboard-page,.credit-store-scope) .credit-coin-art{display:block;width:100%;height:auto;max-width:190px;aspect-ratio:220/150;overflow:visible}
:is(.dashboard-page,.credit-store-scope) .credit-packs strong{font-size:clamp(18px,2.1vw,29px);font-weight:850;line-height:1.15;letter-spacing:-.8px;white-space:nowrap}
:is(.dashboard-page,.credit-store-scope) .credit-packs .credit-pack-price{color:#0864ff;font-size:clamp(16px,1.9vw,23px);font-weight:800;white-space:nowrap}
:is(.dashboard-page,.credit-store-scope) .credit-top-count{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:90px;margin-top:3px;padding:9px 12px;border-radius:99px;background:#e0ebff;color:#0755e8;font-size:14px;font-weight:800}
:is(.dashboard-page,.credit-store-scope) [aria-pressed=true] .credit-top-count{background:#0864ff;color:#fff}
:is(.dashboard-page,.credit-store-scope) .credit-packs .credit-popular{position:absolute;top:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #81c8ff;border-radius:99px;padding:8px 13px;background:linear-gradient(120deg,#0089ff,#0755ed);color:#fff;font-size:10px;letter-spacing:.4px;font-weight:800;box-shadow:0 5px 12px #0864ff35}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-credit-summary]{font-size:12px;color:#7685a2;margin:14px 0}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-token-buy]{display:flex;align-items:center;justify-content:center;gap:20px;width:min(100%,380px);min-height:60px;margin:0 auto;padding:16px 24px;border:1px solid #19b4ff;border-radius:19px!important;background:linear-gradient(115deg,#128bff,#0753ed);box-shadow:0 12px 24px #0864ff30;color:white!important;font-size:22px;font-weight:800}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-token-buy]>span:last-child{margin-left:auto;font-size:28px;line-height:1}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-token-buy]>span:first-child{margin-left:auto}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-token-buy]:hover{filter:brightness(1.06)}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card button:focus-visible{outline:3px solid #1856df;outline-offset:4px}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card button:disabled{opacity:.5;cursor:wait}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-credit-error]:empty{display:none}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-credit-error]{color:#ac303e;font-size:13px}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card>details{margin:22px auto 0;max-width:760px;font-size:14px}
:is(.dashboard-page,.credit-store-scope) .token-wallet-card>details>summary{cursor:pointer;color:#263b61;list-style-position:inside}
:is(.dashboard-page,.credit-store-scope) .credit-history{text-align:left;font-size:13px}
@media(max-width:1000px) and (min-width:601px){:is(.dashboard-page,.credit-store-scope) .credit-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}:is(.dashboard-page,.credit-store-scope) .credit-packs>button:nth-child(3){grid-row:1}:is(.dashboard-page,.credit-store-scope) .credit-coin-art{max-width:155px}}
@media(max-width:600px){:is(.dashboard-page,.credit-store-scope) .token-wallet-card{padding:26px 12px;border-radius:20px}:is(.dashboard-page,.credit-store-scope) .credit-packs{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scroll-padding:14%;padding:22px 14% 20px;margin:14px -12px 0;overscroll-behavior-x:contain}:is(.dashboard-page,.credit-store-scope) .credit-packs>button{box-sizing:border-box;flex:0 0 100%;scroll-snap-align:center;min-height:285px;padding:18px 12px}:is(.dashboard-page,.credit-store-scope) .credit-packs>button[aria-pressed=true]{padding:17px 11px}:is(.dashboard-page,.credit-store-scope) .credit-packs strong{font-size:28px}:is(.dashboard-page,.credit-store-scope) .credit-packs .credit-pack-price{font-size:24px}:is(.dashboard-page,.credit-store-scope) .credit-packs .credit-popular{font-size:11px}:is(.dashboard-page,.credit-store-scope) .credit-coin-art{max-width:200px}:is(.dashboard-page,.credit-store-scope) .token-wallet-card [data-token-buy]{min-height:56px;font-size:20px}:is(.dashboard-page,.credit-store-scope) .credit-history li{flex-wrap:wrap}:is(.dashboard-page,.credit-store-scope) .credit-history span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){:is(.dashboard-page,.credit-store-scope) .credit-packs>button{transition:none}}