/* Blessed Panel v1.9.6 — visual layer only. No checkout or API logic is altered. */
:root{
 color-scheme:dark;
 --bg:#0b1016;--panel:#161c25;--panel2:#1d2530;
 --border:#303843;--muted:#97a3b7;--text:#f4f4f6;
 --accent:#eabf72;--accent2:#a77b39;--green:#4cd3a2;
 --shadow:0 18px 52px rgba(0,0,0,.24);
 --gbs-aqua:#e4b869;--gbs-sky:#f2d59e;--gbs-gold:#f2c578;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:radial-gradient(ellipse at 79% -15%,rgba(180,136,68,.065),transparent 40%),linear-gradient(180deg,#0d1219,#0a0f16 78%);color:#f0f1f5;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,select,input,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
button:active:not(:disabled){transform:scale(.986)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f1cb84;outline-offset:2px}
.top{height:72px!important;background:rgba(14,18,24,.96)!important;border-bottom:1px solid rgba(234,191,114,.12)!important;
 box-shadow:0 5px 20px rgba(0,0,0,.14);padding:0 clamp(13px,2.2vw,32px)}
.brand{gap:12px}.brand strong{font-size:17px;letter-spacing:-.035em;color:#f6f0e5}.brand small{color:#a9a19a;letter-spacing:.015em}
.mark,.mark.big,.boot-splash .boot-mark{padding:0!important;border-radius:50%!important;overflow:hidden!important;border:1px solid rgba(237,186,92,.58)!important;background:#080808!important;box-shadow:0 0 0 3px rgba(220,164,80,.06)!important;text-shadow:none!important}
.mark{width:43px;height:43px}.mark.big{width:75px;height:75px;display:flex;margin:0 auto 20px}.mark img,.boot-mark img{width:100%;height:100%;object-fit:cover;display:block}
.side{top:72px;background:linear-gradient(170deg,#121820,#10151d)!important;border-right:1px solid rgba(234,191,114,.13)!important;width:254px}
.section-label{color:#8a8f9a;letter-spacing:1.3px}
.nav{color:#d4dce5;border-radius:11px!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important}
.nav:hover{background:rgba(231,185,99,.07)!important;border-color:rgba(234,191,114,.13)!important;color:#fff}
.nav.active{background:linear-gradient(105deg,rgba(192,142,65,.22),rgba(222,183,111,.075))!important;border:1px solid rgba(236,192,117,.46)!important;color:#ffe2a2!important;box-shadow:inset 3px 0 0 #ddb36e!important}
.nav.active span{color:#f5ce84}.nav i{color:#8d9199}
.sidefooter{color:#9c998f}.sidefooter small{color:#99856a}
.content{padding-top:26px;max-width:none}
.topbalance{border-color:rgba(218,173,99,.26);background:#1b2027;color:#f8e3ba}
.userbadge{background:linear-gradient(125deg,#3b2b17,#876336);color:#fff2d9}
.live{color:#a5aab0}
.card{border-radius:18px!important;background:linear-gradient(145deg,#19212c,#141b25)!important;border:1px solid #2d3743!important;box-shadow:0 10px 32px rgba(0,0,0,.15)!important}
.pagehero{border-radius:19px!important;background:linear-gradient(110deg,#18232d,#1a1c24 73%)!important;border:1px solid rgba(215,171,92,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.1)}
.eyebrow{color:#eac477!important;font-size:10px;letter-spacing:.14em!important}
.pagehero h1{color:#f7f7f6;letter-spacing:-.045em}.pagehero p{color:#a6b1c3}
.primary{background:linear-gradient(110deg,#e7ba6c,#f2d08e)!important;color:#211a11!important;border:1px solid #eed49d!important;box-shadow:0 8px 22px rgba(177,122,43,.12)!important}
.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 12px 27px rgba(177,122,43,.2)!important;transform:translateY(-1px)}
.secondary,.iconbtn{background:#212630;border:1px solid #353d4b;color:#ebeef3}
.secondary:hover,.iconbtn:hover{background:#2c3037;border-color:rgba(230,183,104,.52);color:#ffe7bd}
.input,select,textarea,input{background:#1e2530;color:#f3f3f6;border:1px solid #394250;border-radius:12px}
input:focus,select:focus,textarea:focus{border-color:#dbb36b;box-shadow:0 0 0 3px rgba(215,166,87,.12)}
input::placeholder,textarea::placeholder{color:#8997a8}
.authpage{background:radial-gradient(circle at 51% 20%,rgba(159,113,50,.13),transparent 43%),#0b1016}
.authbox{background:#171d26;border:1px solid rgba(225,180,104,.22);border-radius:22px}
.authswitch button.selected{background:#403226;color:#ffdda0}
.boot-splash{background:radial-gradient(circle at 50% 20%,#372a1d,#11151c 45%,#0b1016)}
.boot-splash .boot-mark{width:74px;height:74px;margin-bottom:18px}
.boot-splash #boot-message{color:#9ca9b4}
.metric,.summarybox{background:#1a222d;border:1px solid #34404a;border-radius:14px}
.metric .value{color:#f6f7f9}
.pill.completed{background:#183e35;color:#79e0b9}
.pill.processing,.pill.submitting,.pill.review{background:#3c3221;color:#eac77d}
.orderbox{background:#1a212c;border:1px solid #343d4b;border-radius:15px;box-shadow:0 5px 18px rgba(0,0,0,.1)}
.orderbox:hover{border-color:rgba(233,188,114,.5);box-shadow:0 12px 28px rgba(0,0,0,.19)}
.gbs-order-card{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.gbs-order-card:hover{transform:translateY(-2px)}
.gbs-gallery .gbs-product{background:#121c26;border:1px solid #354251;border-radius:17px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.gbs-gallery .gbs-product:hover{transform:translateY(-3px);border-color:#b9955c;box-shadow:0 15px 30px rgba(0,0,0,.22)}
.gbs-gallery .gbs-product-details b{color:#f1c776}
.gbs-brand-chip{background:#17212b;color:#c6d0db;border:1px solid #3d4b58}
.gbs-brand-chip.selected,.gbs-brand-chip:hover{border-color:#e4b96d;color:#ffe1aa;background:rgba(199,149,66,.15)}
.gbs-findbar input{background:#141e29!important;border-color:#354556!important}
.gbs-catalog-card{background:linear-gradient(145deg,#182430,#121b26)!important}
.gbs-steam-pay{border-color:#c09455!important}
.gbs-steam-form-card,.gbs-steam-summary{background:#1a202a!important;border-color:#35404e!important}
.gbs-steam-currency.active{border-color:#dbb36c;background:#403323;box-shadow:0 0 0 1px rgba(219,179,108,.25)}
.gbs-steam-summary-total{border-color:#c39d60;background:linear-gradient(110deg,#3a3124,#292830)}
.gbs-steam-rates-button:hover{border-color:#d2aa67!important}
.modal-backdrop{background:rgba(5,7,10,.78)}.modal{border:1px solid #5d4c38;border-radius:19px;background:#1a2029;box-shadow:0 38px 110px #0009}

/* Group product detail — FaireCards-inspired purchase hierarchy with native Blessed Panel visuals. */
.bp-product-shell{display:flex;flex-direction:column;gap:16px;min-width:0;animation:bp-appear .26s ease both}
.bp-product-layout{display:grid;grid-template-columns:minmax(245px,.95fr) minmax(0,2.15fr);gap:14px;align-items:start}
.bp-product-aside,.bp-offer-panel,.bp-summary{background:#191f28;border:1px solid #323a48;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.bp-product-aside{padding:13px;min-width:0;display:flex;flex-direction:column;gap:12px}
.bp-product-media{width:100%;aspect-ratio:1/1;max-height:430px;overflow:hidden;border-radius:13px;background:#0d1118;display:grid;place-items:center;border:1px solid #292f38}
.bp-product-media .gbs-art{display:block;width:100%;height:100%;aspect-ratio:1/1;position:relative}
.bp-product-media .gbs-art-cover{display:block;width:100%;height:100%;object-fit:contain!important;position:absolute;inset:0;z-index:5;background:#0e1118}
.bp-product-media .gbs-art.gbs-art-loaded .gbs-art-cover{opacity:1;visibility:visible}
.bp-product-media .gbs-art.gbs-art-loaded .gbs-art-heading,.bp-product-media .gbs-art.gbs-art-loaded .gbs-art-logo{display:none}
.bp-product-media .gbs-art-badge{display:none}
.bp-art-fallback{padding:24px;color:#fff;font-size:25px;font-weight:800}
.bp-product-title{font-size:16px;font-weight:800;color:#f4f5f8;line-height:1.4}
.bp-product-note{border:1px solid #735827;background:rgba(134,94,36,.15);border-radius:12px;padding:13px;display:flex;gap:10px;color:#f0d7a4;font-size:12px;line-height:1.55}
.bp-product-note strong{display:block;color:#f5c974;margin-bottom:7px}
.bp-product-note p{margin:0;white-space:pre-line;color:#d9c8aa;overflow-wrap:anywhere}
.bp-note-icon{color:#ffce75;font-size:18px;font-weight:900}
.bp-product-assurance{display:flex;gap:9px;align-items:center;padding:12px;color:#aab5c4;background:#141d26;border-radius:12px;font-size:12px}
.bp-product-assurance span{color:#cda25d;font-size:17px}
.bp-offer-panel{min-width:0;padding:17px;display:flex;flex-direction:column;gap:13px}
.bp-offer-top{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:3px 1px 4px}
.bp-offer-top h2{font-size:17px;letter-spacing:-.02em;margin:0 0 6px}
.bp-offer-top p{font-size:12px;color:#8d9cac;margin:0}
.bp-stock-indicator{font-size:11px;color:#d4bb88;white-space:nowrap;background:#30291e;border:1px solid #55472d;border-radius:20px;padding:6px 10px}
.bp-offer-search-wrap input{width:100%;padding:12px 13px;background:#101822}
.bp-offer-list{max-height:510px;min-height:220px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px 3px 2px 1px;scrollbar-width:thin;scrollbar-color:#5a5360 transparent}
.bp-offer-row{width:100%;display:flex;gap:14px;justify-content:space-between;align-items:center;text-align:left;min-height:60px;padding:11px 15px;border-radius:12px;background:#202630;border:1px solid #363c48;color:#f0f3f8;cursor:pointer}
.bp-offer-row:hover{border-color:#9d7c49;background:#292b31}
.bp-offer-row.selected{border-color:#d3a85e;background:linear-gradient(110deg,rgba(187,140,65,.18),#252731);box-shadow:inset 0 0 0 1px rgba(211,168,94,.25)}
.bp-offer-row[hidden]{display:none}
.bp-offer-label{font-size:13px;font-weight:800;overflow-wrap:anywhere}
.bp-offer-side{display:flex;flex-direction:column;gap:3px;text-align:right;flex-shrink:0}
.bp-offer-side strong{font-size:14px;color:#f5e4c5;font-variant-numeric:tabular-nums}
.bp-offer-side small{color:#98a9b8;font-size:10px}
.bp-no-results{text-align:center;color:#96a3b3;padding:20px}
.bp-summary{padding:0;overflow:hidden}
.bp-summary-head{padding:16px 18px;border-bottom:1px solid #343944;display:flex;align-items:center;justify-content:space-between;gap:8px}
.bp-summary-head h3{font-size:15px;margin:0}
.bp-summary-head span{font-size:11px;color:#a0acbd}
.bp-summary-rows{display:grid;gap:8px;padding:12px 18px}
.bp-summary-rows>div{background:#20252f;border:1px solid #343c49;border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.bp-summary-rows span{color:#9da9ba;font-size:12px}
.bp-summary-rows strong{font-size:12px;text-align:right;color:#f1f1f4}
.bp-summary-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:16px 18px;background:#141920;border-top:1px solid #303845}
.bp-total span{display:block;font-size:11px;color:#b9a27c;font-weight:750;margin-bottom:4px}
.bp-total strong{font-size:22px;color:#f7d69b;font-variant-numeric:tabular-nums}
.bp-summary-actions{display:flex;align-items:center;justify-content:end;gap:12px}
.bp-qty{display:flex;align-items:center;border:1px solid #3b4654;border-radius:12px;background:#242a34;overflow:hidden}
.bp-qty button{background:transparent;border:0;min-width:36px;height:42px;color:#f5e1ba;font-weight:900;font-size:21px}
.bp-qty output{min-width:34px;text-align:center;font-weight:850;font-variant-numeric:tabular-nums}
.bp-qty button:hover:not(:disabled){background:#4a3a27}
.bp-continue{min-width:215px;min-height:44px;border-radius:12px!important;font-size:13px}
@keyframes bp-appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#screen>.pagehero,#screen>.card,#screen>.grid{animation:bp-appear .22s ease both}
@media(max-width:1000px){.bp-product-layout{grid-template-columns:minmax(220px,1fr) minmax(0,1.5fr)}.bp-offer-list{max-height:450px}}
@media(max-width:760px){.side{top:60px}.bp-product-layout{grid-template-columns:1fr}.bp-product-aside{max-width:none}.bp-product-media{max-width:380px;margin:auto}.bp-offer-list{max-height:370px}.bp-summary-footer{flex-wrap:wrap}.bp-summary-actions{width:100%}.bp-continue{flex:1;min-width:0}.bp-summary-rows>div{align-items:start}.bp-summary-rows strong{max-width:65%}}
@media(max-width:430px){.bp-offer-panel{padding:12px}.bp-product-aside{padding:11px}.bp-stock-indicator{display:none}.bp-summary-footer{padding:14px}.bp-summary-actions{gap:8px}.bp-offer-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.top{height:64px!important}.side{top:64px!important}.brand small{display:none}}
.bp-product-media .gbs-art-cover{padding:0!important}

/* v1.9.7: keep details artwork bounded even on oversized gift-card images. */
#screen .bp-product-media .gbs-art-cover{object-fit:contain!important;max-height:100%!important;max-width:100%!important}
#screen .bp-product-media{background:linear-gradient(140deg,#141b24,#0c1017)!important}

/* V1.9.8: isolate detail artwork from generic catalog tile sizing */
#screen .bp-product-layout{display:grid!important;grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;align-items:start!important;gap:16px!important}
#screen .bp-product-aside{width:100%!important;min-width:0!important;max-width:320px!important;overflow:hidden!important}
#screen .bp-product-media{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-width:292px!important;max-height:292px!important;margin:0 auto!important;overflow:hidden!important}
#screen .bp-product-media>.bp-detail-image{display:block!important;position:relative!important;inset:auto!important;flex:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:10px!important;background:#101620!important}
#screen .bp-product-media>.bp-detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;overflow-wrap:anywhere;color:#e9d1a4;font-size:15px;font-weight:700;background:linear-gradient(150deg,#253448,#111720)}
@media(max-width:790px){#screen .bp-product-layout{grid-template-columns:minmax(0,1fr)!important}#screen .bp-product-aside{max-width:100%!important}#screen .bp-product-media{max-width:280px!important;max-height:280px!important}}

/* v1.9.9: fixed chrome, accessible language control & notifications */
.top{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:80!important;isolation:isolate}
#app.layout{padding-top:72px;min-height:100vh}
.side{position:fixed!important;top:72px!important;bottom:0!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39404b transparent}
.content{min-width:0;overflow-x:clip}
.bp-lang{display:flex;align-items:center;border:1px solid #343b46;background:#151b23;padding:3px;border-radius:11px;gap:2px}
.bp-lang-button{padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#99a5b7;font-size:11px;font-weight:800;cursor:pointer}
.bp-lang-button.selected,.bp-lang-button[aria-pressed="true"]{color:#f3cf8b;background:#303039;box-shadow:0 1px 5px #0006}
.bp-notices{position:relative;flex-shrink:0}.bp-notice-toggle{display:grid;place-items:center;width:38px;height:38px;position:relative}
.bp-pin-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:#f1c477;border:1px solid #161b22;border-radius:50%}
.bp-notice-menu{position:absolute;top:calc(100% + 12px);right:-46px;width:min(390px,calc(100vw - 25px));max-height:min(520px,calc(100vh - 90px));overflow:auto;padding:12px;background:#1a202a;border:1px solid #394252;border-radius:17px;box-shadow:0 22px 60px #000b;z-index:100;color:#e9edf2}
.bp-notice-menu[hidden]{display:none!important}
.bp-notice-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;border-bottom:1px solid #363c49}
.bp-notice-head strong{font-size:15px}.bp-notice-close{border:0;background:none;color:#9da5b4;font-size:22px;cursor:pointer}
.bp-pinned-channel{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 12px;background:linear-gradient(115deg,#213447,#1b252f);border:1px solid #3a5364;border-radius:13px;text-decoration:none;color:#f6f8fa}
.bp-pinned-channel:hover{border-color:#d8b672;background:#293d4e}
.bp-channel-symbol{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:#197da0;color:white;font-size:21px}
.bp-pinned-channel b{display:block;font-size:13px}.bp-pinned-channel small{display:block;color:#81c6ed;margin:5px 0;font-size:11px}.bp-channel-description{display:block;font-size:11px;line-height:1.4;color:#b3c0cb}
.bp-pin-label{align-self:flex-start;margin-left:auto;font-size:9px;background:#51402a;color:#ffdc9a;padding:5px;border-radius:8px;white-space:nowrap}
.bp-notice-help{padding:15px 8px 5px}.bp-notice-help p{font-weight:750;font-size:13px;margin:0 0 5px}.bp-notice-help>span{display:block;color:#a7b0c1;font-size:11px;line-height:1.5}
.bp-suggest-button{margin-top:14px;width:100%;border:1px solid #aa824b;background:#2e2a27;color:#f4d49e;padding:11px;border-radius:10px;font-weight:750;cursor:pointer}.bp-suggest-button:hover{background:#403326}
#bp-suggestion-info{margin-top:0;color:#deb96f}
#bp-ticket-order-label[hidden]{display:none!important}
@media(max-width:760px){#app.layout{padding-top:64px}.top{height:64px!important}.side{top:64px!important}.bp-notice-menu{right:-58px}.topright{gap:6px!important}.bp-lang-button{padding:7px 6px}.topbalance{padding:8px!important}.bp-notice-toggle{width:34px;height:34px}}
@media(max-width:440px){.brand strong{font-size:13px}.brand .mark{width:31px;height:31px}.topright .userbadge{display:none}.bp-notice-menu{right:-72px}.topright .live{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

/* Blessed Panel v1.9.13 — refined readable typography */
:root{font-family:"Manrope","Segoe UI Variable","Segoe UI",system-ui,sans-serif!important}
html,body,button,input,select,textarea{font-family:"Manrope","Segoe UI Variable","Segoe UI",system-ui,sans-serif!important}
body{font-size:14px;letter-spacing:-.008em;line-height:1.5}
h1,h2,h3,.brand strong{font-weight:800;letter-spacing:-.035em}
button,select,input,textarea{font-weight:inherit}
.nav{font-weight:700!important;letter-spacing:-.01em}
.bp-balance-overview{padding:24px!important;min-height:245px;display:flex;flex-direction:column;justify-content:flex-start}
.bp-balance-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.bp-balance-value{font-size:clamp(29px,3vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:#fff}
.bp-balance-caption{font-size:13px;color:#a4b1c1;margin-top:4px}
.bp-balance-open{border:1px solid #95713c;background:#25272c;color:#ffe1aa;border-radius:13px;padding:12px 16px;font-weight:800;white-space:nowrap;box-shadow:0 8px 25px #0002}
.bp-balance-open:hover:not(:disabled){border-color:#e4b769;background:#312a23;transform:translateY(-2px)}
.bp-balance-open span{opacity:.9;font-size:17px;margin-left:9px}
.bp-balance-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}
.bp-balance-metrics>div{padding:15px 17px;background:rgba(7,12,19,.25);border:1px solid rgba(190,201,217,.13);border-radius:14px;display:grid;gap:4px}
.bp-balance-metrics small,.bp-balance-metrics span{font-size:11px;color:#91a3b6}
.bp-balance-metrics strong{font-size:19px;color:#f3f5f8;font-weight:800;line-height:1.3}
.bp-balance-unavailable{font-size:12px;color:#d5ae74;margin-top:20px}
.bp-balance-actions{padding:22px!important}
.bp-balance-actions .action{min-height:67px}
.bp-balance-histories{margin-top:16px}
/* bottom-sheet top-up: CSS-only motion and interaction accessibility */
body.bp-topup-locked{overflow:hidden}
.bp-topup-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.bp-topup-shade{position:absolute;inset:0;background:rgba(2,7,13,.0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .3s ease,backdrop-filter .3s ease;pointer-events:auto}
.bp-topup-panel{position:relative;z-index:1;width:min(100%,720px);max-height:min(90dvh,900px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(160deg,#202834,#141a23 75%);color:#f3f5f8;border:1px solid rgba(229,189,123,.29);border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -25px 75px rgba(0,0,0,.48);padding:15px clamp(18px,4vw,34px) 26px;transform:translateY(105%);opacity:.45;transition:transform .42s cubic-bezier(.2,.87,.23,1),opacity .28s ease;pointer-events:auto}
.bp-topup-visible .bp-topup-shade{background:rgba(2,7,13,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bp-topup-visible .bp-topup-panel{transform:translateY(0);opacity:1}
.bp-topup-handle{width:43px;height:4px;border-radius:20px;background:#607080;margin:0 auto 24px;opacity:.6}
.bp-topup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;border-bottom:1px solid #38414d}
.bp-topup-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;color:#d8ad68;margin-bottom:6px}
.bp-topup-header h2{font-size:clamp(20px,3vw,26px);letter-spacing:-.045em;margin:0 0 4px;color:#f9fafb}
.bp-topup-header p{margin:0;color:#9eadbd;font-size:12px}
.bp-topup-close{width:36px;height:36px;flex:0 0 auto;border-radius:11px;border:1px solid #3c4655;background:#28313d;font-size:25px;line-height:1;color:#b8c5d3}
.bp-topup-close:hover{background:#394354;color:white}
.bp-topup-content{padding-top:20px}
.bp-topup-step{display:flex;align-items:center;gap:9px;color:#d9c2a0;font-size:12px;font-weight:700;margin-bottom:19px}
.bp-step-index{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#272013;background:#e8bd73;font-size:11px;font-weight:800}
.bp-topup-form{display:flex;flex-direction:column;gap:12px}
.bp-topup-label{font-size:12px;font-weight:700;color:#e6e9ef}
.bp-topup-amount-wrap{display:flex;align-items:center;gap:16px;padding:10px 15px;border:1px solid #4c5362;border-radius:14px;background:#252e3a;min-height:64px}
.bp-topup-amount-wrap:focus-within{border-color:#e2b974;box-shadow:0 0 0 3px #e2b97417}
.bp-topup-amount-wrap>span{color:#caa76c;font-size:15px;font-weight:800}
.bp-topup-amount-wrap input{width:100%;font-weight:800!important;font-size:25px;letter-spacing:-.025em;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-width:0;color:#fff}
.bp-topup-amount-wrap input::-webkit-inner-spin-button,.bp-topup-amount-wrap input::-webkit-outer-spin-button{-webkit-appearance:none}
.bp-topup-presets{display:flex;flex-wrap:wrap;gap:9px;padding-top:1px}
.bp-topup-preset{padding:10px 14px;border:1px solid #3a4654;border-radius:10px;color:#cdd8e3;background:#242c38;font-weight:700;font-size:12px}
.bp-topup-preset.selected,.bp-topup-preset:hover{color:#ffe1a4;border-color:#b99050;background:#3b3229}
.bp-topup-network-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.bp-topup-network-header>span:last-child{font-size:11px;color:#8093a5}
.bp-topup-networks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bp-topup-network{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;border:1px solid #394554;border-radius:14px;min-height:79px;padding:13px;background:#232b36;cursor:pointer;font-size:12px;color:#f2f3f6;position:relative;transition:background .18s,border-color .18s,transform .18s}
.bp-topup-network:hover{border-color:#9f8159;background:#2d3340}
.bp-topup-network.selected{border-color:#dfb270;background:linear-gradient(110deg,#383126,#262f39);box-shadow:inset 0 0 0 1px #dfb27055}
.bp-topup-network input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.bp-topup-network:focus-within{outline:2px solid #e8be79;outline-offset:2px}
.bp-topup-network-icon{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;background:#153d38;color:#64dfbc;border-radius:12px;font-weight:800;font-size:27px}
.bp-topup-network strong{display:block;color:#f5f6f9;font-weight:800;font-size:12px}.bp-topup-network small{display:block;color:#93a2b6;margin-top:4px;font-size:11px;font-weight:500}
.bp-network-check{margin-left:auto;color:#f7cb88;opacity:0}.bp-topup-network.selected .bp-network-check{opacity:1}
.bp-topup-hint{display:flex;align-items:flex-start;gap:10px;margin:8px 0 0;padding:12px 13px;background:rgba(227,180,106,.075);border:1px solid rgba(227,180,106,.19);border-radius:12px;color:#bea789}
.bp-topup-hint span{font-size:17px}.bp-topup-hint p{margin:1px 0 0;font-size:11px;line-height:1.7;color:#c5b6a1}
.bp-topup-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #34404d;margin-top:8px;padding-top:18px}
.bp-topup-submit small{display:block;color:#99aaba;font-size:11px}.bp-topup-submit strong{display:block;font-size:20px;color:#f0d3a4;font-weight:800;margin-top:2px}
.bp-topup-primary{background:linear-gradient(110deg,#e7ba6c,#f6d89d);border:1px solid #f5dbab;border-radius:12px;padding:14px 24px;min-width:192px;font-weight:800;color:#2b2216;box-shadow:0 10px 24px #0002}
.bp-topup-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.bp-topup-primary span{margin-left:10px}
.bp-topup-payhead{display:flex;justify-content:space-between;align-items:center;border:1px solid #4c4439;border-radius:13px;background:#2c2925;padding:17px;gap:10px}.bp-topup-payhead>span{font-size:12px;color:#b7a68e}.bp-topup-payhead strong{font-size:27px;color:#ffdfaa}.bp-topup-payhead small{font-size:13px}
.bp-topup-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.bp-topup-badges span{background:#252f3b;border:1px solid #3b4655;color:#b1c0cf;padding:8px 11px;border-radius:10px;font-size:11px}
.bp-topup-invoice-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:start;margin:18px 0}
.bp-topup-qr{background:#fff;padding:9px;border-radius:13px;width:170px;height:170px}.bp-topup-qr img{display:block;width:100%;height:100%;object-fit:contain}
.bp-topup-address{display:flex;flex-wrap:wrap;gap:9px}.bp-topup-address-label{width:100%;color:#9fb0c0;font-size:12px}.bp-topup-address-value{width:100%;overflow-wrap:anywhere;background:#121a23;padding:13px;border:1px solid #3e4854;border-radius:12px;color:#f0f4f8;font-family:ui-monospace,monospace;font-size:12px}
.bp-topup-secondary{border-radius:10px;border:1px solid #4e5660;background:#2a3039;padding:10px 12px;color:#e9edf2;font-size:11px;font-weight:700}.bp-topup-secondary:hover{border-color:#e0b772}
.bp-topup-status{display:flex;align-items:center;gap:10px;background:#26313e;border:1px solid #3c4958;border-radius:12px;padding:14px;font-size:12px;color:#cad6e0;margin:13px 0}
.bp-status-led{width:8px;height:8px;border-radius:50%;background:#e9b869;box-shadow:0 0 0 4px #e9b86916}.bp-topup-status.paid .bp-status-led{background:#43d69e}.bp-topup-status.expired .bp-status-led{background:#ec7c86}
.bp-topup-check{width:100%;margin-top:3px}.bp-topup-link{display:block;margin:9px auto 0;border:0;background:transparent;color:#9cabba;font-size:12px;padding:9px}
@media(max-width:760px){.bp-balance-metrics{gap:8px}.bp-topup-panel{border-radius:23px 23px 0 0}.bp-topup-networks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.bp-topup-panel{padding:12px 16px 22px;max-height:94dvh}.bp-topup-networks{gap:8px}.bp-topup-network{min-height:72px;padding:9px;gap:7px}.bp-topup-network-icon{flex-basis:34px;width:34px;height:34px;font-size:22px}.bp-topup-network small{font-size:9px}.bp-topup-submit{gap:10px}.bp-topup-primary{min-width:135px;padding:13px 17px}.bp-topup-invoice-grid{grid-template-columns:1fr;justify-items:center}.bp-topup-address{width:100%}.bp-balance-overview{padding:17px!important}}
@media(prefers-reduced-motion:reduce){.bp-topup-panel,.bp-topup-shade{transition:none!important}.bp-topup-panel{transform:none}}


/* Blessed Panel v1.9.14 — compact FazerCards-inspired navigation typography */
#side.side {
  font-family: "Inter", "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#side .nav {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.012em !important;
  min-height: 39px;
  padding: 9px 11px;
  gap: 10px;
}
#side .nav > span {
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  width: 18px;
  flex: 0 0 18px;
}
#side .nav > i {
  font-family: inherit;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1;
}
#side .section-label {
  font-family: inherit;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.115em !important;
  line-height: 1.45;
  text-transform: uppercase;
}
#side .sidefooter {
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
}
#side .nav:focus-visible { outline-offset: -2px; }
@media (max-width:760px) {
  #side .nav { font-size: 13px !important; min-height: 42px; }
}


/* Blessed Panel v1.9.15 — accessible reading sizes, visual only.
   Keep the v1.9.14 compact Inter sidebar intact; improve the secondary text
   inside the main content. No zoom/transform scaling. */
#content .card h3 {
  font-size: 16px;
  font-weight: 750;
  line-height: 1.38;
  letter-spacing: -.018em;
}
#content .card .mini-sub,
#content .mini-sub {
  font-size: 13px;
  line-height: 1.55;
  color: #aebacd;
}
/* Home page action shortcuts and account shortcuts. */
#content .card > .action,
#content .bp-balance-actions .action {
  min-height: 74px;
  padding: 13px 15px;
  gap: 14px;
  border-radius: 12px;
}
#content .action b,
#content .action > span > b,
#content .action strong {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}
#content .action small {
  font-size: 12.5px;
  line-height: 1.5;
  color: #aab6c9;
  margin-top: 4px;
}
#content .action .arrow {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  font-size: 16px;
}
/* Readable labels in dashboard and product cards. */
#content .metric .label,
#content .metric .sub {
  font-size: 12px;
  line-height: 1.45;
  color: #a8b5c8;
}
#content .label { font-size: 12.5px; line-height: 1.45; }
#content .subtitle { font-size: 16px; line-height: 1.4; }
#content .small { font-size: 13px; }
#content .tiny { font-size: 12px; }
#content .prodtext strong,
#content .gbs-gallery .gbs-product-details strong { font-size: 13px; line-height: 1.42; }
#content .prodtext small,
#content .gbs-product-details small { font-size: 12px; line-height: 1.5; color: #a8bbce; }
#content .orderbox .order-title { font-size: 12px; line-height: 1.5; color: #aab7cc; }
#content .orderbox strong { font-size: 13px; }
#content .pill { font-size: 11.5px; line-height: 1.4; }
#content .gbs-item-count { font-size: 13px; }
#content .gbs-search-label { font-size: 12px; }
#content .bp-offer-top p,
#content .bp-offer-side small,
#content .bp-summary-head span,
#content .bp-balance-metrics small,
#content .bp-balance-metrics span { font-size: 12px; line-height: 1.5; }
#content .bp-offer-label { font-size: 14px; line-height: 1.4; }
#content .bp-summary-rows span,
#content .bp-summary-rows strong { font-size: 13px; line-height: 1.5; }
#content .bp-stock-indicator { font-size: 12px; }
/* Make deposit help labels readable without crowding the slide-up panel. */
.bp-topup-panel .bp-topup-header p,
.bp-topup-panel .bp-topup-step,
.bp-topup-panel .bp-topup-label,
.bp-topup-panel .bp-topup-network strong,
.bp-topup-panel .bp-topup-preset,
.bp-topup-panel .bp-topup-address-label,
.bp-topup-panel .bp-topup-status { font-size: 13px; }
.bp-topup-panel .bp-topup-network small,
.bp-topup-panel .bp-topup-hint p,
.bp-topup-panel .bp-topup-submit small,
.bp-topup-panel .bp-topup-badges span { font-size: 12px; line-height: 1.45; }
/* System labels should be visible but visually secondary. */
#content .callout { font-size: 13px; line-height: 1.55; }
#content .tablelist th { font-size: 12px; }
#content .tablelist td { font-size: 13px; }
/* No change to #side typography from V1.9.14. */
@media(max-width:760px) {
 #content .card h3 {font-size:15px;}
 #content .card > .action,
 #content .bp-balance-actions .action {min-height:70px; padding:12px 13px;}
 #content .action small {font-size:12px;}
 #content .bp-offer-label {font-size:13px;}
}


/* Blessed Panel V1.9.16 variant 4: Rubik. Visual change only.
   Typography override is applied at end, after V1.9.14/15 overrides.
   Icon glyphs and monospace addresses keep their dedicated font. */
:root { --bp-font-ui: "Rubik", "Segoe UI", system-ui, sans-serif; }
html, body, button, input, select, textarea,
#app.layout, #side.side, #content.content, #auth.authpage,
.top, .modal, .bp-topup-panel {
 font-family: var(--bp-font-ui) !important;
 font-optical-sizing: auto;
 font-kerning: normal;
 text-rendering: optimizeLegibility;
}
#side.side .nav, #side.side .section-label, #side.side .sidefooter {
 font-family: inherit !important;
}
/* Never apply the UI font to mono code or symbolic navigation icons. */
#side.side .nav > span { font-family: "Segoe UI Symbol", "Segoe UI", sans-serif !important; }
.bp-topup-address-value, code, pre, kbd, samp {font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;}
#side.side .nav {letter-spacing:-0.016em !important;}


/* Blessed Panel v1.9.18 — checkout confirmation sheet (visual layer only) */
#dialog .modal:has(.bp-pay-confirm){
 width:min(100% - 28px,490px);max-height:min(90dvh,720px);overflow-y:auto;
 border:1px solid rgba(231,187,111,.3);border-radius:22px;
 background:linear-gradient(160deg,#20242e 0%,#191e27 100%);
 box-shadow:0 32px 105px rgba(0,0,0,.62);animation:bpPayOpen .22s ease-out both;
}
@keyframes bpPayOpen{from{opacity:.5;transform:translateY(12px) scale(.987)}to{opacity:1;transform:translateY(0) scale(1)}}
.bp-pay-confirm{font-family:var(--bp-font-ui,'Rubik',sans-serif);padding:0 0 5px}
.bp-pay-hero{display:flex;align-items:center;justify-content:center;margin:2px auto 9px}
.bp-pay-tick{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;
 background:radial-gradient(circle at 40% 34%,#215b48,#14382d);color:#52e2aa;
 border:1px solid rgba(70,202,153,.4);box-shadow:0 0 0 11px rgba(47,181,133,.07);
 font-family:system-ui,sans-serif;font-size:43px;font-weight:400}
.bp-pay-confirm h3{text-align:center;font-size:20px;font-weight:700;letter-spacing:-.028em;margin:16px 0 5px}
.bp-pay-desc{color:#a5afc0;font-size:14px;line-height:1.45;text-align:center;margin:0 0 18px}
.bp-pay-summary{border:1px solid #313946;background:rgba(16,20,28,.38);border-radius:14px;overflow:hidden}
.bp-pay-row,.bp-pay-total{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;
 font-size:14px;line-height:1.45;border-bottom:1px solid rgba(138,151,173,.14)}
.bp-pay-row span{color:#9ca9bc;flex:0 0 38%}
.bp-pay-row strong{color:#f3f4f6;font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:62%}
.bp-pay-total{background:rgba(221,177,104,.09);border-bottom:0;align-items:center}
.bp-pay-total span{font-weight:600;color:#f1dbb6}
.bp-pay-total strong{font-weight:700;color:#f7d694;font-size:19px}
.bp-pay-note{color:#9faab9;font-size:12px;line-height:1.5;margin:10px 3px 2px}
.bp-pay-actions{display:grid;grid-template-columns:1fr 1.65fr;gap:10px;margin-top:14px}
.bp-pay-actions button{min-height:46px;border-radius:12px;font-size:14px;font-weight:700}
.bp-pay-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:470px){.bp-pay-row,.bp-pay-total{padding:11px}.bp-pay-actions{grid-template-columns:1fr 1.25fr}}
@media(prefers-reduced-motion:reduce){#dialog .modal:has(.bp-pay-confirm){animation:none}}


/* Blessed Panel v1.9.19 — improved FazerCards-like checkout modal */
#dialog .modal:has(#purchase-form),
#dialog .modal:has(.bp-pay-confirm){
 width:min(100% - 28px,540px);
 max-height:min(92dvh,760px);
 overflow-y:auto;
 border:1px solid rgba(231,187,111,.22);
 border-radius:24px;
 background:linear-gradient(180deg,#1a2230 0%,#171d28 100%);
 box-shadow:0 34px 120px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.03);
 animation:bpPayOpen .24s ease-out both;
}
#dialog .modal:has(#purchase-form) .modal-head,
#dialog .modal:has(.bp-pay-confirm) .modal-head{
 margin:-2px -2px 18px;
 padding:2px 0 18px;
 border-bottom:1px solid rgba(255,255,255,.06);
 align-items:flex-start;
}
#dialog .modal:has(#purchase-form) #modal-title,
#dialog .modal:has(.bp-pay-confirm) #modal-title{
 font-family:var(--bp-font-ui,'Rubik',sans-serif);
 font-size:17px;
 font-weight:800;
 letter-spacing:-.032em;
 color:#f7f8fb;
}
#dialog .modal:has(#purchase-form) #modal-close,
#dialog .modal:has(.bp-pay-confirm) #modal-close{
 width:40px;height:40px;border-radius:13px;background:#222b37;border-color:#394556;color:#d7deea;
}
.bp-purchase-form{gap:14px}
.bp-purchase-card{
 background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
 border:1px solid rgba(219,179,108,.14);
 border-radius:16px;
 padding:16px 17px;
 display:grid;
 gap:6px;
}
.bp-purchase-badge{
 display:inline-flex;align-items:center;justify-self:start;
 padding:7px 10px;border-radius:999px;
 background:rgba(227,184,106,.1);
 border:1px solid rgba(227,184,106,.22);
 color:#efc477;font-size:11px;font-weight:800;letter-spacing:.02em;
}
.bp-purchase-card strong{font-size:18px;line-height:1.3;color:#f7f8fb;letter-spacing:-.02em}
.bp-purchase-card small{color:#9dabbc;font-size:13px}.bp-purchase-card b{color:#f1d099}
.bp-purchase-fields{display:flex;flex-direction:column;gap:12px}
.bp-purchase-field{font-size:12px;font-weight:700;color:#cfd7e4;gap:7px}
.bp-purchase-field input{min-height:48px;border-radius:14px;background:#202833;border-color:#394353;font-size:15px}
.bp-purchase-total{
 padding:16px 18px;border-radius:16px;border:1px solid rgba(219,179,108,.18);
 background:linear-gradient(180deg,rgba(230,185,99,.08),rgba(255,255,255,.02));
 color:#e8edf5;font-size:15px;font-weight:700;
}
.bp-purchase-total b{font-size:28px;letter-spacing:-.03em;color:#f7d08a}
.bp-purchase-note{margin:0;color:#9eacbe;font-size:12px;line-height:1.55}
.bp-pay-confirm{font-family:var(--bp-font-ui,'Rubik',sans-serif);padding:0 0 4px}
.bp-pay-banner{display:grid;gap:8px;margin:2px 0 2px}
.bp-pay-step{display:inline-flex;align-items:center;justify-self:start;padding:7px 10px;border-radius:999px;background:rgba(227,184,106,.1);border:1px solid rgba(227,184,106,.22);color:#efc477;font-size:11px;font-weight:800;letter-spacing:.02em}
.bp-pay-confirm h3{text-align:left;font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0;color:#fff}
.bp-pay-desc{color:#a7b3c4;font-size:13px;line-height:1.6;text-align:left;margin:0 0 6px}
.bp-pay-summary{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,22,29,.62),rgba(20,24,33,.82));border-radius:16px;overflow:hidden}
.bp-pay-row,.bp-pay-total{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;font-size:14px;line-height:1.5;border-bottom:1px solid rgba(138,151,173,.12)}
.bp-pay-row span{color:#99a9bc;flex:0 0 40%}
.bp-pay-row strong{color:#f5f7fb;font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:60%}
.bp-pay-total{background:linear-gradient(90deg,rgba(227,184,106,.12),rgba(227,184,106,.04));border-bottom:0;align-items:center}
.bp-pay-total span{font-weight:700;color:#f0dfbc}
.bp-pay-total strong{font-weight:800;color:#f7d08a;font-size:24px;letter-spacing:-.03em}
.bp-pay-note{color:#96a5b8;font-size:12px;line-height:1.55;margin:0 2px}
.bp-pay-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:11px;margin-top:14px}
.bp-pay-actions button{min-height:49px;border-radius:14px;font-size:14px;font-weight:800}
.bp-pay-actions button.primary{box-shadow:0 10px 28px rgba(198,146,58,.18)!important}
.bp-pay-actions button:disabled{opacity:.58;cursor:wait}
@media(max-width:470px){
 #dialog .modal:has(#purchase-form),#dialog .modal:has(.bp-pay-confirm){width:min(100% - 18px,540px);padding:18px}
 .bp-purchase-total b,.bp-pay-total strong{font-size:22px}
 .bp-pay-actions{grid-template-columns:1fr}
 .bp-pay-row,.bp-pay-total{padding:13px}
}
@media(prefers-reduced-motion:reduce){#dialog .modal:has(#purchase-form),#dialog .modal:has(.bp-pay-confirm){animation:none}}


/* Blessed Panel v1.9.20 — quantity stepper and discreet checkout reminder */
.bp-purchase-quantity-row{
 display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;
}
.bp-purchase-quantity-row>label{font-size:13px;font-weight:700;color:#cfd7e4;line-height:1.35}
.bp-purchase-stepper{
 display:grid;grid-template-columns:46px 62px 46px;align-items:center;
 height:48px;max-width:100%;border:1px solid #3a4555;
 background:#202834;border-radius:12px;overflow:hidden;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.bp-purchase-stepper button{
 width:46px;height:46px;padding:0;border:0;border-radius:0;background:transparent;
 color:#f2cc8b;font-size:23px;font-weight:750;line-height:1;display:grid;place-items:center;
 transition:background .18s,color .18s;
}
.bp-purchase-stepper button:hover:not(:disabled){background:#413526;color:#ffe7b7}
.bp-purchase-stepper button:disabled{opacity:.28}
.bp-purchase-stepper input[type=number]{
 width:62px;min-width:0;height:46px;min-height:46px!important;margin:0!important;
 appearance:textfield;-moz-appearance:textfield;
 padding:0 4px!important;background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;outline:0!important;color:#f7f9fb!important;
 text-align:center;font-size:15px!important;font-weight:800;font-variant-numeric:tabular-nums;
}
.bp-purchase-stepper input::-webkit-inner-spin-button,
.bp-purchase-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bp-purchase-stepper:focus-within{border-color:#e1b66c;box-shadow:0 0 0 3px rgba(225,182,108,.11)}
.bp-purchase-note,.bp-pay-safety-reminder{
 display:flex;align-items:flex-start;gap:8px;
 margin:0!important;color:#9caabd!important;font-size:11px!important;
 font-weight:400!important;line-height:1.65!important;
}
.bp-purchase-note>span{flex:0 0 auto;font-size:13px;color:#d9b26d;line-height:1.35}
.bp-pay-safety-reminder{padding:5px 2px 0}
@media(max-width:470px){
 .bp-purchase-quantity-row{min-height:52px;gap:9px}
 .bp-purchase-stepper{grid-template-columns:42px 54px 42px;height:46px}
 .bp-purchase-stepper button{width:42px;height:44px}
 .bp-purchase-stepper input[type=number]{width:54px;height:44px;min-height:44px!important}
}


/* Blessed Panel V1.9.21 — alignment and improved support ticket flow */
#content .card > button.action,
#content .bp-balance-actions button.action,
#content button.gbs-ticket{
 text-align:left!important;justify-content:space-between!important;
}
#content .card > button.action > span:first-child,
#content .bp-balance-actions button.action > span:first-child,
#content button.gbs-ticket > span:first-child{
 display:flex!important;flex-direction:column;align-items:flex-start!important;
 text-align:left!important;flex:1 1 auto;min-width:0;margin:0;
}
#content .card > button.action b,
#content .card > button.action small,
#content .bp-balance-actions button.action b,
#content .bp-balance-actions button.action small{
 text-align:left!important;align-self:stretch;
}
#content .card > button.action .arrow,
#content .bp-balance-actions button.action .arrow{margin-left:auto;flex-shrink:0}
#content .bp-support-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:18px}
#content .bp-support-create,#content .bp-support-history{padding:22px;border-radius:20px;background:linear-gradient(175deg,#1a2331,#171f2b);border:1px solid #344052}
.bp-support-kicker{font-size:10px;letter-spacing:.16em;color:#e8b96e;font-weight:800;margin-bottom:11px}
.bp-support-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
#content .bp-support-create h3{font-size:21px;letter-spacing:-.03em;margin-bottom:7px}
.bp-support-title-icon{width:42px;height:42px;display:grid;place-items:center;background:#262e3d;border:1px solid #3c465b;color:#f2c479;border-radius:13px;font-size:22px;flex-shrink:0}
#content .bp-support-form{gap:18px}
#content .bp-support-form label{color:#d5ddea;font-size:13px;line-height:1.45;font-weight:700;gap:7px}
#content .bp-support-form :is(input:not([type="hidden"]),textarea){font-size:14px;color:#f3f6fb;background:#202834;border:1px solid #394557;padding:13px 15px;border-radius:13px;width:100%;transition:border-color .18s,box-shadow .18s}
#content .bp-support-form :is(input,textarea):focus{border-color:#dcb36e;box-shadow:0 0 0 3px rgba(224,174,91,.12);outline:none}
#content .bp-support-form textarea{resize:vertical;min-height:142px;line-height:1.6}
.bp-support-field-label{display:block;color:#d5ddea;font-weight:700;font-size:13px;margin-bottom:8px}
.bp-required,.bp-support-field-label em,.bp-field-heading em{color:#f9aa8f;font-style:normal}.bp-field-heading{display:inline-flex;align-items:center;gap:5px}
.bp-reason-select{position:relative}
.bp-reason-select>summary{list-style:none;border:1px solid #424f61;border-radius:13px;padding:14px 15px;display:flex;align-items:center;gap:11px;min-height:52px;background:#202833;color:#d3deed;cursor:pointer;transition:border-color .16s,background .16s}
.bp-reason-select>summary::-webkit-details-marker{display:none}
.bp-reason-select[open]>summary,.bp-reason-select>summary:hover{border-color:#d8b06c;background:#232e3d}
.bp-reason-select>summary:focus-visible{outline:2px solid #e9bf76;outline-offset:2px}
.bp-reason-selected-symbol{display:grid;place-items:center;width:24px;height:24px;color:#e6b96f;font-size:19px;flex-shrink:0}
.bp-reason-select>summary strong{flex:1;font-weight:600;font-size:14px}
.bp-reason-chevron{font-size:19px;color:#9eacbd;transition:transform .2s ease}
.bp-reason-select[open] .bp-reason-chevron{transform:rotate(180deg)}
.bp-reason-options{display:grid;gap:4px;position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:11;border:1px solid #3c485d;border-radius:15px;background:#1b2431;box-shadow:0 22px 48px #07090daa;padding:8px;max-height:min(410px,55vh);overflow-y:auto;overscroll-behavior:contain}
.bp-reason-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid transparent;background:transparent;border-radius:11px;padding:12px 10px;color:#edf2fc;min-height:57px;cursor:pointer}
.bp-reason-option:hover,.bp-reason-option:focus-visible{background:#283344;border-color:#40516a;outline:0}
.bp-reason-option.selected{background:rgba(221,174,104,.1);border-color:rgba(225,181,105,.3)}
.bp-reason-icon{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:#2c3548;color:#e8bc73;font-size:19px}
.bp-reason-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.bp-reason-text b{font-weight:700;font-size:13px;line-height:1.35;text-align:left}
.bp-reason-text small{font-size:11.5px;line-height:1.4;color:#aebacc;text-align:left}
.bp-reason-checked{font-size:18px;font-weight:800;color:#e4bb74;opacity:0}
.bp-reason-option.selected .bp-reason-checked{opacity:1}
.bp-support-help{padding:12px 14px;background:rgba(220,177,106,.07);border:1px solid rgba(220,177,106,.26);border-radius:12px;color:#e3cca6;font-size:12px;line-height:1.6}
.bp-support-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:5px}
.bp-support-footer>span{color:#9daabd;font-size:11.5px;line-height:1.5;max-width:55%}
.bp-support-footer .primary{min-height:46px;border-radius:12px;background:linear-gradient(125deg,#f0cd90,#d8aa5c);border:1px solid #e8c17d;color:#1a1920;white-space:nowrap;font-weight:800}
.bp-support-history .gbs-ticket{border-radius:12px}
@media(max-width:1020px){#content .bp-support-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:580px){#content .bp-support-create,#content .bp-support-history{padding:16px}.bp-support-footer{flex-direction:column;align-items:stretch}.bp-support-footer>span{max-width:100%}.bp-support-footer .primary{width:100%}.bp-reason-options{max-height:50vh}}
@media(prefers-reduced-motion:reduce){.bp-reason-select>summary,.bp-reason-chevron{transition:none}}


/* V1.9.22: visible, explicit duplicate-amount adjustment notice */
.bp-topup-adjusted{border:1px solid rgba(242,192,107,.52);background:linear-gradient(120deg,rgba(150,102,39,.23),rgba(76,54,29,.17));border-radius:14px;padding:15px 17px;margin:12px 0 16px;color:#f7d397}
.bp-topup-adjusted>strong{display:block;font-size:14px;font-weight:700;line-height:1.45}
.bp-topup-adjusted p{margin:8px 0 0;font-size:13px;line-height:1.65;color:#e6d7bd}
.bp-topup-adjusted p b,.bp-topup-adjusted p strong{color:#ffe1a6}
@media(max-width:520px){.bp-topup-adjusted{padding:13px}.bp-topup-adjusted p{font-size:12.5px}}


/* V1.9.23 — support UI polish */
.bp-support-reason-wrap{position:relative}
.bp-reason-selected-symbol{background:#2b3443;border:1px solid #424d62;border-radius:9px;width:28px;height:28px;font-size:14px;color:#e5bc72}
.bp-support-history .mini-sub{margin-bottom:12px}
.gbs-ticket-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.gbs-ticket-filters .secondary{border-radius:13px;padding:10px 14px;min-height:42px}
.gbs-ticket-filters .secondary.gbs-active{background:linear-gradient(120deg,rgba(201,149,68,.2),rgba(231,190,116,.09));border-color:rgba(235,191,114,.55);color:#ffe3b0}
.bp-ticket-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 14px}
.bp-ticket-searchbar .input{min-width:0;height:46px}
.bp-ticket-searchbar .secondary{height:46px;border-radius:12px;padding:0 18px;font-weight:700;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding-top:10px;flex-wrap:wrap}
.pagination .secondary{min-width:124px;min-height:44px;border-radius:999px;padding:0 18px;background:linear-gradient(145deg,#212833,#1a212b);border:1px solid #374154;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.pagination .secondary:hover:not(:disabled){border-color:rgba(230,183,104,.58);background:linear-gradient(145deg,#2a313c,#202733)}
.pagination .secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.pagination .pill{min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(231,191,111,.16),rgba(65,47,26,.18));border:1px solid rgba(231,191,111,.32);color:#f2ddb6;font-weight:700}
.bp-support-history .stack+.pagination{border-top:1px solid rgba(67,77,93,.55)}
@media(max-width:640px){.bp-ticket-searchbar{grid-template-columns:1fr}.bp-ticket-searchbar .secondary{width:100%}.pagination .secondary{min-width:0;width:100%}.pagination{gap:10px}.pagination .pill{width:100%}}


/* Blessed Panel v1.9.23 — mobile admin tables and controls */
.gbs-mobile-cardlist{display:none}
@media(max-width:760px){
 #content .filters{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}
 #content .filters .secondary,
 #content .filters .primary,
 #content .filters .input,
 #content .filters .search,
 #content .filters select{width:100% !important;max-width:none !important}
 #content .pagination{justify-content:stretch;flex-direction:column;align-items:stretch}
 #content .pagination .secondary,
 #content .pagination .pill{width:100%;text-align:center}
 #content .tablewrap{overflow:visible}
 #content .tablelist{display:block;width:100%}
 #content .tablelist thead{display:none}
 #content .tablelist tbody{display:grid;gap:14px}
 #content .tablelist tr{display:block;padding:14px 14px 12px;border:1px solid rgba(234,191,114,.14);background:linear-gradient(180deg,rgba(28,34,44,.96),rgba(22,28,37,.98));border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
 #content .tablelist td{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0;min-width:0;font-size:14px;line-height:1.5}
 #content .tablelist td+td{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
 #content .tablelist td::before{content:attr(data-label);display:block;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ca8bb}
 #content .tablelist td strong,
 #content .tablelist td b{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
 #content .tablelist td .mini-sub,
 #content .tablelist td small{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
 #content .tablelist td .pill{margin-top:2px}
 #content .tablelist td:last-child{gap:10px}
 #content .tablelist td:last-child::before{margin-bottom:2px}
 #content .tablelist td:last-child .secondary,
 #content .tablelist td:last-child .primary,
 #content .tablelist td:last-child button{width:100%;justify-content:center;text-align:center;min-height:48px;padding:12px 14px;margin:0}
 #content .tablelist td:last-child button+button{margin-top:8px}
 #content .tablelist td:last-child .row,
 #content .tablelist td:last-child .stack{width:100%}
 #content .tablelist td a{overflow-wrap:anywhere;word-break:break-word}
 #content .card{padding:16px}
 #content .card h3{font-size:20px;line-height:1.25;margin-bottom:6px}
 #content .mini-sub{font-size:13px;line-height:1.5}
 .modal{width:min(100%,calc(100vw - 18px));padding:18px;border-radius:18px}
 .modal-head{align-items:flex-start;gap:12px}
 .modal-head h2{font-size:18px;line-height:1.3}
 .formactions{flex-direction:column}
 .formactions .secondary,.formactions .primary{width:100%}
}
@media(max-width:520px){
 .topright{gap:5px!important}
 .bp-lang{padding:2px}
 .bp-lang-button{min-width:38px}
 .topbalance{padding:8px 10px!important;font-size:13px;min-width:0;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bp-notice-toggle,.iconbtn{width:38px;height:38px}
 #content .pagehero{padding:16px 14px}
 #content .pagehero h1{font-size:28px;line-height:1.15}
 #content .pagehero p{font-size:13px;line-height:1.5}
 #content .tablelist tr{padding:13px}
 #content .tablelist td{font-size:13px}
 #content .tablelist td strong,
 #content .tablelist td b{font-size:16px}
 #content .tablelist td:last-child button{min-height:46px}
}
html[data-theme="light"] #content .tablelist tr{background:linear-gradient(180deg,#ffffff,#f7f9fc);border-color:#d7e1ec;box-shadow:0 8px 18px rgba(33,54,89,.08)}
html[data-theme="light"] #content .tablelist td+td{border-top-color:#dde5ef}
html[data-theme="light"] #content .tablelist td::before{color:#6b7d92}