/* Generated local CSS bundle. Build 20260514-07. */
/* Source: vendor/intl-tel-input/18.1.1/css/intlTelInput.min.css */
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=tel],[dir=rtl] .iti--separate-dial-code input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/vendor/intl-tel-input/18.1.1/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/vendor/intl-tel-input/18.1.1/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}

/* Source: header.css */

body {
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  margin: 0;
  padding-top: 60px; /* حتى لا يغطي الهيدر الصفحة */
  background: #DCDCDC;
  color: #1b1d3b;
  overflow-x: hidden;
}
:root {
  --scroll-track-color: rgba(22, 23, 35, 0.92);
  --scroll-thumb-color: rgba(188, 190, 209, 0.9);
  --scroll-thumb-hover: rgba(214, 215, 228, 0.95);
  --scroll-thumb-active: rgba(236, 237, 246, 0.98);
  --scroll-thumb-border: rgba(255, 255, 255, 0.25);
}
html[data-theme="light"] {
  --scroll-track-color: rgba(236, 237, 248, 0.92);
  --scroll-thumb-color: rgba(121, 123, 192, 0.85);
  --scroll-thumb-hover: rgba(137, 139, 204, 0.9);
  --scroll-thumb-active: rgba(153, 155, 216, 0.95);
  --scroll-thumb-border: rgba(73, 75, 130, 0.28);
}
html[data-theme="light"],
html[data-theme="light"] body,
body.light-mode {
  background: #DCDCDC !important;
  background-color: #DCDCDC !important;
}
html[data-theme="dark"],
html[data-theme="dark"] body,
body.dark-mode {
  background: #0C0C0C !important;
  background-color: #0C0C0C !important;
}
html,
body {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb-color) var(--scroll-track-color);
}
html {
  overflow-y: auto;
  scrollbar-gutter: auto;
}
html.custom-viewport-scrollbar {
  scrollbar-gutter: auto !important;
}
html.custom-viewport-scrollbar,
html.custom-viewport-scrollbar body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html.custom-viewport-scrollbar::-webkit-scrollbar,
html.custom-viewport-scrollbar body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 14px;
}
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
html::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:single-button,
html::-webkit-scrollbar-button:single-button:vertical:decrement,
body::-webkit-scrollbar-button:single-button:vertical:decrement,
*::-webkit-scrollbar-button:single-button:vertical:decrement,
html::-webkit-scrollbar-button:single-button:vertical:increment,
body::-webkit-scrollbar-button:single-button:vertical:increment,
*::-webkit-scrollbar-button:single-button:vertical:increment,
html::-webkit-scrollbar-button:single-button:horizontal:decrement,
body::-webkit-scrollbar-button:single-button:horizontal:decrement,
*::-webkit-scrollbar-button:single-button:horizontal:decrement,
html::-webkit-scrollbar-button:single-button:horizontal:increment,
body::-webkit-scrollbar-button:single-button:horizontal:increment,
*::-webkit-scrollbar-button:single-button:horizontal:increment {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0)) top / 100% 16px no-repeat,
    linear-gradient(0deg, rgba(255,255,255,0.18), rgba(255,255,255,0)) bottom / 100% 16px no-repeat,
    linear-gradient(180deg, var(--scroll-track-color) 0%, rgba(20,21,34,0.96) 50%, var(--scroll-track-color) 100%);
  border-radius: 999px;
  background-color: var(--scroll-track-color);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--scroll-thumb-color), rgba(158,160,182,0.85));
  border-radius: 999px;
  border: 2px solid var(--scroll-thumb-border);
  box-shadow: inset 0 0 6px rgba(255,255,255,0.35);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--scroll-thumb-hover), rgba(170,172,194,0.88));
}
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, var(--scroll-thumb-active), rgba(186,188,208,0.92));
}
.app-viewport-scrollbar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  z-index: 4800;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  opacity: 0.98;
  background: rgba(236, 237, 248, 0.98);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.18);
  transition: none !important;
  animation: none !important;
}
.app-viewport-scrollbar.is-disabled {
  display: none !important;
}
.app-viewport-scrollbar.is-hidden {
  opacity: 0;
}
.app-viewport-scrollbar__track {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
  cursor: pointer;
  transition: none !important;
  animation: none !important;
  background: transparent;
  box-shadow: none;
}
.app-viewport-scrollbar__thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 28px;
  border-radius: 999px;
  cursor: grab;
  background: linear-gradient(180deg, var(--scroll-thumb-color), rgba(158,160,182,0.85));
  border: 1px solid var(--scroll-thumb-border);
  box-shadow: inset 0 0 6px rgba(255,255,255,0.35);
  transform: none !important;
  will-change: auto;
  transition: none !important;
  animation: none !important;
}
.app-viewport-scrollbar.is-dragging .app-viewport-scrollbar__thumb {
  cursor: grabbing;
}
.app-viewport-scrollbar.is-static .app-viewport-scrollbar__thumb {
  opacity: 0.44;
}
html[data-theme="light"] .app-viewport-scrollbar,
body.light-mode .app-viewport-scrollbar {
  background: rgba(236, 237, 248, 0.98);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .app-viewport-scrollbar__track,
body.light-mode .app-viewport-scrollbar__track {
  background: transparent;
}
html[data-theme="dark"] .app-viewport-scrollbar,
body.dark-mode .app-viewport-scrollbar {
  background: rgba(20, 21, 34, 0.985);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.08);
}
html[data-theme="dark"] .app-viewport-scrollbar__track,
body.dark-mode .app-viewport-scrollbar__track {
  background: transparent;
}
.app-viewport-scrollbar__thumb:hover,
.app-viewport-scrollbar__thumb:active {
  background: linear-gradient(180deg, var(--scroll-thumb-hover), rgba(170,172,194,0.88));
}
@media (max-width: 991px), (hover: none), (pointer: coarse) {
  html,
  body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
  .app-viewport-scrollbar {
    display: none !important;
  }
}
/* ===== Fix mobile tap highlight and touch focus ===== */
a, button, .card {
  -webkit-tap-highlight-color: transparent;
}
a,
button,
img,
[role="button"] {
  -webkit-user-drag: none;
  user-drag: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.card:focus:not(:focus-visible) {
  outline: none;
}
.card img,
a img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
#sidebar {
  padding-top: 60px; /* مطابقة للهيدر */
}

[data-touch-text-selection="1"],
[data-touch-text-selection="1"] * {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  touch-action: auto !important;
}

[data-touch-text-selection-host="1"],
[data-touch-text-selection-host="1"] * {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  touch-action: auto !important;
  cursor: text !important;
}

.card h2,
.offer-box.card h2,
.inline-favorite-card h2,
.catalog-branch-card h2 {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  touch-action: auto !important;
}

.app-touch-selection {
  position: fixed;
  inset: 0;
  z-index: 5200;
  display: none;
  pointer-events: none;
}

.app-touch-selection.is-visible {
  display: block;
}

.app-touch-selection__toolbar {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 4px;
  border-radius: 999px;
  background: rgba(42, 45, 54, 0.96);
  box-shadow: 0 18px 38px rgba(2, 4, 10, 0.42);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: auto;
}

.app-touch-selection__btn {
  border: 0;
  background: transparent;
  color: #f3f5fb;
  padding: 10px 18px;
  min-width: 72px;
  font: 700 15px/1.2 'Cairo', sans-serif;
  cursor: pointer;
  border-radius: 999px;
  transition: none !important;
}

.app-touch-selection__btn[disabled] {
  opacity: 0.45;
  cursor: default;
}

.app-touch-selection__handle {
  position: fixed;
  width: 22px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent;
  pointer-events: auto;
  touch-action: none;
}

.app-touch-selection__handle::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 9px;
  width: 4px;
  height: 14px;
  border-radius: 999px;
  background: #9ec0ff;
}

.app-touch-selection__handle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #9ec0ff;
  box-shadow: 0 8px 16px rgba(61, 112, 255, 0.28);
}

html[data-theme="light"] .app-touch-selection__toolbar,
body.light-mode .app-touch-selection__toolbar {
  background: rgba(34, 37, 46, 0.92);
}

.app-context-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  display: none;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 20px));
  transition: none !important;
  animation: none !important;
}

.app-context-menu.is-visible {
  display: block;
}

.app-context-menu__panel {
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0)) top/100% 56px no-repeat,
    rgba(34, 36, 41, 0.96);
  box-shadow: 0 22px 52px rgba(4, 6, 14, 0.42);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  transition: none !important;
  animation: none !important;
}

.app-context-menu__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.app-context-menu__item {
  width: 100%;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #f2f3f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  font: 700 14px/1.2 'Cairo', sans-serif;
  cursor: pointer;
  text-align: inherit;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

.app-context-menu__item:hover,
.app-context-menu__item:focus-visible {
  outline: none;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(var(--site-accent-rgb, 92, 94, 191), 0.38), rgba(var(--site-accent-rgb, 92, 94, 191), 0.22));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
  transform: none !important;
}

.app-context-menu__item:active {
  transform: none !important;
}

.app-context-menu__item[disabled] {
  opacity: 0.42;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.app-context-menu__item[disabled]:hover,
.app-context-menu__item[disabled]:focus-visible {
  color: #f2f3f5;
  background: transparent;
}

.app-context-menu__label {
  min-width: 0;
  flex: 1 1 auto;
}

.app-context-menu__icon {
  width: 18px;
  flex: 0 0 18px;
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  transition: none !important;
  animation: none !important;
}

.app-context-menu__item:hover .app-context-menu__icon,
.app-context-menu__item:focus-visible .app-context-menu__icon {
  color: #ffffff;
}

html[data-theme="light"] .app-context-menu__panel,
body.light-mode .app-context-menu__panel {
  border-color: rgba(100, 116, 139, 0.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.08)) top/100% 56px no-repeat,
    rgba(249, 251, 255, 0.96);
  box-shadow: 0 20px 48px rgba(34, 46, 88, 0.18);
}

html[data-theme="light"] .app-context-menu__item,
body.light-mode .app-context-menu__item {
  color: #1f2937;
}

html[data-theme="light"] .app-context-menu__item:hover,
html[data-theme="light"] .app-context-menu__item:focus-visible,
body.light-mode .app-context-menu__item:hover,
body.light-mode .app-context-menu__item:focus-visible {
  color: #0f172a;
  background: linear-gradient(135deg, rgba(var(--site-accent-rgb, 92, 94, 191), 0.18), rgba(var(--site-accent-rgb, 92, 94, 191), 0.1));
  box-shadow: inset 0 0 0 1px rgba(var(--site-accent-rgb, 92, 94, 191), 0.14);
}

html[data-theme="light"] .app-context-menu__icon,
body.light-mode .app-context-menu__icon {
  color: rgba(15, 23, 42, 0.56);
}

.support-icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
}

.support-icon.whatsapp img {
  filter: invert(44%) sepia(78%) saturate(442%) hue-rotate(85deg) brightness(90%) contrast(85%);
}

.support-icon.facebook img {
  filter: invert(28%) sepia(89%) saturate(4184%) hue-rotate(197deg) brightness(90%) contrast(92%);
}

.support-icon.instagram img {
  filter: invert(42%) sepia(71%) saturate(563%) hue-rotate(320deg) brightness(94%) contrast(100%);
}

.support-icon.telegram img {
  filter: invert(48%) sepia(66%) saturate(3665%) hue-rotate(178deg) brightness(85%) contrast(105%);
}

.support-icon.email img {
  filter: invert(33%) sepia(96%) saturate(7493%) hue-rotate(348deg) brightness(92%) contrast(90%);
}




    * { box-sizing: border-box; }
    body {
      font-family: 'Cairo', sans-serif;
      margin: 0;
      padding: 0;
      direction: rtl;
      background: #DCDCDC;
  color: #1b1d3b;
      min-height: 100vh;
      overflow-x: hidden;
      padding-top: var(--app-header-offset, 88px); /* مساحة للهيدر مع فراغ إضافي تحته */
    }

    /* الشريط العلوي */
.top-header {
  display: flex;
  justify-content: flex-start; /* العناصر تبدأ من اليمين (بسبب RTL) */
  align-items: center;
  flex-direction: row;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 70px;
  background: linear-gradient(135deg, var(--site-accent-runtime, var(--accent-theme, #5c5ebf)), var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))));
  box-shadow: 0 6px 14px rgba(15,16,38,0.22);
  padding-top: 0;
  padding-right: 20px; /* تقليل المسافة من الحافة اليمنى */
  padding-bottom: 0;
  padding-left: 15px;
  z-index: 10000;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-logo-link {
  margin-right: auto;
  margin-left: 0;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
  min-height: 44px;
}

.header-logo-link img {
  margin: 0;
}

.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  font-size: 0.83rem;
  font-weight: 700;
  line-height: 1;
  backdrop-filter: blur(4px);
}

.lang-switcher i {
  font-size: 0.95rem;
  opacity: .92;
}

#langLi {
  position: relative;
  margin: 0;
  border-radius: 6px;
  isolation: isolate;
}
#langLi.open {
  z-index: 2400;
}
#langLi > a {
  padding-inline-end: 0;
  font-size: 1rem;
  font-weight: 400;
}
#langLi::after {
  content: none !important;
  display: none !important;
}
html[dir="ltr"] #langLi > a {
  padding-inline-start: 0;
}
#langLi > select,
#langLi .lang-select--sidebar {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#langLi .lang-pm-select-menu{
  position:absolute;
  right:12px;
  left:12px;
  top:calc(100% + 8px);
  display:none;
  max-height:220px;
  overflow:auto;
  border-radius:14px;
  border:1px solid var(--card-border-strong, rgba(148,163,184,.36));
  background:var(--card-bg, #ffffff);
  box-shadow:var(--elev-shadow, 0 12px 28px rgba(15,23,42,.2));
  padding:8px;
  z-index:2410;
  backdrop-filter: blur(10px);
  scrollbar-width:thin;
  transform-origin: top center;
}
#langLi.open .lang-pm-select-menu{
  display:block;
  animation:currencyPmSelectDrop .16s ease;
}
#langLi.menu-up .lang-pm-select-menu{
  top:auto;
  bottom:calc(100% + 8px);
  transform-origin: bottom center;
}
#langLi.menu-down .lang-pm-select-menu{
  top:calc(100% + 8px);
  bottom:auto;
  transform-origin: top center;
}
#langLi .lang-pm-select-option{
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:var(--text, #111827);
  border-radius:12px;
  padding:10px 12px;
  font-size:15px;
  font-weight:700;
  text-align:center;
  direction:rtl;
  cursor:pointer;
  transition:background-color .14s ease, color .14s ease;
  transform:none !important;
  box-shadow:none !important;
}
#langLi .lang-pm-select-option:hover,
#langLi .lang-pm-select-option:focus{
  background:var(--site-accent-runtime-soft, rgba(148,163,184,.22));
  color:var(--text, #111827);
  border-color:var(--card-border-hover, rgba(148,163,184,.42));
  outline:none;
  transform:none !important;
  box-shadow:none !important;
}
#langLi .lang-pm-select-option.selected{
  background:linear-gradient(135deg, var(--site-accent-runtime-soft-2, rgba(148,163,184,.32)), var(--site-accent-runtime-soft, rgba(148,163,184,.2)));
  color:var(--text, #111827);
  border-color:var(--card-border-hover, rgba(148,163,184,.5));
}
#langLi .lang-pm-select-menu::-webkit-scrollbar{
  width:6px;
}
#langLi .lang-pm-select-menu::-webkit-scrollbar-thumb{
  background:var(--site-accent-runtime-soft-2, rgba(148,163,184,.45));
  border-radius:999px;
}
#currencyLi {
  position: relative;
  margin: 0;
  border-radius: 0;
  isolation: isolate;
  background: transparent !important;
}
#currencyLi.open {
  z-index: 2400;
}
#currencyLi > a {
  padding-inline-end: 0;
  font-size: 1rem;
  font-weight: 400;
}
#currencyLi::after {
  content: none !important;
  display: none !important;
}
html[dir="ltr"] #currencyLi > a {
  padding-inline-start: 0;
}
#currencyLi > select,
#currencyLi .currency-select-native {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#currencyLi .currency-pm-select-menu{
  position:absolute;
  right:12px;
  left:12px;
  top:calc(100% + 8px);
  display:none;
  max-height:220px;
  overflow:auto;
  border-radius:14px;
  border:1px solid var(--card-border-strong, rgba(148,163,184,.36));
  background:var(--card-bg, #ffffff);
  box-shadow:var(--elev-shadow, 0 12px 28px rgba(15,23,42,.2));
  padding:8px;
  z-index:2410;
  backdrop-filter: blur(10px);
  scrollbar-width:thin;
  transform-origin: top center;
}
#currencyLi.open .currency-pm-select-menu{
  display:block;
  animation:currencyPmSelectDrop .16s ease;
}
#currencyLi.menu-up .currency-pm-select-menu{
  top:auto;
  bottom:calc(100% + 8px);
  transform-origin: bottom center;
}
#currencyLi.menu-down .currency-pm-select-menu{
  top:calc(100% + 8px);
  bottom:auto;
  transform-origin: top center;
}
#currencyLi .currency-pm-select-option{
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:var(--text, #111827);
  border-radius:12px;
  padding:10px 12px;
  font-size:15px;
  font-weight:700;
  text-align:center;
  direction:rtl;
  cursor:pointer;
  transition:background-color .14s ease, color .14s ease;
  transform:none !important;
  box-shadow:none !important;
}
#currencyLi .currency-pm-select-option:hover,
#currencyLi .currency-pm-select-option:focus{
  background:var(--site-accent-runtime-soft, rgba(148,163,184,.22));
  color:var(--text, #111827);
  border-color:var(--card-border-hover, rgba(148,163,184,.42));
  outline:none;
  transform:none !important;
  box-shadow:none !important;
}
#currencyLi .currency-pm-select-option.selected{
  background:linear-gradient(135deg, var(--site-accent-runtime-soft-2, rgba(148,163,184,.32)), var(--site-accent-runtime-soft, rgba(148,163,184,.2)));
  color:var(--text, #111827);
  border-color:var(--card-border-hover, rgba(148,163,184,.5));
}
#currencyLi .currency-pm-select-menu::-webkit-scrollbar{
  width:6px;
}
#currencyLi .currency-pm-select-menu::-webkit-scrollbar-thumb{
  background:var(--site-accent-runtime-soft-2, rgba(148,163,184,.45));
  border-radius:999px;
}
#sidebar #langLi:hover,
#sidebar #langLi:active {
  background: rgba(255,255,255,0.2) !important;
}
#sidebar #langLi:focus-visible,
#sidebar #currencyLi:focus-visible {
  outline: 2px solid rgba(255,255,255,.45);
  outline-offset: 2px;
}
#sidebar #currencyLi:hover{
  background: transparent !important;
}
#sidebar #currencyLi:active{
  background: transparent !important;
}
@keyframes currencyPmSelectDrop{
  from{opacity:0;transform:translateY(-4px) scale(.99);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
#sidebar .support-section {
  position: relative;
  z-index: 1;
}

html[dir="ltr"] body {
  direction: ltr !important;
}

html[dir="ltr"] .top-header {
  padding-left: 20px;
  padding-right: 15px;
}

html[dir="ltr"] .header-logo-link {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] #sidebar {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

html[dir="ltr"] #sidebar.active {
  transform: translateX(0);
}

html[dir="ltr"] #sidebar ul li,
html[dir="ltr"] #sidebar ul li a {
  text-align: left;
}


    .top-header img {
      height: 60px;
      margin-right: auto; /* عكس التموضع: دفع الشعار لليسار */
      margin-left: 0;
      cursor: pointer;
    }

    /* تأكد من توسيط الشعار عموديًا داخل الهيدر */
    .top-header a {
      display: flex;
      align-items: center;
      height: 100%;
      line-height: 0; /* إزالة أي فراغات خطية تؤثر على التوسيط */
    }

    /* زر الهامبورغر داخل الهيدر */
    #hamburger {
      position: static;     /* ضمن التدفق ليلتصق بالرصيد */
      right: auto;
      left: auto;
      top: auto;
      transform: none;
      width: 30px;
      height: 25px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      flex: 0 0 30px;
      margin: 0;
      padding: 0;
      background: transparent;
      outline: none;
      box-shadow: none;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      user-select: none;
      z-index: 10010;
    }
    #hamburger span {
      display: block;
      width: 100%;
      height: 4px;
      background: #fff;     /* التباين مع الخلفية الأرجوانية */
      border-radius: 2px;
      transition: background 0.3s;
    }
    #hamburger:focus,
    #hamburger:focus-visible,
    #hamburger:active {
      outline: none;
      box-shadow: none;
    }
    #hamburger:hover span {
      background: #e0e0e0;
    }


/* وضع فاتح للهيدر والأزرار */
/* القائمة الجانبية */
    #sidebar {
      text-align: center;
      position: fixed;
      top: 0;
      right: 0;            /* نقل الشريط الجانبي لليمين */
      left: auto;
      width: 250px;
      height: 100%;
      background: linear-gradient(135deg, var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))), var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))));
      transform: translateX(100%); /* مخفي خارج الشاشة يمينًا */
      opacity: 1;
      transition: transform 0.3s ease, opacity 0.24s ease;
      z-index: 9500;
      padding-top: var(--app-header-height, 70px); /* يساوي ارتفاع الهيدر */
      overflow-y: auto;
      overscroll-behavior: contain;
    }
    #sidebar.active {
      transform: translateX(0);
    }
    #sidebar.closing{
      transform: translateX(100%);
      opacity: .92;
      pointer-events: none;
    }
    html[dir="ltr"] #sidebar.closing{
      transform: translateX(-100%);
    }
    #sidebar ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    #sidebar ul li {
      display: flex;
      align-items: center;
      padding: 15px 20px;
      gap: 12px;
      cursor: pointer;
      transition: background 0.3s;
      border-radius: 6px;
      user-select: none;
    }
    #sidebar ul li:hover {
      background: rgba(255,255,255,0.2);
    }
    #sidebar ul li i {
      color: #fff;
      font-size: 1.2rem;
      min-width: 20px;
      text-align: center;
    }
    #sidebar ul li a {
      color: #fff;
      text-decoration: none;
      font-size: 1.1rem;
      width: 100%;
      display: block;
      pointer-events: none;
    }

    
    /* محتوى الصفحة */
    .content-container {
      max-width: 600px;
      margin: 80px auto;
      background: #ffffff;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }
    label {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: bold;
      font-size: 1.1rem;
      color: #333;
      margin-bottom: 12px;
    }
    label i {
      color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
      font-size: 1.3rem;
    }
    select {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 10px;
      font-size: 1rem;
      transition: border-color 0.3s, box-shadow 0.3s;
    }
    select:focus {
      border-color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
      box-shadow: 0 0 5px rgba(var(--site-accent-rgb, 148, 163, 184), 0.4);
      outline: none;
    }






/* ====== Shimmer Loading for order cards ====== */
.order-card.loading {
  position: relative;
  background: #f0f2f5;
  border: none;
  border-radius: 12px;
  min-height: 100px; /* ✅ ارتفاع أقرب للكرت الحقيقي */
  margin-bottom: 14px;
  overflow: hidden;
  pointer-events: none;
}


/* إخفاء محتوى البطاقة الحقيقي مؤقتًا إن وُجد */
.order-card.loading > * {
  visibility: hidden;
}

/* لمعان متحرك */
.order-card.loading::after {
  content: "";
  position: absolute;
  top: 0;
  right: -150px;
  width: 120px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);
  animation: orders-shimmer 1.2s infinite;
}

@keyframes orders-shimmer {
  0%   { right: -150px; }
  100% { right: 100%;   }
}

/* اجعل التوست واللودر فوق النافذة المنبثقة */
#toast { z-index: 13000 !important; }
#preloader { z-index: 1700 !important; }
html.pre-login-route #preloader,
body.login-route-active #preloader,
body[data-inline-route="login"] #preloader,
body:has(#loginInline:not(.hidden)) #preloader { z-index: 200000 !important; }






/* إخفاء الشريط السفلي على الشاشات الكبيرة افتراضيًا */
.mobile-dock { display: none; }

/* ===== Mobile Bottom Dock (شريط أزرار للجوال) ===== */
@media (max-width: 768px) {
  body.mobile-has-dock {
    /* مساحة أسفل الصفحة كي لا يغطي الشريط المحتوى */
    padding-bottom: 104px !important;
  }

  html.pre-login-route body.mobile-has-dock,
  body.mobile-has-dock.login-route-active,
  body.mobile-has-dock[data-inline-route="login"],
  body.mobile-has-dock:has(#loginInline:not(.hidden)) {
    padding-bottom: 0 !important;
  }

  .mobile-dock {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 6px;
    direction: ltr;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    box-shadow: none;
    z-index: 9000; /* أقل من التوست واللودر والمودالات */
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  html.pre-login-route .mobile-dock,
  body.login-route-active .mobile-dock,
  body[data-inline-route="login"] .mobile-dock,
  body:has(#loginInline:not(.hidden)) .mobile-dock {
    display: none !important;
  }

  .mobile-dock.is-disabled {
    display: none !important;
  }

  /* وضع فاتح */
  html[data-theme="light"] .mobile-dock {
    background: #ffffff;
    border-top-color: #e2e8f0;
    box-shadow: none;
  }

  html[data-theme="dark"] .mobile-dock {
    background: #090e1d;
    border-top-color: #334155;
    box-shadow: none;
  }

  .mobile-dock a,
  .mobile-dock button {
    --dock-color: var(--dock-color-light, #3498db);
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    border: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--dock-color);
    box-shadow: none;
    text-decoration: none;
    font-size: 1.42rem;
    transition: transform .15s ease, box-shadow .2s ease, filter .15s ease, background .2s ease;
  }

  html[data-theme="dark"] .mobile-dock a,
  html[data-theme="dark"] .mobile-dock button {
    --dock-color: var(--dock-color-dark, var(--dock-color-light, #60a5fa));
  }

  html[data-theme="light"] .mobile-dock a,
  html[data-theme="light"] .mobile-dock button {
    background: transparent;
    color: var(--dock-color);
    box-shadow: none;
  }

  .mobile-dock a:active,
  .mobile-dock button:active {
    transform: translateY(1px) scale(.98);
    filter: brightness(.95);
  }

  .mobile-dock a.active,
  .mobile-dock button.active {
    background: #f1f5f9;
    color: var(--dock-color);
    box-shadow: none;
  }

  html[data-theme="dark"] .mobile-dock a.active,
  html[data-theme="dark"] .mobile-dock button.active {
    background: #111827;
    box-shadow: none;
  }

  .mobile-dock .dock-item--center {
    width: 88px;
    height: 88px;
    margin-top: -34px;
    background: #fff !important;
    color: var(--dock-color);
    border: 1px solid rgba(226,232,240,.88);
    box-shadow: none;
    font-size: 1.95rem;
  }

  html[data-theme="dark"] .mobile-dock .dock-item--center {
    background: #f8fafc !important;
    border-color: rgba(255,255,255,.82);
    box-shadow: none;
  }

  /* حجم الأيقونة داخل الزر */
  .mobile-dock i { pointer-events: none; font-size: 1em; }
}

/* عرض تعبئة الرصيد كصفحة داخل مسار الإيداع بدل طبقة منبثقة */
#depositInlineApp:has(#methodModal:not(.hidden)) #grid,
#depositInlineApp:has(#methodModal:not(.hidden)) .categories,
#depositInlineApp:has(#methodModal:not(.hidden)) .search-container,
#depositInlineApp:has(#methodModal:not(.hidden)) .where {
  display: none !important;
}

#depositInlineApp #methodModal:not(.hidden) {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#depositInlineApp #methodModal:not(.hidden) .modal-content {
  width: min(760px, 100%) !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: auto !important;
  margin: 12px auto 32px !important;
  overflow: visible !important;
  transform: none !important;
}

#depositInlineApp #methodModal:not(.hidden) .modal-x {
  position: sticky !important;
  top: 78px !important;
  z-index: 5 !important;
}

body[data-inline-route="deposit"] #methodModal:not(.hidden),
body[data-inline-route="edaa"] #methodModal:not(.hidden),
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body[data-inline-route="deposit"] #methodModal:not(.hidden) .modal-content,
body[data-inline-route="edaa"] #methodModal:not(.hidden) .modal-content,
  max-height: none !important;
  min-height: auto !important;
  overflow: visible !important;
  transform: none !important;
}

@media (max-width: 768px) {
  #supportFloatingWidget {
    bottom: max(92px, calc(env(safe-area-inset-bottom, 0px) + 92px)) !important;
    z-index: 9100 !important;
  }

  body.sidebar-open #supportFloatingWidget {
    z-index: 8900 !important;
  }
}







/* تحسين شكل البطاقة */
/* ====== Order Card (الكرت الخارجي) ====== */
.order-card {
  position: relative;
  border: 1px solid transparent;             /* حد شفاف لكي يظهر تدرّج الإطار */
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 16px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,            /* أرضية بيضاء ناعمة */
    radial-gradient(120% 120% at 100% 0%, #e0e7ff, #fce7f3 40%, #e0f2fe 80%) border-box; /* إطار متدرّج */
  box-shadow:
    0 10px 24px rgba(24, 39, 75, 0.08),
    0 2px 6px rgba(24, 39, 75, 0.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden;  /* لإخفاء توهج الزاوية داخل الحدود */
}

/* لمسة توهج لطيف في الزاوية العلوية اليمنى */
.order-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle at center, rgba(0,123,255,.12), transparent 60%);
  filter: blur(6px);
  pointer-events: none;
}

/* تفاعل الهوفر/الفوكس */
.order-card:hover,
.order-card:focus-within {
  transform: translateY(-4px);
  box-shadow:
    0 16px 36px rgba(24, 39, 75, 0.14),
    0 4px 10px rgba(24, 39, 75, 0.06);
}

/* ضغط بسيط عند النقر */
.order-card:active {
  transform: translateY(-1px);
}

/* تحسين الهوامش على الشاشات الصغيرة */
@media (max-width: 600px) {
  .order-card {
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 12px;
  }
}

.order-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}

/* رأس البطاقة */
.order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px; /* مسافة بين العناصر */
}

.order-header .order-status {
  margin-right: auto; /* تدفعه باتجاه السهم */
}

.order-header i {
  margin-left: 0;
}
/* حالات الطلب */
.order-status {
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 6px;
}
.order-status.تم_الشحن {
  background-color: #28a745;
  color: white;
}
.order-status.مرفوض {
  background-color: #dc3545;
  color: white;
}
.order-status.مسترد {
  background-color: #6c757d;
  color: white;
}
.order-status.قيد_المعالجة {
  background-color: #17a2b8;
  color: white;
}

/* تفاصيل الطلب */
.order-details {
  display: none;
  margin-top: 15px;
  background: #f8faff;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e0e6f7;
  animation: fadeIn 0.3s ease-in-out;
}
.order-details p {
  margin: 8px 0;
  font-size: 0.95rem;
  color: #444;
}
.order-details strong {
  color: #000;
}

/* أنيميشن */
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-5px);}
  to {opacity: 1; transform: translateY(0);}
}

/* زر عرض الصورة */
.btn-show-proof {
  display: inline-block;
  padding: 8px 14px;
  background: linear-gradient(135deg, var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))), var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))));
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-show-proof:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(var(--site-accent-rgb, 148, 163, 184), 0.3);
}

.btn-show-proof:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(var(--site-accent-rgb, 148, 163, 184), 0.24);
}

.btn-show-proof:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), 0.4);
}








    @media (max-width: 600px) {
      .content-container {
        margin: 60px 15px;
        padding: 20px;
      }
      #hamburger { right: auto; left: auto; }
    }


    
.footer-title {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
  flex-basis: 100%;
  width: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

.footer-icons {
  background: linear-gradient(135deg, var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))), var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))));
  padding: 60px 30px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.icon-box {
  background-color: #fff;
  width: 220px;
  padding: 25px 20px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 6px 15px rgba(0,0,0,0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}

.icon-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.25);
}

.icon-box i {
  font-size: 42px;
  color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
  margin-bottom: 18px;
  transition: color 0.3s ease;
}

.icon-box:hover i {
  color: var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391)));
}

.icon-box h3 {
  font-size: 20px;
  margin: 12px 0 8px;
  color: #111;
  font-weight: 600;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.icon-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.5;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

@media (max-width: 768px) {
  .footer-icons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 10px;
    gap: 20px;
  }

  .icon-box {
    width: 45%; /* بدلًا من 90% أو ثابت */
    max-width: 180px;
    padding: 15px 10px;
  }

  .icon-box i {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .icon-box h3 {
    font-size: 16px;
  }

  .icon-box p {
    font-size: 13px;
  }

  .footer-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  .icon-box {
    width: 80%;
    max-width: 160px;
    padding: 12px 8px;
  }

  .icon-box i {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .icon-box h3 {
    font-size: 14px;
  }

  .icon-box p {
    font-size: 12px;
    line-height: 1.4;
  }

  .footer-title {
    font-size: 20px;
  }
}




.support-section {
  background-color: #DCDCDC;
  padding: 60px 20px;
  text-align: center;
  border-top: 2px solid #e0e0e0;
}

.support-title {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 35px;
  color: #333;
}

.support-icons {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

.support-icon {
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 26px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

.support-icon:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Sidebar support section */
#sidebar .support-section {
  background: transparent;
  padding: 14px 14px 8px;
  border: none;
  box-shadow: none;
  text-align: center;
}

#sidebar .support-title {
  color: #e6edff;
  font-size: 1rem;
  margin: 0 0 10px;
}

#sidebar .support-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

#sidebar .support-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

#sidebar .support-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: none !important;
}

#sidebar .support-icon:hover {
  transform: none;
  box-shadow: none;
}

#sidebar .support-rights {
  margin-top: 12px;
  color: #e6edff;
  font-size: 11px;
  text-align: center;
}

#sidebar .support-rights a {
  color: #fff;
  text-decoration: none;
}

/* ألوان الأيقونات حسب المنصة */
.support-icon.whatsapp { color: #25D366; }
.support-icon.facebook { color: #3b5998; }
.support-icon.instagram { color: #E1306C; }

/* استجابة للموبايل */
@media (max-width: 600px) {
  .support-icon {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
}

.btn-show-proof {
  display: inline-block;
  padding: 0.5em 1em;
  background: linear-gradient(135deg, var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) 0%, var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))) 100%);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5em;
  box-shadow: 0 4px 8px rgba(20,22,52,0.18);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-show-proof:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(20,22,52,0.26);
}

.btn-show-proof:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(20,22,52,0.18);
}

.btn-show-proof:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), 0.42);
}

.btn-show-proof {
  display: block;
  width: 100%;
  padding: 10px 16px;
  box-sizing: border-box;
  text-align: center;
  background: linear-gradient(135deg, var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))) 0%, var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(20,22,52,0.2);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-top: 8px;
  margin-bottom: 8px;
}

.btn-show-proof:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(20,22,52,0.28);
}

.btn-show-proof:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(20,22,52,0.22);
}

.btn-show-proof:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), 0.45);
}

/* الرصيد داخل الهيدر */
.header-balance {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  direction: rtl;
  gap: 2px;
  padding: 0;
  margin: 0;
  color: var(--balance-text, #e2e8f0);
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.header-balance__metrics {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  direction: ltr;
}

.header-balance__currency {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--balance-currency, var(--balance-text, #e2e8f0));
  direction: ltr;
  unicode-bidi: plaintext;
}

.header-balance__value {
  direction: ltr;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.35px;
  color: var(--balance-text, #f8fafc) !important;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  font-feature-settings: 'tnum' 1, 'kern' 1;
  text-shadow: none;
  box-shadow: none;
}
html[data-theme="light"] .header-balance__value,
body.light-mode .header-balance__value {
  color: var(--balance-text-light, #0f172a) !important;
  background: transparent;
  border: none;
  text-shadow: none;
  box-shadow: none;
}
html[data-theme="light"] .header-balance__currency,
body.light-mode .header-balance__currency {
  color: var(--balance-currency-light, var(--balance-text-light, #0f172a));
}
html[data-theme="light"] .header-balance,
body.light-mode .header-balance {
  color: var(--balance-text-light, #0f172a);
}

@media (max-width: 600px) {
  .top-header {
    align-items: center;
  }
  .top-header .header-left {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .top-header #hamburger {
    align-self: center;
  }
  .top-header .header-balance,
  .top-header .header-levels-btn {
    position: relative;
    top: 2px;
    align-self: center;
  }
  .top-header .header-levels-btn[hidden],
  .top-header .header-levels-btn[aria-hidden="true"] {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  .top-header .header-balance {
    min-height: 100%;
    justify-content: center;
  }
  .top-header .header-balance__metrics {
    align-items: center;
    min-height: 30px;
    line-height: 1;
  }
  .top-header .header-balance__currency,
  .top-header .header-balance__value {
    line-height: 1;
  }
  .header-balance__metrics {
    gap: 3px;
  }
  .header-balance__currency {
    font-size: 0.7rem;
  }
  .header-balance__value {
    font-size: 0.95rem;
    letter-spacing: 0.35px;
  }
}


.support-rights {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #555;
}

.support-rights a {
  color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.support-rights a:hover {
  text-decoration: underline;
}

.support-rights p {
  margin: 0;
  font-size: 13px;
  color: #777;
}


/* الشعار */
.top-header .header-logo {
  height: 60px;
  margin-right: auto; /* عكس التموضع: دفع الشعار لليسار */
  margin-left: 0;
  cursor: pointer;
  transition: height 0.3s ease;
}

/* زر الهامبورغر */
#hamburger {
  width: 30px;
  height: 25px;
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  display: block;
  margin: 0;
  padding: 0;
  flex: 0 0 30px;
  align-self: center;
  background: transparent;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
  transform: translateZ(0);
  will-change: transform;
}
#hamburger span {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  border-radius: 999px;
  transform-origin: center;
  will-change: top, transform, opacity;
  transition: background-color .2s ease;
}
#hamburger:focus,
#hamburger:focus-visible,
#hamburger:active {
  outline: none;
  box-shadow: none;
}
#hamburger span:nth-child(1) {
  top: 1px;
  transform: rotate(0deg);
}
#hamburger span:nth-child(2) {
  top: 10px;
  opacity: 1;
  transform: scaleX(1);
}
#hamburger span:nth-child(3) {
  top: 19px;
  transform: rotate(0deg);
}
#hamburger.is-active span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
}
#hamburger.is-active span:nth-child(2) {
  opacity: 0;
  transform: scaleX(.2);
}
#hamburger.is-active span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}
#hamburger.is-opening span:nth-child(1) {
  animation: hamburgerTopOpen .42s cubic-bezier(.22,1,.36,1) both;
}
#hamburger.is-opening span:nth-child(2) {
  animation: hamburgerMidOpen .34s ease both;
}
#hamburger.is-opening span:nth-child(3) {
  animation: hamburgerBottomOpen .42s cubic-bezier(.22,1,.36,1) both;
}
#hamburger.is-closing span:nth-child(1) {
  animation: hamburgerTopClose .42s cubic-bezier(.22,1,.36,1) both;
}
#hamburger.is-closing span:nth-child(2) {
  animation: hamburgerMidClose .34s ease both;
}
#hamburger.is-closing span:nth-child(3) {
  animation: hamburgerBottomClose .42s cubic-bezier(.22,1,.36,1) both;
}
@keyframes hamburgerTopOpen {
  0% {
    top: 1px;
    transform: rotate(0deg);
  }
  46% {
    top: 10px;
    transform: rotate(0deg);
  }
  100% {
    top: 10px;
    transform: rotate(45deg);
  }
}
@keyframes hamburgerTopClose {
  0% {
    top: 10px;
    transform: rotate(45deg);
  }
  54% {
    top: 10px;
    transform: rotate(0deg);
  }
  100% {
    top: 1px;
    transform: rotate(0deg);
  }
}
@keyframes hamburgerMidOpen {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(.2);
  }
}
@keyframes hamburgerMidClose {
  0% {
    opacity: 0;
    transform: scaleX(.2);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes hamburgerBottomOpen {
  0% {
    top: 19px;
    transform: rotate(0deg);
  }
  46% {
    top: 10px;
    transform: rotate(0deg);
  }
  100% {
    top: 10px;
    transform: rotate(-45deg);
  }
}
@keyframes hamburgerBottomClose {
  0% {
    top: 10px;
    transform: rotate(-45deg);
  }
  54% {
    top: 10px;
    transform: rotate(0deg);
  }
  100% {
    top: 19px;
    transform: rotate(0deg);
  }
}

/* الرصيد */

/* ====== Dark Mode overrides for header & sidebar ====== */
body.dark-mode {
  background: #0C0C0C;

  color: #f0f1ff;
}


body.light-mode {
  background: #DCDCDC;
  color: #1b1d3b;
}
html[data-theme="dark"] body { color: #f0f1ff; }
html[data-theme="light"] body { color: #1b1d3b; }/* الهيدر */
body.dark-mode .top-header {
  background: linear-gradient(135deg,var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f))),var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));
  box-shadow: 0 8px 18px rgba(5,6,18,0.6);
}
body.dark-mode #hamburger span {
  background: #f0f1ff;
}
body.dark-mode #hamburger:hover span {
  background: #cbd5e1;
}

/* الشعار: يظل كما هو، لكن إن احتجت عكس الألوان ضع فلتر هنا */
/* body.dark-mode .top-header img { filter: brightness(0.95) contrast(1.05); } */

/* الرصيد داخل الهيدر */
body.dark-mode .header-balance {
  color: var(--balance-text-dark, #f8fafc);
}
body.dark-mode .header-balance__value {
  color: var(--balance-text-dark, #f8fafc) !important;
  background: transparent;
  border: none;
}
body.dark-mode .header-balance__currency {
  color: var(--balance-currency-dark, var(--balance-text-dark, #f8fafc));
}
/* القائمة الجانبية */
body.dark-mode #sidebar {
  background: linear-gradient(135deg,var(--site-accent-runtime-deep, var(--primary-dark, var(--accent-theme, #272a61))),var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))));
  box-shadow: 4px 0 12px rgba(5,6,18,0.65);
}
body.dark-mode #sidebar ul li:hover {
  background: rgba(255,255,255,0.08);
}
body.dark-mode #sidebar ul li i,
body.dark-mode #sidebar ul li a {
  color: #f0f1ff;
}

/* بطاقات/حاويات عامة تُستخدم أسفل الهيدر (إن وُجدت) */
body.dark-mode .content-container {
  background: #0C0C0C;
  box-shadow: 0 8px 22px rgba(4,5,12,0.6);
}
body.dark-mode label { color: #f0f1ff; }
body.dark-mode label i { color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); }
body.dark-mode select {
  background: #0C0C0C;
  color: #f0f1ff;
  border-color: #2b2d52;
}
body.dark-mode select:focus {
  border-color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
  box-shadow: 0 0 5px rgba(var(--site-accent-rgb, 148, 163, 184), 0.35);
}


body.light-mode .content-container {
  background: #ffffff;
  color: #1b1d3b;
  box-shadow: 0 8px 22px rgba(15,23,42,0.08);
  border: 1px solid rgba(148,163,184,0.25);
}
body.light-mode label { color: #1b1d3b; }
body.light-mode label i { color: var(--site-accent-runtime, var(--accent-theme, #5c5ebf)); }
body.light-mode select {
  background: #ffffff;
  color: #1b1d3b;
  border-color: rgba(148,163,184,0.55);
}
body.light-mode select:focus {
  border-color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
  box-shadow: 0 0 5px rgba(var(--site-accent-rgb, 148, 163, 184), 0.22);
}/* أزرار الأدلّة/المرفقات */
body.dark-mode .btn-show-proof {
  background: linear-gradient(135deg, var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c))) 0%, var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) 100%);
  color: #f0f1ff;
  box-shadow: 0 4px 10px rgba(12,13,32,0.5);
}

/* أقسام الدعم والفوتر */
body.dark-mode .support-section {
  background-color: #0C0C0C;
  border-top-color: var(--site-accent-runtime-surface-alt, #1c1d38);
}
body.dark-mode .support-title { color: #f0f1ff; }
body.dark-mode .support-icons .support-icon {
  background-color: #11122a;
  box-shadow: 0 4px 10px rgba(6,7,20,0.5);
}
body.dark-mode .support-icon:hover {
  box-shadow: 0 8px 16px rgba(6,7,20,0.6);
}

/* صندوق الأيقونات أسفل الصفحة */
body.dark-mode .footer-icons {
  background: linear-gradient(135deg, var(--site-accent-runtime-deep, var(--primary-dark, var(--accent-theme, #272a61))), #0C0C0C);
  box-shadow: 0 8px 18px rgba(6,7,20,0.55);
}
body.dark-mode .icon-box {
  background-color: #0C0C0C;
  color: #f0f1ff;
  box-shadow: 0 6px 14px rgba(6,7,20,0.4);
}
body.dark-mode .icon-box i { color: var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))); }
body.dark-mode .icon-box:hover i { color: var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); }
body.dark-mode .icon-box h3 { color: #f0f1ff; }
body.dark-mode .icon-box p { color: #cbd5e1; }

/* حقوق وشيفرات الروابط السفلية */
body.dark-mode .support-rights { color: #cbd5e1; }
body.dark-mode .support-rights a { color: #cfc6ff; }
body.dark-mode .support-rights a:hover { text-decoration: underline; }



/* تحسين استجابة قسم الدعم */
@media (max-width: 992px) {
  .support-icons {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .support-icons {
    gap: 14px;
  }
  .support-title {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .support-icons {
    gap: 10px;
  }
  .support-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
/* ===== Smooth Theme + Motion Tokens ===== */
:root {
  --theme-trans: 220ms;
  --anim-fast: 120ms;
  --anim-med: 220ms;
  --ease-soft: cubic-bezier(.25,.46,.45,.94);
  --ease-snappy: cubic-bezier(.22,.61,.36,1);
  --focus-ring: rgba(var(--site-accent-rgb, 148, 163, 184), .35);
}

html,
body,
input,
select,
textarea,
button,
.top-header,
#sidebar,
.content-container,
.support-section,
.footer-icons,
.icon-box,
.support-icon,
.modal,
.modal-content,
.card,
.offer-box,
.header-balance {
  transition: background-color var(--theme-trans) var(--ease-soft),
              color           var(--theme-trans) var(--ease-soft),
              border-color    var(--theme-trans) var(--ease-soft),
              box-shadow      var(--theme-trans) var(--ease-soft),
              transform       var(--anim-fast)   var(--ease-snappy);
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--theme-trans);
  animation-timing-function: var(--ease-soft);
}

/* Hint color-scheme for UA widgets */
body.dark-mode { color-scheme: dark; 
  color: #f0f1ff;
}

body.light-mode {
  background: #DCDCDC;
  color: #1b1d3b;
}
html[data-theme="dark"] body { color: #f0f1ff; }
html[data-theme="light"] body { color: #1b1d3b; }html[data-theme="dark"] { color-scheme: dark; }

/* ===== Interactive micro-interactions ===== */
/* Links and buttons */
a, button, .btn, .send-button, .search-container button, [role="button"], .header-balance {
  will-change: transform, box-shadow, background-color, color, border-color;
}
button, .btn, .send-button, .search-container button {
  transition: background-color var(--anim-med) var(--ease-soft),
              color           var(--anim-med) var(--ease-soft),
              border-color    var(--anim-med) var(--ease-soft),
              box-shadow      var(--anim-med) var(--ease-soft),
              transform       var(--anim-fast) var(--ease-snappy);
}
button:hover, .btn:hover, .send-button:hover, .search-container button:hover { transform: translateY(-1px); }
button:active, .btn:active, .send-button:active, .search-container button:active { transform: translateY(0); }
button:focus-visible, .btn:focus-visible, .send-button:focus-visible, .search-container button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus-ring);
}
.header-balance:hover { color: #f8fafc; }
html[data-theme="light"] .header-balance:hover,
body.light-mode .header-balance:hover { color: #0f172a; }

/* Cards and offers */
.card, .offer-box {
  transition: background-color var(--anim-med) var(--ease-soft),
              color           var(--anim-med) var(--ease-soft),
              border-color    var(--anim-med) var(--ease-soft),
              box-shadow      var(--anim-med) var(--ease-soft),
              transform       var(--anim-fast) var(--ease-snappy);
  will-change: transform, box-shadow;
  position: relative;
  overflow: hidden; /* للسماح بالرِبّل داخل حدود البطاقة */
}

/* Support/Icons */
.support-icon, .icon-box {
  transition: background-color var(--anim-med) var(--ease-soft),
              color           var(--anim-med) var(--ease-soft),
              border-color    var(--anim-med) var(--ease-soft),
              box-shadow      var(--anim-med) var(--ease-soft),
              transform       var(--anim-fast) var(--ease-snappy);
}
.support-icon:hover, .icon-box:hover { transform: translateY(-2px); }

/* Sidebar items */
#sidebar ul li {
  transition: background-color var(--anim-med) var(--ease-soft),
              color           var(--anim-med) var(--ease-soft),
              transform       var(--anim-fast) var(--ease-snappy);
}
#sidebar ul li:hover { transform: translateX(2px); }

/* Modal content (generic) */
.modal .modal-content {
  transition: background-color var(--anim-med) var(--ease-soft),
              color           var(--anim-med) var(--ease-soft),
              box-shadow      var(--anim-med) var(--ease-soft),
              border-color    var(--anim-med) var(--ease-soft),
              transform       var(--anim-fast) var(--ease-soft),
              opacity         var(--anim-med) var(--ease-soft);
}
.modal.open .modal-content { opacity: 1; transform: none; animation: modalIn var(--anim-med) var(--ease-soft) both; }
@keyframes modalIn {
  from { opacity: 0; transform: translateY(8px) scale(.98); }
  to { opacity: 1; transform: none; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .modal.open .modal-content { opacity: 1 !important; transform: none !important; }
}

.top-header .header-logo-link img { margin: 0; }

/* ===== Sidebar redesign (match reference style) ===== */
html body #sidebar {
  width: 286px;
  background: none !important;
  background-color: var(--site-sidebar-surface-dark, #474ca4) !important;
  background-image: var(--site-sidebar-gradient-dark, linear-gradient(180deg, #797dd1 0%, #666ac4 16%, #595eb6 58%, #474ca4 100%)) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 100% !important;
  isolation: isolate;
  box-shadow: -8px 0 28px rgba(3, 6, 18, 0.55);
  padding-top: var(--app-header-height, 70px);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge legacy */
}

html body #sidebar::before,
html body #sidebar::after {
  content: none !important;
  display: none !important;
}

html body #sidebar > * {
  position: relative;
  z-index: 1;
}

html[dir="ltr"] #sidebar {
  box-shadow: 8px 0 28px rgba(3, 6, 18, 0.55);
}

/* Light mode: align sidebar tone with site accent */
body.light-mode #sidebar,
html[data-theme="light"] body #sidebar {
  background: none !important;
  background-color: var(--site-sidebar-surface-light, var(--site-accent-runtime, var(--accent-theme, #878ae0))) !important;
  background-image: var(--site-sidebar-gradient-light, linear-gradient(180deg, var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #aeb0ec))) 0%, var(--site-accent-runtime, var(--accent-theme, #878ae0)) 62%, var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #6c70cc))) 100%)) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 100% !important;
  box-shadow: -8px 0 24px rgba(var(--site-accent-rgb, 92, 94, 191), 0.24);
}

html[dir="ltr"] body.light-mode #sidebar,
html[dir="ltr"][data-theme="light"] body #sidebar {
  box-shadow: 8px 0 24px rgba(var(--site-accent-rgb, 92, 94, 191), 0.24);
}

#sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

#sidebar .sidebar-top-shell {
  position: relative;
  z-index: 32;
  overflow: visible;
  padding: 16px 14px 20px;
  border-bottom: 1px solid rgba(219, 229, 255, 0.16);
}

#sidebar .sidebar-profile-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

#sidebar .sidebar-user-avatar {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  border: 2px solid rgba(232, 238, 255, 0.74);
  background: radial-gradient(circle at 30% 30%, #0f1729 0%, #05070f 70%);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.36);
}

#sidebar .sidebar-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

#sidebar .sidebar-user-avatar-fallback {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ecf3ff;
  font-size: 1.25rem;
}

#sidebar .sidebar-user-meta {
  min-width: 0;
  text-align: center;
}

#sidebar .sidebar-user-name-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  max-width: 100%;
}

#sidebar .sidebar-user-name {
  color: #f4f7ff;
  font-weight: 800;
  font-size: 1.08rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 132px;
}

#sidebar .sidebar-user-id {
  color: #d4ddf4;
  font-size: 0.78rem;
  font-weight: 700;
  direction: ltr;
}

#sidebar .sidebar-user-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #33ccff;
  box-shadow: 0 0 0 3px rgba(51, 204, 255, 0.22);
  flex: 0 0 9px;
}

#sidebar .sidebar-balance-value {
  display: none !important;
}

#sidebar .sidebar-balance-value--bottom {
  display: none !important;
}

#sidebar .sidebar-lang-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-bottom: 12px;
}

#sidebar .sidebar-lang-btn {
  appearance: none;
  border: none;
  background: transparent;
  color: #fff;
  border-radius: 0;
  height: auto;
  min-width: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .15s ease, filter .2s ease, opacity .2s ease;
}

#sidebar .sidebar-lang-flag {
  width: 50px;
  height: 36px;
  object-fit: cover;
  border-radius: 0;
  display: block;
  box-shadow: none;
}

#sidebar .sidebar-lang-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

#sidebar .sidebar-lang-btn.active {
  opacity: 1;
}

#sidebar .sidebar-lang-btn:not(.active) {
  opacity: .88;
}

#sidebar .sidebar-quick-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-bottom: 0;
}

#sidebar .sidebar-quick-btn {
  appearance: none;
  border: none;
  background: transparent !important;
  box-shadow: none !important;
  color: #ecf2ff;
  border-radius: 0;
  width: 46px;
  height: 52px;
  font-size: 1.35rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#sidebar .sidebar-quick-btn i {
  font-size: 1.36rem;
}

#sidebar .sidebar-quick-btn--heart { color: #ff4d5a; }
#sidebar .sidebar-quick-btn--account { color: #60a5fa; }
#sidebar .sidebar-quick-btn--auth { color: #34d399; }

#sidebar .sidebar-currency-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  z-index: 64;
  display: flex;
  justify-content: center;
}

#sidebar .sidebar-currency-pill {
  appearance: none;
  border: none;
  background: linear-gradient(90deg, #f4e59a 0%, #f5d969 100%);
  color: #906b00;
  border-radius: 999px;
  height: 26px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 900;
  font-size: 0.79rem;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(168, 127, 14, 0.35);
}

#sidebar .sidebar-currency-pill i {
  font-size: 0.9rem;
}

#sidebar .sidebar-currency-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 6px;
  right: 6px;
  margin: 0 auto;
  width: auto;
  max-height: 170px;
  overflow: auto;
  display: none;
  border-radius: 24px;
  border: 1px solid rgba(211, 221, 241, 0.24);
  background: rgba(17, 25, 41, 0.98);
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.45);
  padding: 4px;
  z-index: 72;
}

#sidebar .sidebar-currency-menu.open {
  display: block;
}

#sidebar .sidebar-currency-option {
  width: 100%;
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: #eaf1ff;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 700;
  text-align: center;
  padding: 7px 10px;
  cursor: pointer;
  line-height: 1.1;
}

#sidebar .sidebar-currency-option:hover {
  background: rgba(59, 130, 246, 0.18);
  border-color: rgba(99, 157, 255, 0.35);
}

#sidebar .sidebar-currency-option.active {
  background: linear-gradient(135deg, #1f3e76 0%, #24519f 100%);
  border-color: rgba(131, 177, 255, 0.56);
}

#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 28px 10px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  z-index: 1;
}

#sidebar ul li.sidebar-nav-item {
  min-height: 46px;
  border-radius: 10px;
  padding: 0 44px 0 16px;
  background: transparent !important;
  border: 1px solid transparent;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  position: relative;
  direction: rtl;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .18s ease, transform .16s ease;
}

#sidebar ul li.sidebar-nav-item:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(225, 234, 255, .14);
  box-shadow: 0 10px 18px rgba(7, 10, 24, .16) !important;
  transform: translateY(-1px);
}

#sidebar ul li.sidebar-nav-item:active,
#sidebar ul li.sidebar-nav-item:focus-within {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(225, 234, 255, .18);
  box-shadow: 0 10px 18px rgba(7, 10, 24, .18) !important;
  transform: translateY(-1px);
}

#sidebar ul li.sidebar-nav-item i {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--sidebar-item-icon, #36b6ff) !important;
  font-size: 1.14rem;
  min-width: 20px;
  text-align: center;
}

#sidebar #telegramBtn.has-sidebar-telegram-svg > i.sidebarTelegramSvgIcon {
  display: none !important;
}

#sidebar #telegramBtn.has-sidebar-telegram-svg::before {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 21px;
  height: 21px;
  transform: translateY(-50%);
  background: var(--sidebar-item-icon, #38bdf8);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.88 4.18c.27-.96-.66-1.77-1.56-1.37L2.98 10.42c-1.05.46-1 1.98.08 2.36l4.58 1.61 1.74 5.53c.32 1.02 1.63 1.31 2.35.52l2.47-2.72 4.5 3.35c.86.64 2.1.16 2.36-.88l3.82-16.01ZM8.54 13.18l8.86-5.62-6.76 7.04-.28 3.04-1.82-4.46Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.88 4.18c.27-.96-.66-1.77-1.56-1.37L2.98 10.42c-1.05.46-1 1.98.08 2.36l4.58 1.61 1.74 5.53c.32 1.02 1.63 1.31 2.35.52l2.47-2.72 4.5 3.35c.86.64 2.1.16 2.36-.88l3.82-16.01ZM8.54 13.18l8.86-5.62-6.76 7.04-.28 3.04-1.82-4.46Z'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

#sidebar #telegramBtn:not(.has-sidebar-telegram-svg)::before {
  content: none !important;
  display: none !important;
}

#sidebar ul li.sidebar-nav-item a {
  width: 100%;
  color: #eef3ff !important;
  text-decoration: none;
  font-size: 1.04rem;
  font-weight: 800;
  text-align: right;
  direction: rtl;
  pointer-events: none;
  padding-inline-end: 6px;
  transition: color .16s ease, opacity .16s ease;
}

#sidebar ul li.sidebar-nav-item:hover a,
#sidebar ul li.sidebar-nav-item:focus-within a {
  color: #ffffff !important;
}

#sidebar ul li.sidebar-nav-item:hover i,
#sidebar ul li.sidebar-nav-item:focus-within i {
  filter: brightness(1.14);
}

#sidebar #langLi,
#sidebar #currencyLi {
  display: none !important;
}

#sidebar section.support-section {
  margin: 4px 10px 12px;
  border-radius: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.light-mode #sidebar section.support-section,
html[data-theme="light"] #sidebar section.support-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#sidebar .support-rights {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 8px !important;
  background: transparent !important;
}

#sidebar .support-dev-credit-image-link {
  display: block !important;
  width: fit-content;
  margin: 0 auto 6px;
  padding: 0;
  background: transparent !important;
}

#sidebar .support-dev-credit-image {
  display: block;
  width: 74px !important;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
}

#sidebar .support-dev-credit-text-link {
  color: rgba(230, 237, 255, 0.88) !important;
  text-decoration: none;
  font-size: 11px;
  line-height: 1.45;
}

#sidebar .support-dev-credit-text-link:hover,
#sidebar .support-dev-credit-text-link:focus-visible {
  color: #ffffff !important;
  text-decoration: underline;
}

html[dir="ltr"] #sidebar .sidebar-user-meta,
html[dir="ltr"] #sidebar ul li.sidebar-nav-item a {
  text-align: left;
}

html[dir="ltr"] #sidebar ul li.sidebar-nav-item i {
  right: auto;
  left: 14px;
}

html[dir="ltr"] #sidebar ul li.sidebar-nav-item {
  direction: ltr;
  justify-content: flex-start;
  padding: 0 16px 0 44px;
}

@media (max-width: 768px) {
  #sidebar {
    width: min(290px, 88vw);
  }
}

/* Sidebar open/close animation + backdrop */
#sidebarBackdrop{
  display:none !important;
}
body.sidebar-open #sidebarBackdrop{
  opacity:0;
  pointer-events:none;
}
#sidebar{
  will-change:transform, opacity;
  visibility:hidden;
  pointer-events:none;
  opacity:.98;
  z-index:9500 !important;
  transform:translate3d(108%,0,0);
  transition:
    transform .34s cubic-bezier(.22,1,.36,1),
    opacity .24s ease,
    visibility 0s linear .34s;
}
#sidebar.active,
#sidebar.opening{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:0s;
}
#sidebar.opening{
  animation:sidebarSlideInRtl .34s cubic-bezier(.22,1,.36,1) both;
}
#sidebar.closing{
  visibility:visible;
  pointer-events:none;
  transform:translate3d(108%,0,0);
  animation:sidebarSlideOutRtl .28s cubic-bezier(.22,1,.36,1) both;
}
html[dir="ltr"] #sidebar{
  transform:translate3d(-108%,0,0);
}
html[dir="ltr"] #sidebar.active,
html[dir="ltr"] #sidebar.opening{
  transform:translate3d(0,0,0);
}
html[dir="ltr"] #sidebar.opening{
  animation:sidebarSlideInLtr .34s cubic-bezier(.22,1,.36,1) both;
}
html[dir="ltr"] #sidebar.closing{
  transform:translate3d(-108%,0,0);
  animation:sidebarSlideOutLtr .28s cubic-bezier(.22,1,.36,1) both;
}
#sidebar ul li.sidebar-nav-item{
  opacity:0;
  transform:translate3d(12px, 0, 0);
  transition:opacity .24s ease, transform .32s cubic-bezier(.22,1,.36,1);
}
body.sidebar-open #sidebar ul li.sidebar-nav-item{
  opacity:1;
  transform:translate3d(0, 0, 0);
}
html[dir="ltr"] #sidebar ul li.sidebar-nav-item{
  transform:translate3d(-12px, 0, 0);
}
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(1){ transition-delay:.02s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(2){ transition-delay:.04s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(3){ transition-delay:.06s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(4){ transition-delay:.08s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(5){ transition-delay:.10s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(6){ transition-delay:.12s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(7){ transition-delay:.14s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(8){ transition-delay:.16s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(9){ transition-delay:.18s; }
body.sidebar-open #sidebar ul li.sidebar-nav-item:nth-child(10){ transition-delay:.20s; }

@keyframes sidebarSlideInRtl{
  from{transform:translate3d(108%,0,0);opacity:.88;}
  to{transform:translate3d(0,0,0);opacity:1;}
}
@keyframes sidebarSlideOutRtl{
  from{transform:translate3d(0,0,0);opacity:1;}
  to{transform:translate3d(108%,0,0);opacity:.92;}
}
@keyframes sidebarSlideInLtr{
  from{transform:translate3d(-108%,0,0);opacity:.88;}
  to{transform:translate3d(0,0,0);opacity:1;}
}
@keyframes sidebarSlideOutLtr{
  from{transform:translate3d(0,0,0);opacity:1;}
  to{transform:translate3d(-108%,0,0);opacity:.92;}
}











/* Source: inline <style> blocks from index.html */
/* #google-redirect-pending-style */
html.google-redirect-pending,
    html.google-redirect-pending body{
      cursor:wait;
    }
    html.google-redirect-pending #preloader,
    html.google-redirect-pending #preloader.hidden,
    html.google-redirect-pending #preloader.closing{
      content:"";
      position:fixed;
      inset:0;
      z-index:2147483000;
      background:rgba(3,7,18,.72);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      display:flex !important;
      align-items:center;
      justify-content:center;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto;
    }
    html.google-redirect-pending #preloader .loader{
      position:relative;
      width:128px;
      height:128px;
      border-radius:50%;
      --c1:var(--site-accent-runtime, #6b7280);
      --c2:var(--site-accent-runtime-light, #94a3b8);
      --c3:var(--site-accent-runtime-strong, #cbd5e1);
      display:grid;
      place-items:center;
      opacity:1 !important;
      transform:scale(1) !important;
      animation:loader-pulse 1.2s ease-in-out infinite;
      filter:drop-shadow(0 6px 18px rgba(var(--site-accent-rgb, 107, 114, 128), .35));
    }
    html.google-redirect-pending #preloader .loader::before,
    html.google-redirect-pending #preloader .loader::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:50%;
      -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
              mask:radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
    }
    html.google-redirect-pending #preloader .loader::before{
      background:conic-gradient(from 0deg, var(--c1) 0 140deg, transparent 140deg 360deg);
      animation:ring-spin-a .8s linear infinite;
    }
    html.google-redirect-pending #preloader .loader::after{
      inset:10px;
      background:conic-gradient(from 180deg, var(--c3) 0 110deg, transparent 110deg 360deg);
      animation:ring-spin-b .9s linear infinite reverse;
    }
    @keyframes loader-pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
    @keyframes ring-spin-a{to{transform:rotate(1turn);}}
    @keyframes ring-spin-b{to{transform:rotate(1turn);}}

/* #site-no-black-background-gradients */
html[data-theme="dark"],
    html[data-theme="dark"] body,
    body.dark-mode{
      background:#0C0C0C !important;
      background-image:none !important;
    }

    html[data-theme="dark"] :is(
      main,
      #inlinePage,
      .home-sections,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      #depositInlineApp main,
      .wallet-page,
      .wallet-page main,
      .transfer-page,
      .transfer-page main,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .settings-page,
      .security-page,
      .telegram-link-page,
      #apiInlineRoot,
      #loginInline
    ),
    body.dark-mode :is(
      main,
      #inlinePage,
      .home-sections,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      #depositInlineApp main,
      .wallet-page,
      .wallet-page main,
      .transfer-page,
      .transfer-page main,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .settings-page,
      .security-page,
      .telegram-link-page,
      #apiInlineRoot,
      #loginInline
    ){
      background:#0C0C0C !important;
      background-image:none !important;
    }

    html[data-theme="dark"] :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .wallet-page .list,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-card,
      .transfer-panel,
      .modal-content,
      .info-list,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-select-trigger,
      .smm-inline-description-body
    ),
    body.dark-mode :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .wallet-page .list,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-card,
      .transfer-panel,
      .modal-content,
      .info-list,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-select-trigger,
      .smm-inline-description-body
    ){
      background-color:#0C0C0C !important;
      background-image:none !important;
    }

    body.dark-mode .transfer-page main::before,
    body.dark-mode .transfer-page main::after,
    html[data-theme="dark"] .transfer-page main::before,
    html[data-theme="dark"] .transfer-page main::after,
    body.dark-mode #notFoundInline .not-found-card::after,
    html[data-theme="dark"] #notFoundInline .not-found-card::after{
      content:none !important;
      display:none !important;
      background:none !important;
    }

/* #startup-loader-style */
#preloader{
      position:fixed;
      inset:0;
      z-index:200000;
      display:flex;
      align-items:center;
      justify-content:center;
      --overlay:rgba(246,247,255,.65);
      background:var(--overlay);
      -webkit-backdrop-filter:blur(6px);
      backdrop-filter:blur(6px);
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transition:opacity .24s ease,visibility .24s ease;
    }
    html[data-theme="dark"] #preloader,
    body.dark-mode #preloader{
      --overlay:rgba(5,5,11,.72);
    }
    #preloader.hidden,
    #preloader.closing{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
    }
    html.deposit-countries-loader-pending #preloader,
    body.deposit-countries-loader-pending #preloader,
    html.deposit-countries-loader-pending #preloader.hidden,
    body.deposit-countries-loader-pending #preloader.hidden,
    html.deposit-countries-loader-pending #preloader.closing,
    body.deposit-countries-loader-pending #preloader.closing{
      display:flex !important;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto !important;
      z-index:200000 !important;
    }
    html.catalog-loader-pending #preloader,
    body.catalog-loader-pending #preloader,
    html.catalog-loader-pending #preloader.hidden,
    body.catalog-loader-pending #preloader.hidden,
    html.catalog-loader-pending #preloader.closing,
    body.catalog-loader-pending #preloader.closing{
      display:flex !important;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto !important;
      z-index:200000 !important;
    }
    html.deposit-countries-loader-pending #preloader .loader,
    body.deposit-countries-loader-pending #preloader .loader,
    html.deposit-countries-loader-pending #preloader.hidden .loader,
    body.deposit-countries-loader-pending #preloader.hidden .loader,
    html.deposit-countries-loader-pending #preloader.closing .loader,
    body.deposit-countries-loader-pending #preloader.closing .loader{
      display:grid !important;
      place-items:center !important;
      position:relative !important;
      width:128px !important;
      height:128px !important;
      border-radius:50% !important;
      opacity:1 !important;
      visibility:visible !important;
      transform:scale(1) !important;
      animation:startup-loader-pulse 1.2s ease-in-out infinite !important;
    }
    html.catalog-loader-pending #preloader .loader,
    body.catalog-loader-pending #preloader .loader,
    html.catalog-loader-pending #preloader.hidden .loader,
    body.catalog-loader-pending #preloader.hidden .loader,
    html.catalog-loader-pending #preloader.closing .loader,
    body.catalog-loader-pending #preloader.closing .loader{
      display:grid !important;
      place-items:center !important;
      position:relative !important;
      width:128px !important;
      height:128px !important;
      border-radius:50% !important;
      opacity:1 !important;
      visibility:visible !important;
      transform:scale(1) !important;
      animation:startup-loader-pulse 1.2s ease-in-out infinite !important;
    }
    #preloader .loader{
      position:relative;
      width:128px;
      height:128px;
      border-radius:50%;
      --c1:var(--site-accent-runtime,#6b7280);
      --c2:var(--site-accent-runtime-light,#94a3b8);
      --c3:var(--site-accent-runtime-strong,#475569);
      display:grid;
      place-items:center;
      filter:drop-shadow(0 6px 18px rgba(var(--site-accent-rgb,107,114,128),.35));
      animation:startup-loader-pulse 1.2s ease-in-out infinite;
    }
    html[data-theme="dark"] #preloader .loader,
    body.dark-mode #preloader .loader{
      --c1:var(--site-accent-runtime,#6b7280);
      --c2:var(--site-accent-runtime-light,#cbd5e1);
      --c3:var(--site-accent-runtime-light,#cbd5e1);
    }
    #preloader .loader::before,
    #preloader .loader::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:50%;
      -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
              mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
    }
    #preloader .loader::before{
      background:conic-gradient(from 0deg,var(--c1) 0 140deg,transparent 140deg 360deg);
      animation:startup-loader-spin .8s linear infinite;
    }
    #preloader .loader::after{
      inset:10px;
      background:conic-gradient(from 180deg,var(--c3) 0 110deg,transparent 110deg 360deg);
      animation:startup-loader-spin .9s linear infinite reverse;
    }
    @keyframes startup-loader-spin{to{transform:rotate(1turn);}}
    @keyframes startup-loader-pulse{0%,100%{opacity:1;}50%{opacity:.3;}}

/* #critical-theme */
:root { color-scheme: light; }
    html[data-theme="dark"]  { background: #0C0C0C; color:var(--site-text-dark, #f0f1ff); }
    html[data-theme="light"] { background: #DCDCDC; color:var(--site-text-light, #1b1d3b); }
    html.custom-viewport-scrollbar{scrollbar-gutter:auto !important;}
    html.custom-viewport-scrollbar,
    html.custom-viewport-scrollbar body{
      scrollbar-width:none !important;
      -ms-overflow-style:none !important;
    }
    html.custom-viewport-scrollbar::-webkit-scrollbar,
    html.custom-viewport-scrollbar body::-webkit-scrollbar{
      width:0 !important;
      height:0 !important;
      display:none !important;
    }
    html, body {
      margin:0;
      padding:0;
      overflow-x:hidden;
      scrollbar-width:thin;
      scrollbar-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))) rgba(var(--site-accent-rgb, 148, 163, 184), .16);
    }
    body { background: inherit; color: inherit; }
    .app-viewport-scrollbar{
      position:fixed;
      top:0;
      bottom:0;
      right:0;
      width:6px;
      z-index:4800;
      pointer-events:auto;
      user-select:none;
      -webkit-user-select:none;
      opacity:.98;
      background:rgba(236,237,248,.98);
      box-shadow:inset 1px 0 0 rgba(255,255,255,.18);
      transition:none !important;
      animation:none !important;
    }
    .app-viewport-scrollbar.is-disabled{display:none !important;}
    .app-viewport-scrollbar.is-hidden{opacity:0;}
    .app-viewport-scrollbar__track{
      position:relative;
      width:100%;
      height:100%;
      border-radius:0;
      cursor:pointer;
      transition:none !important;
      animation:none !important;
      background:transparent;
      box-shadow:none;
    }
    .app-viewport-scrollbar__thumb{
      position:absolute;
      top:0;
      left:0;
      right:0;
      min-height:28px;
      border-radius:999px;
      cursor:grab;
      background:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
      border:1px solid rgba(255,255,255,.2);
      box-shadow:inset 0 0 6px rgba(255,255,255,.35);
      transform:none !important;
      will-change:auto;
      transition:none !important;
      animation:none !important;
    }
    .app-viewport-scrollbar.is-dragging .app-viewport-scrollbar__thumb{cursor:grabbing;}
    .app-viewport-scrollbar.is-static .app-viewport-scrollbar__thumb{opacity:.44;}
    @media (max-width: 991px), (hover: none), (pointer: coarse){
      html,
      body{
        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
      }
      html::-webkit-scrollbar,
      body::-webkit-scrollbar{
        width:0 !important;
        height:0 !important;
        display:none !important;
      }
      .app-viewport-scrollbar{display:none !important;}
    }
    html[data-theme="light"] .app-viewport-scrollbar,
    body.light-mode .app-viewport-scrollbar{
      background:rgba(236,237,248,.98);
      box-shadow:inset 1px 0 0 rgba(255,255,255,.18);
    }
    html[data-theme="light"] .app-viewport-scrollbar__track,
    body.light-mode .app-viewport-scrollbar__track{
      background:transparent;
    }
    html[data-theme="dark"],
    body.dark-mode{
      scrollbar-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))) rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    }
    html[data-theme="dark"] .app-viewport-scrollbar,
    body.dark-mode .app-viewport-scrollbar{
      background:rgba(20,21,34,.985);
      box-shadow:inset 1px 0 0 rgba(255,255,255,.08);
    }
    html[data-theme="dark"] .app-viewport-scrollbar__track,
    body.dark-mode .app-viewport-scrollbar__track{
      background:transparent;
    }
    html[data-theme="dark"] .app-viewport-scrollbar__thumb,
    body.dark-mode .app-viewport-scrollbar__thumb{
      background:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));
    }
    html::-webkit-scrollbar,
    body::-webkit-scrollbar{width:10px;height:10px;}
    html::-webkit-scrollbar-button,
    body::-webkit-scrollbar-button,
    *::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent;}
    html::-webkit-scrollbar-button:single-button,
    body::-webkit-scrollbar-button:single-button,
    *::-webkit-scrollbar-button:single-button,
    html::-webkit-scrollbar-button:single-button:vertical:decrement,
    body::-webkit-scrollbar-button:single-button:vertical:decrement,
    *::-webkit-scrollbar-button:single-button:vertical:decrement,
    html::-webkit-scrollbar-button:single-button:vertical:increment,
    body::-webkit-scrollbar-button:single-button:vertical:increment,
    *::-webkit-scrollbar-button:single-button:vertical:increment,
    html::-webkit-scrollbar-button:single-button:horizontal:decrement,
    body::-webkit-scrollbar-button:single-button:horizontal:decrement,
    *::-webkit-scrollbar-button:single-button:horizontal:decrement,
    html::-webkit-scrollbar-button:single-button:horizontal:increment,
    body::-webkit-scrollbar-button:single-button:horizontal:increment,
    *::-webkit-scrollbar-button:single-button:horizontal:increment{display:none !important;width:0 !important;height:0 !important;background:transparent !important;}
    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .14);
      border-radius:999px;
    }
    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb{
      background:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
      border-radius:999px;
      border:2px solid transparent;
      background-clip:padding-box;
    }
    html[data-theme="dark"]::-webkit-scrollbar-track,
    body.dark-mode::-webkit-scrollbar-track{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    }
    html[data-theme="dark"]::-webkit-scrollbar-thumb,
    body.dark-mode::-webkit-scrollbar-thumb{
      background:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));
    }

/* inline-style-5 */
/* Auto ribbon like games */
  :root { --auto-ribbon-text: "تلقائي"; }
  a.card.auto{position:relative;overflow:hidden}
  a.card.auto::before {
    content: var(--auto-ribbon-text);
    position: absolute;
    top: 12px;
    right: -50px;
    width: 160px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: .9rem;
    color: #fff;
    background:
      linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 60%),
      linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))));
    transform: rotate(45deg);
    border-radius: 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 10px 20px rgba(0,0,0,.18),
                inset 0 1px 0 rgba(255,255,255,.25),
                inset 0 -1px 0 rgba(0,0,0,.15);
    pointer-events: none;
    z-index: 3;
  }

  .catalog-branches{
    display:grid;
    grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr));
    gap:16px;
    width:min(100%,var(--home-section-width));
    max-width:var(--home-section-width);
    margin:0 auto 18px;
    align-items:stretch;
    justify-content:center;
    box-sizing:border-box;
  }
  .catalog-branch-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--card-border-strong);
    background:var(--card-gradient);
    color:var(--card-text);
    border-radius:14px;
    padding:10px;
    text-align:center;
    cursor:pointer;
    box-shadow:var(--card-shadow);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100%;
    max-width:none;
    justify-self:center;
    font: inherit;
    appearance: none;
  }
  .catalog-branch-card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at top right, rgba(255,255,255,.32), rgba(255,255,255,0) 55%);
    opacity:.65;
  }
  html[data-theme="dark"] .catalog-branch-card::after{
    background:radial-gradient(circle at top right, rgba(156,158,222,.18), rgba(0,0,0,0) 60%);
    opacity:.4;
  }
  .catalog-branch-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--card-shadow-hover);
    border-color:var(--card-border-hover);
  }
  .catalog-branch-card.active{
    border-color:var(--card-border-hover);
    box-shadow:0 18px 34px rgba(var(--site-accent-rgb, 148, 163, 184), .28);
  }
  .catalog-branch-card img{
    width:100%;
    aspect-ratio:1/1;
    height:auto;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:0;
    background-color:transparent;
  }
.catalog-branch-card h2{
  font-weight:700;
  font-size:.9rem;
  margin:0;
  line-height:1.35;
  word-break:break-word;
}
  @media (max-width:768px){
    .catalog-branches{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr));gap:12px;}
    .catalog-branch-card{padding:12px;}
  .catalog-branch-card h2{font-size:.82rem;}
  }
  @media (max-width:600px){
    .catalog-branches{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr));gap:10px;}
    .catalog-branch-card{max-width:none; padding:9px;}
  }
  @media (max-width:480px){
    .catalog-branch-card{padding:10px;}
  .catalog-branch-card h2{font-size:.78rem;}
  }

  @keyframes ribbonShift{
    0%   { background-position: 0 0, 0% 50%; }
    50%  { background-position: 0 0, 100% 50%; }
    100% { background-position: 0 0, 0% 50%; }
  }
  @media (prefers-reduced-motion: reduce){ a.card.auto::before{ animation:none } }
  html[data-theme="dark"] a.card.auto::before{
    background:
      linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 60%),
      linear-gradient(135deg,var(--site-accent-runtime, var(--accent-theme, #5c5ebf)),var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))));
    background-size:100% 100%, 200% 100%;
    background-position:0 0, 0% 50%;
  }
  /* Premium visual enhancements for .card.auto */
  a.card.auto{
    border:1.5px solid transparent;
    background:
      linear-gradient(var(--card-bg),var(--card-bg)) padding-box,
      linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))) border-box;
    box-shadow:0 8px 22px rgba(0,0,0,.12), 0 1px 0 rgba(255,255,255,.04) inset;
    transition:transform .25s ease, box-shadow .35s ease, filter .25s ease;
    animation:none;
  }
  html[data-theme="dark"] a.card.auto{
    background:
      linear-gradient(var(--card-bg),var(--card-bg)) padding-box,
      linear-gradient(135deg,var(--site-accent-runtime, var(--accent-theme, #5c5ebf)),var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)))) border-box;
    box-shadow:0 10px 26px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.04) inset;
  }
  @keyframes luxPulse{
    0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.12), 0 0 0 0 rgba(250,204,21,.0)}
    50%{box-shadow:0 12px 34px rgba(0,0,0,.16), 0 0 24px 0 rgba(250,204,21,.18)}
  }
  a.card.auto img{transition:transform .45s ease, filter .35s ease; will-change:transform}
  a.card.auto:hover img{transform:scale(1.06) translateY(-2px); filter:saturate(1.08) contrast(1.05)}
  a.card.auto:not(.pending-state):not(.maintenance)::after{
    content:""; position:absolute; inset:-20% -120% -20% -120%;
    background:linear-gradient(115deg, transparent 45%, rgba(255,255,255,.38) 50%, transparent 55%);
    transform:translateX(-20%) rotate(12deg);
    pointer-events:none; z-index:1;
    opacity:0;
    animation:none;
    transition:opacity .35s ease;
  }
  @keyframes luxSweep{ 0%{transform:translateX(-20%) rotate(12deg)} 100%{transform:translateX(120%) rotate(12deg)} }
  @media (hover:hover){
    a.card.auto:hover,
    a.card.auto:focus-visible{
      animation:luxPulse 3.6s ease-in-out infinite;
    }
    a.card.auto:hover:not(.pending-state):not(.maintenance)::after,
    a.card.auto:focus-visible:not(.pending-state):not(.maintenance)::after{
      opacity:1;
      animation:luxSweep 2.2s linear forwards;
    }
  }
  @media (hover:none){
    a.card.auto:active:not(.pending-state):not(.maintenance)::after{
      opacity:1;
      animation:luxSweep 2.2s linear forwards;
    }
  }
  @media (prefers-reduced-motion: reduce){
    a.card.auto::after{animation:none}
    a.card.auto:hover,
    a.card.auto:focus-visible{ animation:none; }
  }
  a.card.auto:hover{ transform:translateY(-4px) scale(1.01); box-shadow:0 16px 36px rgba(0,0,0,.18), 0 0 28px rgba(250,204,21,.16) }
  @media (max-width: 600px){
    a.card.auto::before{
      width: 120px;
      height: 26px;
      top: 10px;
      right: -38px;
      font-size: .72rem;
      border-radius: 8px;
    }
  }

  /* Inline page chrome */
  #inlinePage{margin-top:0}
  /* toolbar disabled per request */
  .inline-toolbar{display:none}
  .inline-back{display:none}
  .inline-title{display:none}

/* inline-style-6 */
.reviews-page{
      padding:0 16px 48px;
      --reviews-chip-bg:rgba(var(--site-accent-rgb, 148, 163, 184), .10);
      --reviews-chip-bg-hover:rgba(var(--site-accent-rgb, 148, 163, 184), .16);
      --reviews-chip-border:rgba(var(--site-accent-rgb, 148, 163, 184), .36);
      --reviews-chip-text:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
      --reviews-vote-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
      --reviews-textarea-bg:#fff;
      --reviews-textarea-text:#1f2937;
      --reviews-textarea-border:rgba(var(--site-accent-rgb, 148, 163, 184), .34);
    }
    .reviews-page .reviews-spacer{height:70px;}
    @media(max-width:720px){.reviews-page .reviews-spacer{height:54px;}}
    .reviews-page *{box-sizing:border-box;}
    .reviews-page main{max-width:960px;margin:30px auto;background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
    @media(max-width:720px){.reviews-page main{margin:20px 15px;padding:20px;}}
    .reviews-page .review-form{margin-bottom:40px;position:relative;}
    .reviews-page .user-name{font-weight:bold;margin-bottom:10px;color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));}
    .reviews-page .stars{display:flex;justify-content:flex-start;gap:0;font-size:30px;cursor:pointer;color:#ccc;user-select:none;}
    .reviews-page .stars .selected{color:#ffb400;text-shadow:0 0 5px #ffb400aa;}
    .reviews-page textarea{width:100%;min-height:100px;padding:12px 15px;font-size:16px;border-radius:8px;border:1px solid var(--reviews-textarea-border);background:var(--reviews-textarea-bg);color:var(--reviews-textarea-text);margin-top:15px;resize:vertical;transition:border-color .3s ease, box-shadow .3s ease, background-color .3s ease;}
    .reviews-page textarea:focus{outline:none;border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));box-shadow:0 0 8px rgba(var(--site-accent-rgb, 148, 163, 184), .27);}
    .reviews-page .code-preview{position:absolute;bottom:-30px;right:0;left:0;background-color:rgba(0,123,255,.1);padding:8px 15px;border-radius:8px;color:#555;font-size:14px;opacity:.7;transition:opacity .3s;pointer-events:none;display:none;}
    .reviews-page button{margin-top:20px;background-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));color:#fff;padding:12px 25px;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;display:block;width:100%;}
    .reviews-page button:disabled{background-color:#cfc6ff;cursor:not-allowed;}
    .reviews-page button:hover:not(:disabled){background-color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));}
    .reviews-page .rating-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
    .reviews-page .rating-filter{background:var(--reviews-chip-bg);border:1px solid var(--reviews-chip-border);color:var(--reviews-chip-text);border-radius:14px;padding:5px 10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:4px;font-size:12px;line-height:1.1;}
    .reviews-page .rating-filter:hover{background:var(--reviews-chip-bg-hover);}
    .reviews-page .rating-filter.active{background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));color:#fff;border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));}
    .reviews-page .rating-filter .stars{font-size:13px;gap:0;color:inherit;}
    .reviews-page .rating-filter .count{font-size:11px;opacity:.8;}
    .reviews-page .reviews-list{max-height:800px;overflow-y:auto;padding-right:10px;}
    .reviews-page .review-item{position:relative;border-bottom:1px solid #eee;padding:12px 0;display:block;}
    .reviews-page .review-item:last-child{border-bottom:none;}
    .reviews-page .header-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef))));color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;user-select:none;flex:0 0 28px;margin-inline-end:6px;}
    .reviews-page .header-avatar.small{width:22px;height:22px;font-size:12px;flex:0 0 22px;}
    .reviews-page .review-main{min-width:0;}
    .reviews-page .review-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap;}
    .reviews-page .review-header .username{font-weight:800;color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));}
    .reviews-page .review-header .time{font-size:12px;color:#7a8694;}
    .reviews-page .review-header .sep{opacity:.6;}
    .reviews-page .mini-stars{display:inline-flex;gap:2px;margin-inline-start:6px;}
    .reviews-page .mini-stars i{font-size:12px;color:#ffb400;}
    .reviews-page .review-user,
    .reviews-page .review-code,
    .reviews-page .review-stars{display:none;}
    .reviews-page .review-text{font-size:17px;line-height:1.5;white-space:pre-wrap;color:#444;}
    .reviews-page .review-date{font-size:13px;color:#999;margin-top:6px;}
    .reviews-page .review-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
    .reviews-page .vote-btn{display:inline-flex!important;align-items:center;gap:6px;padding:4px 10px;border-radius:18px;border:1px solid #ddd;background:#f7f8fa!important;cursor:pointer;font-size:13px;line-height:1;width:auto!important;box-shadow:none!important;}
    .reviews-page .vote-btn i{color:#64748b;font-size:14px;}
    .reviews-page .vote-btn.active{background:#e6f4ff;border-color:#eef0ff;}
    .reviews-page .vote-count{font-weight:700;color:var(--reviews-vote-color)!important;}
    .reviews-page .vote-btn.reply,
    .reviews-page .vote-btn.report{color:var(--reviews-vote-color)!important;}
    .reviews-page .vote-btn.reply i,
    .reviews-page .vote-btn.report i,
    .reviews-page .vote-btn.reply .reply-label,
    .reviews-page .vote-btn.report .report-label{color:var(--reviews-vote-color)!important;}
    .reviews-page .vote-btn.reply .reply-label{margin-inline-start:4px;}
    .reviews-page .reply-box{display:none;margin-top:8px;flex-basis:100%;width:100%;background:linear-gradient(180deg,#f9fcff,#f1f7ff);border:1px solid #eceeff;border-radius:14px;padding:14px 16px;box-shadow:0 4px 14px rgba(var(--site-accent-rgb, 148, 163, 184), 0.12);flex-direction:column;gap:10px;transition:box-shadow .2s ease,border-color .2s ease;}
    .reviews-page .reply-box.open{display:flex;}
    .reviews-page .reply-box .reply-input{width:100%;background:#fff;color:#111827;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;min-height:120px;resize:vertical;font-size:15px;line-height:1.6;}
    .reviews-page .reply-box .reply-input:focus{border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .20);}
    .reviews-page .reply-box .reply-input::placeholder{color:#9ea0d9;}
    .reviews-page .reply-box .send-reply{margin-top:8px;width:auto!important;display:inline-flex!important;padding:10px 16px;font-size:15px;background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px rgba(2,132,199,.25);transition:transform .15s ease,filter .15s ease,box-shadow .2s ease;align-self:flex-start;}
    .reviews-page .reply-box .send-reply:hover{filter:brightness(1.05);transform:translateY(-1px);}
    .reviews-page .reply-box .send-reply:active{transform:translateY(0);}
    .reviews-page .reply-box .cancel-reply{margin-top:8px;width:auto!important;display:inline-flex!important;padding:10px 16px;font-size:14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#475569;cursor:pointer;}
    .reviews-page .replies{margin-top:10px;background:transparent;border:0;padding:0;}
    .reviews-page .replies.collapsed{display:none;}
    .reviews-page .replies-list{margin-top:8px;margin-inline-start:16px;padding-inline-start:14px;border-inline-start:2px solid #e5e7eb;}
    .reviews-page .reply-item{margin-top:10px;}
    .reviews-page .reply-meta{font-size:12px;color:#666;}
    .reviews-page .reply-actions{display:flex;align-items:center;gap:14px;margin-top:6px;}
    .reviews-page .reply-link{background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf))!important;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;line-height:1;width:auto!important;box-shadow:none!important;border-radius:0!important;}
    .reviews-page .reply-link:hover{text-decoration:underline;}
    .reviews-page .reply-text{white-space:pre-wrap;color:#333;}
    .reviews-page .reviews-list .vote-btn,
    .reviews-page .reviews-list .send-reply,
    .reviews-page .reviews-list .cancel-reply{width:auto!important;display:inline-flex!important;}
    .reviews-page .reviews-list .review-actions .vote-btn:empty{display:none!important;}
    .reviews-page .reviews-list .review-actions .vote-btn.reply i{font-size:14px;}
    .reviews-page .reviews-list::-webkit-scrollbar{width:8px;}
    @media (max-width: 720px){
      .reviews-page main{margin:26px 0 32px;padding:22px;border-radius:14px;}
      .reviews-page .reviews-spacer{height:54px;}
      .reviews-page .review-form{margin-bottom:30px;}
      .reviews-page textarea{min-height:120px;}
      .reviews-page .rating-filters{margin-bottom:16px;overflow-x:auto;gap:8px;scrollbar-width:none;}
      .reviews-page .rating-filters::-webkit-scrollbar{display:none;}
      .reviews-page .rating-filter{flex:0 0 auto;}
      .reviews-page .reviews-list{max-height:none;padding-right:0;}
      .reviews-page .review-item{padding:14px 0;}
      .reviews-page .review-header{gap:6px;}
    }
    @media (max-width: 540px){
      .reviews-page main{margin:20px 0 28px;padding:20px;}
      .reviews-page .reviews-spacer{height:42px;}
      .reviews-page .stars{font-size:26px;}
      .reviews-page textarea{font-size:15px;}
      .reviews-page button{font-size:16px;padding:11px 20px;}
      .reviews-page .rating-filter{padding:4px 8px;font-size:11px;border-radius:12px;gap:3px;}
      .reviews-page .rating-filter .stars{font-size:12px;}
      .reviews-page .rating-filter .count{font-size:10px;}
      .reviews-page .review-item{padding:12px 0;border-bottom:1px solid #eceff7;margin:0;}
      .reviews-page .review-item:last-child{border-bottom:none;}
      .reviews-page .review-header{flex-direction:column;align-items:flex-start;gap:4px;}
      .reviews-page .review-text{font-size:15px;line-height:1.55;}
      .reviews-page .review-actions{gap:6px;}
      .reviews-page .vote-btn{padding:6px 10px;font-size:12px;}
      .reviews-page .vote-btn i{font-size:12px;}
      .reviews-page .vote-count{font-size:12px;}
      .reviews-page .review-date{font-size:12px;}
    }
    .reviews-page .reviews-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;}
    .reviews-page .reviews-list::-webkit-scrollbar-thumb{background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));border-radius:4px;}
    html[data-theme="dark"] .reviews-page,
    body.dark-mode .reviews-page{
      --reviews-chip-bg:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
      --reviews-chip-bg-hover:rgba(var(--site-accent-rgb, 148, 163, 184), .26);
      --reviews-chip-border:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
      --reviews-chip-text:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #d8dcff)));
      --reviews-textarea-bg:rgba(var(--site-accent-rgb, 148, 163, 184), .08);
      --reviews-textarea-text:#f0f1ff;
      --reviews-textarea-border:rgba(var(--site-accent-rgb, 148, 163, 184), .55);
    }
    body.dark-mode .reviews-page main{background:var(--site-accent-runtime-surface, #0f1024);box-shadow:0 6px 18px rgba(0,0,0,.45);color:#f0f1ff;}
    body.dark-mode .reviews-page .user-name,
    body.dark-mode .reviews-page .review-user{color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));}
    body.dark-mode .reviews-page .stars{color:#64748b;}
    body.dark-mode .reviews-page .stars .selected,
    body.dark-mode .reviews-page .review-stars{color:#fbbf24;text-shadow:0 0 6px #fbbf2499;}
    body.dark-mode .reviews-page textarea{background:var(--reviews-textarea-bg);color:var(--reviews-textarea-text);border-color:var(--reviews-textarea-border);}
    body.dark-mode .reviews-page textarea:focus{border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));box-shadow:0 0 8px rgba(var(--site-accent-rgb, 148, 163, 184), .33);}
    body.dark-mode .reviews-page button{background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c))));color:#f0f1ff;}
    body.dark-mode .reviews-page button:hover:not(:disabled){background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));}
    body.dark-mode .reviews-page button:disabled{background-color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)));}
    body.dark-mode .reviews-page .rating-filter{background:var(--reviews-chip-bg);border-color:var(--reviews-chip-border);color:var(--reviews-chip-text);}
    body.dark-mode .reviews-page .rating-filter:hover{background:var(--reviews-chip-bg-hover);}
    body.dark-mode .reviews-page .rating-filter.active{background:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-surface, #05050b);}
    body.dark-mode .reviews-page .review-text{color:#dbe2ea;}
    body.dark-mode .reviews-page .review-date{color:#9ea0d9;}
    body.dark-mode .reviews-page .review-header .username{color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));}
    body.dark-mode .reviews-page .review-header .time{color:#9fb0c5;}
    body.dark-mode .reviews-page .vote-btn{background:#0e1623!important;border-color:#2b2d52;color:#f0f1ff;}
    body.dark-mode .reviews-page .vote-btn i{color:#9aa9bc;}
    body.dark-mode .reviews-page .vote-btn.reply,
    body.dark-mode .reviews-page .vote-btn.report{color:var(--reviews-vote-color)!important;}
    body.dark-mode .reviews-page .vote-btn.reply i,
    body.dark-mode .reviews-page .vote-btn.report i,
    body.dark-mode .reviews-page .vote-btn.reply .reply-label,
    body.dark-mode .reviews-page .vote-btn.report .report-label{color:var(--reviews-vote-color)!important;}
    body.dark-mode .reviews-page .vote-btn.active{background:var(--site-accent-runtime-surface-alt, #1c1d38);border-color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391)));}
    body.dark-mode .reviews-page .reply-box{background:var(--site-accent-runtime-surface, #05050b);border-color:#2b2d52;box-shadow:0 4px 14px rgba(0,0,0,.45);}
    body.dark-mode .reviews-page .reply-box .reply-input{background:#0e1623;color:#f0f1ff;border-color:#2b2d52;}
    @media (max-width: 540px){
      body.dark-mode .reviews-page .review-item{background:transparent;border-bottom-color:#20294a;}
    }
    body.dark-mode .reviews-page .reply-box .reply-input:focus{border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));box-shadow:0 0 0 3px rgba(56,189,248,.25);}
    body.dark-mode .reviews-page .reply-box .cancel-reply{background:#0e1623;color:#cbd5e1;border-color:#2b2d52;}
    body.dark-mode .reviews-page .replies{background:transparent;border-color:transparent;}
    body.dark-mode .reviews-page .replies-list{border-inline-start-color:#2b2d52;}
    body.dark-mode .reviews-page .reply-text{color:#dbe2ea;}
    body.dark-mode .reviews-page .reviews-list::-webkit-scrollbar-track{background:var(--site-accent-runtime-surface, #05050b);}
    body.dark-mode .reviews-page .reviews-list::-webkit-scrollbar-thumb{background:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));}
    html[data-theme="light"] .reviews-page main,
    body.light-mode .reviews-page main{color:#1b1d3b;}
    html[data-theme="light"] .reviews-page .review-text,
    body.light-mode .reviews-page .review-text{color:#1f2937;}
    html[data-theme="light"] .reviews-page .review-header .username,
    body.light-mode .reviews-page .review-header .username{color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4c51bf)));}
    html[data-theme="light"] .reviews-page .vote-btn,
    body.light-mode .reviews-page .vote-btn{
      background:#f1f5f9!important;
      border-color:#cbd5e1;
      color:#334155;
    }
    html[data-theme="light"] .reviews-page .vote-btn i,
    body.light-mode .reviews-page .vote-btn i{color:#475569;}
    html[data-theme="light"] .reviews-page .vote-btn.active,
    body.light-mode .reviews-page .vote-btn.active{
      background:#e0f2fe;
      border-color:#bae6fd;
      color:#0c4a6e;
    }
    html[data-theme="light"] .reviews-page .vote-btn.active i,
    body.light-mode .reviews-page .vote-btn.active i{color:#0c4a6e;}
    html[data-theme="light"] .reviews-page .vote-btn.reply,
    html[data-theme="light"] .reviews-page .vote-btn.report,
    body.light-mode .reviews-page .vote-btn.reply,
    body.light-mode .reviews-page .vote-btn.report{color:var(--reviews-vote-color)!important;}
    html[data-theme="light"] .reviews-page .vote-btn.reply i,
    html[data-theme="light"] .reviews-page .vote-btn.report i,
    html[data-theme="light"] .reviews-page .vote-btn.reply .reply-label,
    html[data-theme="light"] .reviews-page .vote-btn.report .report-label,
    body.light-mode .reviews-page .vote-btn.reply i,
    body.light-mode .reviews-page .vote-btn.report i,
    body.light-mode .reviews-page .vote-btn.reply .reply-label,
    body.light-mode .reviews-page .vote-btn.report .report-label{color:var(--reviews-vote-color)!important;}
    body[data-inline-route="reviews"] #inlinePage{margin-top:0 !important;}
    body[data-inline-route="reviews"] .reviews-page .reviews-spacer{
      display:none !important;
      height:0 !important;
      margin:0 !important;
      padding:0 !important;
    }
    @media (max-width: 720px){
      body[data-inline-route="reviews"] .reviews-page{
        padding:0 6px 52px;
      }
      body[data-inline-route="reviews"] .reviews-page main{
        max-width:none;
        width:100%;
        margin:0 auto 12px;
        padding:16px 12px;
        border-radius:14px;
      }
      body[data-inline-route="reviews"] .reviews-page .user-name{
        font-size:1.12rem;
        margin-bottom:8px;
      }
      body[data-inline-route="reviews"] .reviews-page .review-form .stars{
        font-size:24px;
        gap:2px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filters{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        margin:8px 0 10px;
      }
      body[data-inline-route="reviews"] .reviews-page textarea{
        min-height:92px;
        margin-top:10px;
        font-size:14px;
      }
      body[data-inline-route="reviews"] .reviews-page button{
        margin-top:14px;
        font-size:15px;
        padding:10px 14px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
        font-size:10px;
        font-weight:700;
        padding:4px 6px;
        min-height:30px;
        border-radius:10px;
        background:rgba(255,255,255,.9);
        border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      }
      html[data-theme="dark"] body[data-inline-route="reviews"] .reviews-page .rating-filter,
      body.dark-mode[data-inline-route="reviews"] .reviews-page .rating-filter{
        background:rgba(9,14,32,.88);
        border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
        color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #cdd6ff)));
      }
      html[data-theme="dark"] body[data-inline-route="reviews"] .reviews-page .rating-filter .stars i,
      body.dark-mode[data-inline-route="reviews"] .reviews-page .rating-filter .stars i{
        color:inherit;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter[data-rating="0"]{
        font-size:10px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter .stars{
        display:inline-flex;
        align-items:center;
        gap:1px;
        font-size:12px;
        line-height:1;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter .count{
        min-width:16px;
        height:16px;
        padding:0 4px;
        border-radius:999px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-size:9px;
        font-weight:800;
        background:rgba(var(--site-accent-rgb, 148, 163, 184), .16);
        color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
      }
      html[data-theme="dark"] body[data-inline-route="reviews"] .reviews-page .rating-filter .count,
      body.dark-mode[data-inline-route="reviews"] .reviews-page .rating-filter .count{
        background:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
        color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #dbe4ff)));
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter.active .count{
        background:rgba(255,255,255,.26);
        color:#fff;
      }
      body[data-inline-route="reviews"] .reviews-page .review-text{
        font-size:13px;
        line-height:1.55;
      }
      body[data-inline-route="reviews"] .reviews-page .review-date{
        font-size:11px;
      }
      body[data-inline-route="reviews"] .reviews-page .vote-btn{
        font-size:11px;
        padding:5px 8px;
      }
    }
    @media (max-width: 540px){
      body[data-inline-route="reviews"] .reviews-page{
        padding:0 4px 48px;
      }
      body[data-inline-route="reviews"] .reviews-page main{
        padding:14px 10px;
        border-radius:12px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filters{
        gap:5px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter{
        padding:4px 5px;
        min-height:28px;
        font-size:9px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter .stars{
        font-size:11px;
      }
      body[data-inline-route="reviews"] .reviews-page .rating-filter .count{
        min-width:14px;
        height:14px;
        font-size:8px;
      }
    }
    .reviews-page .review-text,
    .reviews-page .username{unicode-bidi:plaintext;}

/* inline-style-7 */
.wallet-page{padding:0 16px 56px;}
    .wallet-page .wallet-spacer{display:none !important;height:0 !important;}
    .wallet-page main{
      max-width:980px;
      margin:0 auto 16px;
      background:#f3f4f6;
      border-radius:16px;
      padding:18px;
      border:1px solid rgba(226,232,240,.9);
      box-shadow:0 10px 24px rgba(15,23,42,.06);
    }
    @media(max-width:720px){
      .wallet-page{padding:0 6px 56px;}
      .wallet-page main{
        max-width:none;
        width:100%;
        margin:0 auto 12px;
        padding:18px 14px;
        border-radius:14px;
      }
    }
    body[data-inline-route="wallet"] #inlinePage{margin-top:0 !important;}
    .wallet-page h2{
      margin:22px 0 18px;
      font-size:1.45rem;
      color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4c51bf)));
      display:flex;
      align-items:center;
      gap:10px;
    }
    .wallet-page .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
    .wallet-page .chip{
      padding:7px 14px;
      border-radius:999px;
      border:1px solid #d1d5db;
      background:#fff;
      cursor:pointer;
      font-weight:700;
      font-size:.86rem;
      transition:.2s;
    }
    .wallet-page .chip.active{box-shadow:0 0 0 2px rgba(var(--site-accent-rgb, 148, 163, 184), .18);}
    .wallet-page .chip[data-filter="all"].active{background:#eef2ff;border-color:var(--site-accent-runtime, var(--accent-theme, #6366f1));color:#312e81;}
    .wallet-page .chip[data-filter="pending"]{background:#fff7ed;border-color:#fed7aa;color:#7c2d12;}
    .wallet-page .chip[data-filter="pending"].active{background:#fde7c7;border-color:#fb923c;}
    .wallet-page .chip[data-filter="approved"]{background:#dcfce7;border-color:#86efac;color:#065f46;}
    .wallet-page .chip[data-filter="approved"].active{background:#bbf7d0;border-color:#22c55e;}
    .wallet-page .chip[data-filter="rejected"]{background:#fee2e2;border-color:#fecaca;color:#7f1d1d;}
    .wallet-page .chip[data-filter="rejected"].active{background:#fecaca;border-color:#ef4444;}
    .wallet-page .list{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
    .wallet-page .card{
      position:relative;
      background:#ffffff;
      border:1px solid #e5e7eb;
      border-radius:12px;
      padding:8px 10px;
      display:flex;
      flex-direction:column;
      gap:0;
      box-shadow:0 6px 18px rgba(15,23,42,.06);
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      overflow:hidden;
    }
    .wallet-page .card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08);}
    .wallet-page .card.selected{border-color:var(--site-accent-runtime, var(--accent-theme, #6366f1));box-shadow:0 0 0 2px rgba(var(--site-accent-rgb, 148, 163, 184), .18);}
    .wallet-page .card[data-openable="1"]{cursor:pointer;}
    .wallet-page .card[data-openable="1"]:focus-visible{
      outline:2px solid var(--site-accent-runtime, var(--accent-theme, #6366f1));
      outline-offset:2px;
    }
    .wallet-page .txn-body{display:flex;align-items:center;gap:10px;direction:ltr;justify-content:flex-start;}
    .wallet-page .txn-amount{min-width:110px;text-align:left;direction:ltr;order:1;}
    .wallet-page .txn-value{
      display:flex;
      align-items:baseline;
      gap:3px;
      font-weight:800;
      font-size:.82rem;
      color:#111827;
    }
    .wallet-page .txn-amount.positive .txn-value{color:#15803d;}
    .wallet-page .txn-amount.negative .txn-value{color:#dc2626;}
    .wallet-page .txn-amount.neutral .txn-value{color:#f59e0b;}
    .wallet-page .txn-amount.positive .sign{display:none;}
    .wallet-page .txn-value .currency{font-size:.66rem;font-weight:600;opacity:.8;order:-1;}
    .wallet-page .txn-balances{
      margin-top:2px;
      display:flex;
      flex-direction:row;
      gap:6px;
      font-size:.61rem;
      font-weight:600;
    }
    .wallet-page .balance-after{color:#16a34a;}
    .wallet-page .balance-before{color:#dc2626;text-decoration:line-through;}
    .wallet-page .txn-middle{
      flex:0 1 auto;
      max-width:70%;
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:4px;
      align-items:flex-end;
      text-align:right;
      direction:rtl;
      margin-left:auto;
      order:2;
    }
    .wallet-page .txn-head{
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:8px;
    }
    .wallet-page .txn-title{
      flex:1 1 auto;
      text-align:right;
      font-size:.78rem;
      font-weight:800;
      color:#1f2937;
    }
    .wallet-page .status{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:3px 10px;
      border-radius:999px;
      border:1px solid #c7d2fe;
      background:#eef2ff;
      color:#4338ca;
      font-size:.62rem;
      font-weight:800;
      white-space:nowrap;
      flex:0 0 auto;
    }
    .wallet-page .status.pending{background:#fff7ed;color:#b45309;border-color:#fdba74;}
    .wallet-page .status.approved{background:#dcfce7;color:#166534;border-color:#86efac;}
    .wallet-page .status.rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
    .wallet-page .txn-details{
      width:100%;
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      color:#4b5563;
      font-size:.62rem;
      align-items:center;
      justify-content:flex-end;
    }
    .wallet-page .txn-details span{
      display:inline-flex;
      align-items:center;
      gap:5px;
      padding:3px 8px;
      border-radius:999px;
      background:#f3f4f6;
      color:inherit;
      font-weight:700;
      white-space:nowrap;
    }
    .wallet-page .txn-details span i{font-size:.56rem;opacity:.75;}
    .wallet-page .txn-meta{
      width:100%;
      text-align:right;
      display:flex;
      flex-direction:row;
      flex-wrap:nowrap;
      gap:8px;
      color:#6b7280;
      font-size:.62rem;
      align-items:center;
      justify-content:flex-start;
    }
    .wallet-page .txn-meta span{display:inline-flex;align-items:center;gap:6px;padding:0;border-radius:0;background:transparent;color:inherit;font-weight:600;white-space:nowrap;}
    .wallet-page .txn-meta span i{display:none;}
    .wallet-page .txn-action{
      width:26px;
      height:26px;
      border-radius:999px;
      border:none;
      display:grid;
      place-items:center;
      background:#e5e7eb;
      color:#111827;
      flex:0 0 auto;
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
      order:3;
    }
    .wallet-page .txn-action.deposit{background:#bbf7d0;color:#15803d;}
    .wallet-page .txn-action.withdraw{background:#fecaca;color:#dc2626;}
    .wallet-page .txn-action.neutral{background:#fde68a;color:#92400e;}
    .wallet-page .txn-action.pending{background:#fde68a;color:#92400e;}
    .wallet-page .txn-action.approved{background:#bbf7d0;color:#15803d;}
    .wallet-page .txn-action.rejected{background:#fecaca;color:#dc2626;}
    .wallet-page .txn-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.12);}
    .wallet-page .txn-action-symbol{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      height:100%;
      line-height:1;
      font-size:13px;
      font-weight:900;
      transform:translateY(-1px);
      font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans Arabic","Arial",sans-serif;
    }
    .wallet-page .txn-action-symbol i{
      font-size:13px;
      line-height:1;
    }
    .wallet-page .txn-action-glyph{
      display:block;
      font-family:Arial,"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;
      font-size:16px;
      font-weight:900;
      line-height:1;
      color:currentColor;
    }
    .wallet-page .txn-action.deposit::before,
    .wallet-page .txn-action.withdraw::before,
    .wallet-page .txn-action.neutral::before,
    .wallet-page .txn-action.pending::before,
    .wallet-page .txn-action.approved::before,
    .wallet-page .txn-action.rejected::before{content:none;}
    @media(max-width:640px){
      .wallet-page .txn-body{flex-direction:row;align-items:center;gap:8px;}
      .wallet-page .txn-action{align-self:center;}
      .wallet-page .txn-middle{align-items:flex-end;text-align:right;}
    }
    @media(max-width:720px){
      .wallet-page h2{font-size:1.28rem;margin:16px 0 14px;}
      .wallet-page .toolbar{gap:6px;margin-bottom:14px;}
      .wallet-page .chip{font-size:.74rem;padding:6px 10px;}
      .wallet-page .txn-body{gap:7px;}
      .wallet-page .txn-amount{min-width:96px;}
      .wallet-page .txn-value{font-size:.76rem;}
      .wallet-page .txn-value .currency{font-size:.6rem;}
      .wallet-page .txn-balances{font-size:.56rem;gap:5px;}
      .wallet-page .txn-title{font-size:.72rem;line-height:1.35;}
      .wallet-page .status{font-size:.56rem;padding:3px 8px;}
      .wallet-page .txn-details{font-size:.58rem;gap:5px;}
      .wallet-page .txn-details span{padding:3px 7px;}
      .wallet-page .txn-meta{font-size:.58rem;gap:6px;}
      .wallet-page .txn-action{width:24px;height:24px;}
      .wallet-page .txn-action-symbol{font-size:11px;}
      .wallet-page .txn-action-symbol i{font-size:11px;}
    }
    .wallet-page .code-btn{
      border:none;
      background:transparent;
      color:#111827;
      border-radius:0;
      padding:0;
      font-weight:700;
      cursor:pointer;
    }
    .wallet-page .code-btn:hover{text-decoration:underline;}
    .wallet-page .code-status-btn{border:none;background:transparent;padding:0;}
    .wallet-page .txn-footer{display:none;}
    .wallet-page .empty{
      padding:26px;
      text-align:center;
      border:1px dashed rgba(148,163,184,.45);
      border-radius:18px;
      background:rgba(248,249,255,.85);
      color:#525f7f;
    }
    .wallet-page .loading{position:relative;overflow:hidden;pointer-events:none;}
    .wallet-page .loading::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
      animation:wallet-shimmer 1.2s infinite;
    }
    @keyframes wallet-shimmer{
      0%{transform:translateX(-100%);}
      100%{transform:translateX(100%);}
    }
    html.wallet-history-modal-open,
    body.wallet-history-modal-open{overflow:hidden;}
    .wallet-history-modal{
      position:fixed;
      inset:0;
      z-index:99998;
      display:none;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(15,23,42,.55);
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
    }
    .wallet-history-modal.show{display:flex;}
    .wallet-history-modal-card{
      position:relative;
      width:min(820px,100%);
      max-height:min(88vh,760px);
      overflow:auto;
      border-radius:28px;
      border:1px solid #dbe4f3;
      background:linear-gradient(180deg,#ffffff,#f8fbff);
      padding:18px;
      box-shadow:0 30px 70px rgba(15,23,42,.22);
    }
    .wallet-history-modal-close{
      position:absolute;
      top:14px;
      left:14px;
      width:40px;
      height:40px;
      border:none;
      border-radius:14px;
      background:#eef2ff;
      color:#243b82;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:none;
      cursor:pointer;
    }
    .wallet-history-modal-close:hover{transform:translateY(-1px);}
    .wallet-history-modal-head{
      display:grid;
      gap:8px;
      padding-inline-start:46px;
      padding-bottom:14px;
      border-bottom:1px solid #e2e8f0;
    }
    .wallet-history-modal-kicker{
      font-size:.78rem;
      font-weight:800;
      color:#54698f;
    }
    .wallet-history-modal-title{
      margin:0;
      font-size:1.18rem;
      line-height:1.5;
      color:#0f172a;
    }
    .wallet-history-modal-subtitle{
      margin:0;
      color:#64748b;
      font-size:.88rem;
      line-height:1.8;
    }
    .wallet-history-modal-badges{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    .wallet-history-modal-badge,
    .wallet-history-modal .status{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      font-size:.78rem;
      font-weight:800;
      white-space:nowrap;
      border:1px solid #d5def6;
      background:#eef2ff;
      color:#3b49a8;
    }
    .wallet-history-modal .status.pending{background:#fff7ed;color:#b45309;border-color:#fdba74;}
    .wallet-history-modal .status.approved{background:#dcfce7;color:#166534;border-color:#86efac;}
    .wallet-history-modal .status.rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
    .wallet-history-modal-loading{
      display:none;
      margin-top:14px;
      padding:10px 12px;
      border-radius:16px;
      border:1px dashed #c9d6f7;
      background:#f8fbff;
      color:#54698f;
      font-size:.84rem;
      font-weight:700;
      text-align:right;
    }
    .wallet-history-modal-loading.show{display:block;}
    .wallet-history-modal-summary{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:10px;
      margin-top:14px;
    }
    .wallet-history-modal-summary:empty{display:none;}
    .wallet-history-modal-summaryCard{
      border:1px solid #d8e2f6;
      border-radius:20px;
      background:#f8fbff;
      padding:12px 14px;
      display:grid;
      gap:6px;
      min-height:88px;
    }
    .wallet-history-modal-summaryCard span{
      font-size:.75rem;
      font-weight:800;
      color:#64748b;
    }
    .wallet-history-modal-summaryCard strong{
      font-size:1rem;
      line-height:1.7;
      color:#0f172a;
      word-break:break-word;
    }
    .wallet-history-modal-summaryCard[data-tone="success"]{
      background:linear-gradient(180deg,#f0fdf4,#ffffff);
      border-color:#bbf7d0;
    }
    .wallet-history-modal-summaryCard[data-tone="warn"]{
      background:linear-gradient(180deg,#fffbeb,#ffffff);
      border-color:#fde68a;
    }
    .wallet-history-modal-summaryCard[data-tone="danger"]{
      background:linear-gradient(180deg,#fef2f2,#ffffff);
      border-color:#fecaca;
    }
    .wallet-history-modal-sections{
      display:grid;
      gap:14px;
      margin-top:14px;
    }
    .wallet-history-modal-section{
      display:grid;
      gap:10px;
    }
    .wallet-history-modal-section h4{
      margin:0;
      font-size:.96rem;
      color:#16213f;
    }
    .wallet-history-modal-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .wallet-history-modal-item{
      border:1px solid #dbe4f2;
      border-radius:18px;
      background:#ffffff;
      padding:12px 14px;
      display:grid;
      gap:6px;
      align-content:start;
    }
    .wallet-history-modal-item.full{grid-column:1/-1;}
    .wallet-history-modal-item span{
      font-size:.76rem;
      color:#64748b;
      font-weight:800;
    }
    .wallet-history-modal-item strong{
      font-size:.95rem;
      line-height:1.8;
      color:#0f172a;
      word-break:break-word;
    }
    .wallet-history-modal-link{
      color:var(--site-accent-runtime, var(--accent-theme, #6366f1));
      text-decoration:none;
      font-weight:800;
    }
    .wallet-history-modal-link:hover{text-decoration:underline;}
    .wallet-history-modal-empty{
      padding:16px;
      border-radius:18px;
      border:1px dashed #cbd5e1;
      background:#f8fbff;
      color:#64748b;
      text-align:center;
      font-size:.84rem;
      line-height:1.8;
    }
    body.dark-mode .wallet-page main{
      background:#0b1220;
      border-color:#1e2a44;
      box-shadow:0 16px 36px rgba(0,0,0,.45);
    }
    body.dark-mode .wallet-page .chip{background:#101b33;border-color:#1f2a44;color:#e2e8f0;}
    body.dark-mode .wallet-page .chip[data-filter="all"].active{background:#1c2746;border-color:var(--site-accent-runtime, var(--accent-theme, #8b5cf6));color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c4b5fd)));}
    body.dark-mode .wallet-page .chip[data-filter="pending"]{background:#2b2f3a;border-color:#a16207;color:#fde68a;}
    body.dark-mode .wallet-page .chip[data-filter="approved"]{background:#064e3b;border-color:#047857;color:#bbf7d0;}
    body.dark-mode .wallet-page .chip[data-filter="rejected"]{background:#3f1d1d;border-color:#7f1d1d;color:#fecaca;}
    body.dark-mode .wallet-page .card{
      background:#0f172a;
      border-color:#1f2a44;
      box-shadow:0 10px 24px rgba(0,0,0,.45);
    }
    body.dark-mode .wallet-page .card:hover{box-shadow:0 14px 30px rgba(0,0,0,.5);}
    body.dark-mode .wallet-page .card.selected{border-color:var(--site-accent-runtime, var(--accent-theme, #8b5cf6));box-shadow:0 0 0 2px rgba(var(--site-accent-rgb, 148, 163, 184), .35);}
    body.dark-mode .wallet-page .txn-value{color:#f8fafc;}
    body.dark-mode .wallet-page .txn-amount.positive .txn-value{color:#4ade80;}
    body.dark-mode .wallet-page .txn-amount.negative .txn-value{color:#fca5a5;}
    body.dark-mode .wallet-page .txn-amount.neutral .txn-value{color:#facc15;}
    body.dark-mode .wallet-page .balance-after{color:#34d399;}
    body.dark-mode .wallet-page .balance-before{color:#f87171;}
    body.dark-mode .wallet-page .txn-title{color:#e2e8f0;}
    body.dark-mode .wallet-page .txn-details{color:#cbd5e1;}
    body.dark-mode .wallet-page .txn-details span{background:#111b31;color:#cbd5e1;}
    body.dark-mode .wallet-page .txn-meta{color:#94a3b8;}
    body.dark-mode .wallet-page .txn-meta span{background:transparent;color:inherit;}
    body.dark-mode .wallet-page .txn-meta span i{display:none;}
    body.dark-mode .wallet-page .code-btn{color:#e2e8f0;}
    body.dark-mode .wallet-page .status{background:#1f2a44;color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c7d2fe)));border-color:#3730a3;}
    body.dark-mode .wallet-page .status.pending{background:rgba(234,179,8,.12);color:#fde68a;border-color:#ca8a04;}
    body.dark-mode .wallet-page .status.approved{background:rgba(34,197,94,.18);color:#86efac;border-color:#22c55e;}
    body.dark-mode .wallet-page .status.rejected{background:rgba(248,113,113,.2);color:#fca5a5;border-color:#f87171;}
    body.dark-mode .wallet-page .txn-action{background:#1f2a44;color:#94a3b8;}
    body.dark-mode .wallet-page .txn-action.deposit{background:rgba(34,197,94,.25);color:#4ade80;}
    body.dark-mode .wallet-page .txn-action.withdraw{background:rgba(248,113,113,.25);color:#fca5a5;}
    body.dark-mode .wallet-page .txn-action.neutral{background:rgba(234,179,8,.25);color:#facc15;}
    body.dark-mode .wallet-page .txn-action.pending{background:rgba(234,179,8,.25);color:#facc15;}
    body.dark-mode .wallet-page .txn-action.approved{background:rgba(34,197,94,.25);color:#4ade80;}
    body.dark-mode .wallet-page .txn-action.rejected{background:rgba(248,113,113,.25);color:#fca5a5;}
    body.dark-mode .wallet-page .txn-footer{color:#cbd5f5;}
    body.dark-mode .wallet-page .txn-footer i{color:#a5b4fc;}
    body.dark-mode .wallet-page .txn-proof a{color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c4b5fd)));}
    body.dark-mode .wallet-page .empty{background:#121c33;border-color:#1f2a44;color:#d1d9f5;}
    body.dark-mode .wallet-history-modal{background:rgba(3,8,20,.76);}
    body.dark-mode .wallet-history-modal-card{
      background:linear-gradient(180deg,#0f172a,#111c35);
      border-color:#25304c;
      box-shadow:0 34px 80px rgba(0,0,0,.56);
    }
    body.dark-mode .wallet-history-modal-close{
      background:#15213d;
      color:#dce8ff;
    }
    body.dark-mode .wallet-history-modal-head{
      border-bottom-color:#243247;
    }
    body.dark-mode .wallet-history-modal-kicker,
    body.dark-mode .wallet-history-modal-subtitle,
    body.dark-mode .wallet-history-modal-summaryCard span,
    body.dark-mode .wallet-history-modal-item span,
    body.dark-mode .wallet-history-modal-empty{
      color:#9fb0d8;
    }
    body.dark-mode .wallet-history-modal-title,
    body.dark-mode .wallet-history-modal-section h4,
    body.dark-mode .wallet-history-modal-summaryCard strong,
    body.dark-mode .wallet-history-modal-item strong{
      color:#eef4ff;
    }
    body.dark-mode .wallet-history-modal-badge,
    body.dark-mode .wallet-history-modal .status{
      background:#15213d;
      border-color:#314262;
      color:#dce8ff;
    }
    body.dark-mode .wallet-history-modal .status.pending{background:rgba(234,179,8,.12);color:#fde68a;border-color:#ca8a04;}
    body.dark-mode .wallet-history-modal .status.approved{background:rgba(34,197,94,.18);color:#86efac;border-color:#22c55e;}
    body.dark-mode .wallet-history-modal .status.rejected{background:rgba(248,113,113,.2);color:#fca5a5;border-color:#f87171;}
    body.dark-mode .wallet-history-modal-loading{
      background:#101b33;
      border-color:#314262;
      color:#b8c7e6;
    }
    body.dark-mode .wallet-history-modal-summaryCard,
    body.dark-mode .wallet-history-modal-item{
      background:#101b33;
      border-color:#22324d;
    }
    body.dark-mode .wallet-history-modal-summaryCard[data-tone="success"]{
      background:linear-gradient(180deg,rgba(22,163,74,.14),#101b33);
      border-color:rgba(34,197,94,.3);
    }
    body.dark-mode .wallet-history-modal-summaryCard[data-tone="warn"]{
      background:linear-gradient(180deg,rgba(217,119,6,.14),#101b33);
      border-color:rgba(245,158,11,.28);
    }
    body.dark-mode .wallet-history-modal-summaryCard[data-tone="danger"]{
      background:linear-gradient(180deg,rgba(220,38,38,.14),#101b33);
      border-color:rgba(248,113,113,.28);
    }
    body.dark-mode .wallet-history-modal-link{
      color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c4b5fd)));
    }
    body.dark-mode .wallet-history-modal-empty{
      background:#101b33;
      border-color:#314262;
    }
    @media(max-width:720px){
      .wallet-history-modal{padding:12px;}
      .wallet-history-modal-card{padding:14px;border-radius:22px;}
      .wallet-history-modal-head{padding-inline-start:40px;}
      .wallet-history-modal-grid{grid-template-columns:1fr;}
      .wallet-history-modal-summary{grid-template-columns:1fr;}
      .wallet-history-modal-close{
        top:10px;
        left:10px;
        width:36px;
        height:36px;
        border-radius:12px;
      }
    }
    .transfer-page{
      --t-bg:#060917;
      --t-card:#0d1025;
      --t-panel:#0f1634;
      --t-border:rgba(var(--site-accent-rgb, 148, 163, 184), .32);
      --t-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .45);
      --t-text:#f7f8ff;
      --t-muted:rgba(226,232,240,.8);
      --t-accent:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c4b5fd)));
      --t-primary:var(--site-accent-runtime, var(--accent-theme, #8b5cf6));
      --t-success:#34d399;
      --t-danger:#f87171;
      padding:0 18px 86px;
      background:radial-gradient(circle at 12% -10%, rgba(var(--site-accent-rgb, 148, 163, 184), .12), transparent 28%), radial-gradient(circle at 88% -8%, rgba(var(--site-accent-rgb, 148, 163, 184), .14), transparent 32%);
    }
    .transfer-page main{
      max-width:940px;
      width:100%;
      margin:32px auto;
      background:linear-gradient(150deg,#0a0f25 0%,#0d1432 40%,#0b1029 100%);
      border-radius:32px;
      border:1px solid var(--t-border);
      padding:40px 42px 46px;
      box-shadow:0 36px 80px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.02);
      color:var(--t-text);
      position:relative;
      overflow:visible;
      isolation:isolate;
    }
    .transfer-page main::before,
    .transfer-page main::after{
      content:'';
      position:absolute;
      inset:auto;
      width:320px;
      height:320px;
      border-radius:50%;
      filter:blur(60px);
      opacity:.6;
      z-index:0;
      pointer-events:none;
    }
    .transfer-page main::before{right:-120px;top:-140px;background:radial-gradient(circle,rgba(var(--site-accent-rgb, 148, 163, 184), .32),transparent 60%);}
    .transfer-page main::after{left:-140px;bottom:-180px;background:radial-gradient(circle,rgba(var(--site-accent-rgb, 148, 163, 184), .26),transparent 60%);}
    .transfer-page main > *{position:relative;z-index:1;}
    @media(max-width:720px){
      .transfer-page main{
        margin:22px 8px;
        padding:22px;
        border-radius:32px;
        max-width:100%;
        width:100%;
        background:linear-gradient(150deg,#0a0f25 0%,#0d1432 40%,#0b1029 100%);
      }
    }
    html[data-theme="light"] .transfer-page main,
    body.light-mode .transfer-page main{
      background:#f5f7ff;
      border-color:rgba(148,163,184,.28);
      color:#0f172a;
      box-shadow:0 28px 70px rgba(15,23,42,.12);
    }
    /* Make transfer view full-bleed (no inner page/card look) */
    .transfer-page{
      padding:0 !important;
    }
    .transfer-page main{
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
      max-width:none !important;
      width:100% !important;
      margin:0 !important;
      padding:0 18px 86px !important;
    }
    .transfer-page main::before,
    .transfer-page main::after{display:none !important;}
    @media(max-width:720px){
      .transfer-page main{
        margin:0 !important;
        padding:0 14px 70px !important;
        border-radius:0 !important;
      }
    }
    html[data-theme="light"] .transfer-page main,
    body.light-mode .transfer-page main{
      background:transparent !important;
      box-shadow:none !important;
    }
    body[data-inline-route="transfer"] > main{
      max-width:none !important;
      margin:0 !important;
      padding:0 !important;
      width:100% !important;
    }
    body[data-inline-route="transfer"] #inlinePage{margin-top:0 !important;}
    body[data-inline-route="transfer"] > div[style*="height:70px"],
    body[data-inline-route="transfer"] > div[style*="height: 70px"]{
      display:none !important;
      height:0 !important;
      margin:0 !important;
      padding:0 !important;
    }
    body.theme-snow[data-inline-route="deposit"],
    body.theme-snow[data-inline-route="edaa"],
    body.theme-eid[data-inline-route="deposit"],
    body.theme-eid[data-inline-route="edaa"]{
      padding-bottom:0 !important;
    }
    body.theme-snow[data-inline-route="deposit"]::after,
    body.theme-snow[data-inline-route="edaa"]::after,
    body.theme-eid[data-inline-route="deposit"]::after,
    body.theme-eid[data-inline-route="edaa"]::after,
    body.theme-fall[data-inline-route="deposit"]::before,
    body.theme-fall[data-inline-route="edaa"]::before{
      display:none !important;
      background:none !important;
    }
    html[data-theme="light"] .transfer-page{--t-text:#0f172a;--t-muted:#475569;--t-card:#f8fafc;--t-panel:#eef2ff;--t-border:rgba(var(--site-accent-rgb, 148, 163, 184), .40);}
    .transfer-page h2{
      margin:24px 0 8px;
      font-size:1.95rem;
      display:flex;
      align-items:center;
      gap:10px;
      color:inherit;
      letter-spacing:.01em;
    }
    .transfer-page .transfer-subtitle{
      margin:0 0 16px;
      color:var(--t-muted);
      font-weight:600;
      letter-spacing:.01em;
    }
    .transfer-page .transfer-meta{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:18px;
      margin:14px 0 18px;
    }
    .transfer-page .transfer-meta .meta-card{
      position:relative;
      overflow:hidden;
      border-radius:22px;
      padding:18px 16px 20px;
      background:var(--t-panel);
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .2);
      box-shadow:0 18px 40px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
      display:flex;
      flex-direction:column;
      gap:12px;
      transition:transform .2s ease, box-shadow .2s ease;
      min-height:118px;
    }
    .transfer-page .transfer-meta .meta-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(0,0,0,.55);}
    .transfer-page .transfer-meta .meta-card .top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:12px 16px;
      border-radius:14px;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .2);
      background:rgba(255,255,255,.03);
      backdrop-filter:blur(4px);
    }
    .transfer-page .transfer-meta .meta-card .title{
      font-size:1rem;
      color:var(--t-muted);
      font-weight:800;
      letter-spacing:.04em;
    }
    .transfer-page .transfer-meta .meta-card .value{
      font-size:1.42rem;
      font-weight:900;
      color:var(--t-text);
      text-align:center;
      letter-spacing:.025em;
      padding:12px 12px 8px;
    }
    .transfer-page .transfer-meta .meta-card .code{font-family:monospace;letter-spacing:.04em;}
    .transfer-page .copy-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 12px;
      border-radius:12px;
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .14);
      color:var(--t-text);
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .35);
      font-weight:800;
      font-size:.85rem;
      cursor:pointer;
      transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
    }
    .transfer-page .copy-chip:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--site-accent-rgb, 148, 163, 184), .32);}
    .transfer-page .copy-chip:active{transform:translateY(0);}
    .transfer-recipient{
      display:flex;
      align-items:flex-start;
      gap:14px;
      background:var(--t-panel);
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .32);
      border-radius:20px;
      padding:14px 16px;
      margin:14px 0 10px;
      box-shadow:0 22px 45px rgba(4,7,18,.58);
    }
    html[data-theme="light"] .transfer-recipient{background:#eef2ff;border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .35);box-shadow:0 18px 40px rgba(15,23,42,.08);}
    .transfer-recipient .recipient-badge{
      background:rgba(52,211,153,.18);
      color:var(--t-success);
      padding:6px 10px;
      border-radius:10px;
      font-weight:800;
      font-size:.85rem;
      display:inline-flex;
      align-items:center;
      gap:6px;
      white-space:nowrap;
    }
    .transfer-recipient .recipient-body{flex:1;min-width:0;}
    .transfer-recipient .recipient-name{
      margin:0 0 6px;
      font-weight:800;
      font-size:1.05rem;
      color:var(--t-text);
    }
    .transfer-recipient .recipient-hint{
      margin:0;
      font-weight:600;
      color:var(--t-muted);
    }
    .transfer-recipient[data-state="loading"] .recipient-name{color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #cbd5f5)));}
    .transfer-recipient[data-state="error"]{border-color:rgba(248,113,113,.45);background:rgba(127,29,29,.28);}
    html[data-theme="light"] .transfer-recipient[data-state="error"]{background:#fef2f2;border-color:rgba(248,113,113,.55);}
    .transfer-recipient .recipient-refresh{
      border:none;
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .16);
      color:var(--t-text);
      border-radius:12px;
      padding:10px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 8px 22px rgba(5,8,20,.4);
    }
    .transfer-recipient .recipient-refresh:disabled{opacity:.6;cursor:not-allowed;}
    .transfer-form{display:flex;flex-direction:column;gap:22px;}
    .transfer-field{
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:18px 20px;
      border-radius:22px;
      background:linear-gradient(140deg,rgba(13,18,40,.9),rgba(13,18,40,.7));
      border:1px solid var(--t-border);
      box-shadow:0 26px 45px rgba(4,7,18,.65), inset 0 1px 0 rgba(255,255,255,.03);
      backdrop-filter:blur(18px);
    }
    html[data-theme="light"] .transfer-field{
      background:rgba(255,255,255,.96);
      border-color:rgba(148,163,184,.38);
      box-shadow:0 26px 38px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.8);
    }
    .transfer-field span{
      font-weight:800;
      color:var(--t-muted);
      font-size:.88rem;
      letter-spacing:.08em;
      text-transform:uppercase;
      opacity:.9;
    }
    .transfer-field input,
    .transfer-field textarea{
      border:1.5px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42);
      background:linear-gradient(140deg,rgba(var(--site-accent-rgb, 148, 163, 184), .14),rgba(10,14,32,.92));
      border-radius:16px;
      padding:16px 18px;
      color:var(--t-text);
      font-size:1.05rem;
      font-weight:700;
      outline:none;
      transition:border-color .25s ease, box-shadow .25s ease, transform .18s ease;
      resize:none;
      min-height:56px;
      width:100%;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    html[data-theme="light"] .transfer-field input,
    html[data-theme="light"] .transfer-field textarea{
      background:linear-gradient(140deg,#fefefe,#f2f6ff);
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .55);
      color:#0f172a;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
    }
    .transfer-field input:focus,
    .transfer-field textarea:focus{
      border-color:var(--t-primary);
      box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .32), inset 0 1px 0 rgba(255,255,255,.12);
      transform:translateY(-2px);
    }
    .transfer-field textarea{min-height:86px;}
    .transfer-field input::placeholder,
    .transfer-field textarea::placeholder{color:rgba(255,255,255,.45);font-weight:600;letter-spacing:.03em;}
    html[data-theme="light"] .transfer-field input::placeholder,
    html[data-theme="light"] .transfer-field textarea::placeholder{color:#94a3b8;}
    .transfer-helper{
      font-size:.95rem;
      font-weight:600;
      color:var(--t-muted);
      display:flex;
      flex-direction:column;
      gap:6px;
      line-height:1.6;
    }
    .transfer-helper .transfer-helper-line{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      align-items:center;
    }
    .transfer-helper.warn{color:var(--t-danger);}
    .transfer-status{
      min-height:34px;
      border-radius:14px;
      padding:12px 16px;
      font-weight:700;
      display:none;
    }
    .transfer-status.show{display:block;}
    .transfer-status.success{background:rgba(52,211,153,.18);color:var(--t-success);}
    .transfer-status.error{background:rgba(248,113,113,.18);color:#fecaca;}
    .transfer-status.info{background:rgba(var(--site-accent-rgb, 148, 163, 184), .15);color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #c7d2fe)));}
    .transfer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px;flex-wrap:wrap;}
    .transfer-actions .transfer-footnote{margin:0;font-size:.9rem;color:var(--t-muted);}
    .transfer-actions button{
      border:none;
      border-radius:16px;
      padding:14px 24px;
      font-size:1rem;
      font-weight:800;
      background:linear-gradient(135deg,var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))),var(--site-accent-runtime, var(--accent-theme, #8b5cf6)));
      color:#fff;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:8px;
      transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
      box-shadow:0 18px 38px rgba(var(--site-accent-rgb, 148, 163, 184), .3);
    }
    .transfer-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;}
    .transfer-actions button:not(:disabled):hover{transform:translateY(-2px);}
    .transfer-turnstile{display:none;margin-top:10px;}
    .transfer-turnstile.active{display:block;}
    body.transfer-modal-open, html.transfer-modal-open{overflow:hidden;}
    .transfer-modal-backdrop{
      position:fixed;inset:0;display:none;align-items:center;justify-content:center;
      background:rgba(6,10,26,.78);backdrop-filter:blur(10px);z-index:9999;padding:16px;
    }
    .transfer-modal-backdrop.show{display:flex;}
    .transfer-modal{
      width:100%;max-width:520px;background:var(--site-accent-runtime-surface-alt, #0d142e);border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .35);
      border-radius:22px;box-shadow:0 35px 80px rgba(0,0,0,.55);padding:22px;position:relative;
      color:#f8fafc;
    }
    html[data-theme="light"] .transfer-modal{background:#ffffff;color:#0f172a;box-shadow:0 30px 70px rgba(15,23,42,.14);border-color:rgba(148,163,184,.35);}
    .transfer-modal h3{margin:0 0 10px;font-size:1.35rem;display:flex;align-items:center;gap:8px;}
    .transfer-modal .confirm-body{display:flex;flex-direction:column;gap:12px;}
    .transfer-modal .confirm-row{display:flex;justify-content:space-between;gap:12px;border:1px dashed rgba(var(--site-accent-rgb, 148, 163, 184), .3);padding:12px 14px;border-radius:12px;}
    html[data-theme="light"] .transfer-modal .confirm-row{border-color:rgba(148,163,184,.5);}
    .transfer-modal .confirm-label{font-weight:800;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;}
    html[data-theme="light"] .transfer-modal .confirm-label{color:#475569;}
    .transfer-modal .confirm-value{font-weight:800;font-size:1.05rem;}
    .transfer-modal .confirm-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;}
    .transfer-modal button{border:none;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;}
    .transfer-modal .btn-ghost{background:transparent;color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #cbd5f5)));border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .35);}
    html[data-theme="light"] .transfer-modal .btn-ghost{color:#475569;}
    .transfer-modal .btn-primary{background:linear-gradient(135deg,var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))),var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #6366f1))));color:#fff;box-shadow:0 18px 38px rgba(var(--site-accent-rgb, 148, 163, 184), .28);}
    .transfer-modal.transfer-alert .confirm-body{gap:0;}
    .transfer-modal.transfer-alert .confirm-note{margin:0;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.8);}
    html[data-theme="light"] .transfer-modal.transfer-alert .confirm-note{color:#475569;}
    .transfer-modal.transfer-alert .confirm-footer{justify-content:center;}
    .transfer-modal.transfer-totp-required .confirm-body{gap:0;}
    .transfer-modal.transfer-totp-required .confirm-note{margin:0;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.8);}
    html[data-theme="light"] .transfer-modal.transfer-totp-required .confirm-note{color:#475569;}
    .transfer-modal.transfer-totp-required .confirm-footer{justify-content:center;flex-wrap:wrap;}
    @media(max-width:540px){
      .transfer-page .transfer-meta{grid-template-columns:1fr;}
      .transfer-actions{flex-direction:column;align-items:stretch;}
      .transfer-actions button{width:100%;justify-content:center;}
      .transfer-recipient{flex-direction:column;}
      .transfer-recipient .recipient-refresh{width:100%;}
    }
    /* Transfer page aligned to wallet card style */
    .transfer-page .transfer-spacer{display:none !important;height:0 !important;}
    .transfer-page{
      padding:0 16px 56px !important;
      background:transparent !important;
    }
    .transfer-page main{
      max-width:980px !important;
      margin:0 auto 16px !important;
      background:#f3f4f6 !important;
      border-radius:16px !important;
      padding:18px !important;
      border:1px solid rgba(226,232,240,.9) !important;
      box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
    }
    .transfer-page h2{
      margin:24px 0 18px;
      font-size:1.45rem;
      color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4c51bf)));
    }
    .transfer-page .transfer-subtitle{
      margin:0 0 12px;
      color:#6b7280;
      font-weight:600;
      letter-spacing:0;
      font-size:.92rem;
    }
    .transfer-page .transfer-meta{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:8px;
      margin:0 0 10px;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card){
      position:relative;
      background:transparent !important;
      border:none !important;
      border-radius:0 !important;
      padding:10px 0 0 !important;
      display:block;
      box-shadow:none !important;
      transition:none;
      overflow:visible;
      min-height:auto;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card)::before,
    .transfer-page .transfer-meta :is(.meta-card, .card)::after{
      content:none !important;
      display:none !important;
      background:none !important;
      box-shadow:none !important;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card):hover{transform:none;box-shadow:none !important;}
    .transfer-page .transfer-meta :is(.meta-card, .card) .top{
      position:absolute;
      inset-inline-end:12px;
      top:10px;
      transform:translateY(-50%);
      z-index:1;
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin:0;
      padding:0;
      min-height:0;
      border:none !important;
      background:transparent !important;
      backdrop-filter:none !important;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card) .title{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 8px;
      min-height:24px;
      border-radius:999px;
      border:1px solid #e5e7eb;
      background:#ffffff;
      font-size:.8rem;
      color:#5d6ba8;
      font-weight:800;
      letter-spacing:0;
      line-height:1.45;
      white-space:nowrap;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card) .value{
      width:100%;
      height:46px;
      border-radius:999px;
      padding:0 16px;
      border:1px solid #e5e7eb;
      background:#ffffff;
      font-size:1.02rem;
      font-weight:900;
      color:#29315f;
      text-align:center;
      letter-spacing:.2px;
      font-variant-numeric:tabular-nums;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .transfer-page .transfer-meta :is(.meta-card, .card) .value.code{
      direction:ltr;
      font-family:monospace;
      letter-spacing:.2px;
      unicode-bidi:plaintext;
    }
    .transfer-page .copy-chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      min-height:22px;
      padding:2px 10px;
      border-radius:999px;
      border:1px solid #d1d5db;
      background:#f8fafc;
      color:#334155;
      cursor:pointer;
      font-weight:800;
      font-size:.76rem;
      box-shadow:none;
      transition:background .2s ease;
    }
    .transfer-page .copy-chip:hover{transform:none;box-shadow:none;background:#eef2ff;}
    .transfer-page .copy-chip:active{transform:none;}
    .transfer-page .transfer-form{display:flex;flex-direction:column;gap:10px;}
    .transfer-page .transfer-field{
      position:relative;
      margin:0;
      border:none !important;
      background:transparent !important;
      box-shadow:none !important;
      border-radius:0;
      padding:10px 0 0;
      min-height:auto;
      display:block;
    }
    .transfer-page .transfer-field:focus-within{
      box-shadow:none !important;
      border-color:transparent !important;
    }
    .transfer-page .transfer-field span{
      position:absolute;
      inset-inline-end:12px;
      top:10px;
      transform:translateY(-50%);
      margin:0;
      text-align:center;
      padding:0 8px;
      border-radius:999px;
      font-size:.8rem;
      font-weight:800;
      line-height:1.45;
      letter-spacing:0;
      border:1px solid #e5e7eb;
      background:#ffffff;
      color:#5d6ba8;
      pointer-events:none;
      text-transform:none;
      opacity:1;
      z-index:1;
    }
    .transfer-page .transfer-field input,
    .transfer-page .transfer-field textarea{
      width:100%;
      height:46px;
      border-radius:999px;
      padding:0 16px;
      font-weight:900;
      font-size:1.02rem;
      direction:ltr;
      text-align:center;
      font-variant-numeric:tabular-nums;
      outline:none;
      border:1px solid #e5e7eb;
      background:#ffffff;
      color:#29315f;
      letter-spacing:.2px;
      transition:border-color .2s ease, box-shadow .2s ease;
      box-shadow:none;
      resize:none;
    }
    .transfer-page .transfer-field input::placeholder,
    .transfer-page .transfer-field textarea::placeholder{
      opacity:.45;
      color:#94a3b8;
      font-weight:600;
      letter-spacing:0;
    }
    .transfer-page .transfer-field input:focus,
    .transfer-page .transfer-field textarea:focus{
      border-color:#8aa0ff;
      box-shadow:0 0 0 2px rgba(110,128,232,.16);
      transform:none;
    }
    .transfer-page .transfer-field textarea{
      height:auto;
      min-height:92px;
      border-radius:16px;
      padding:14px 16px;
      text-align:start;
      direction:rtl;
      font-weight:700;
    }
    .transfer-page .transfer-helper{
      font-size:.84rem;
      font-weight:700;
      color:#64748b;
      line-height:1.5;
      padding:12px 16px;
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:22px;
      box-shadow:none;
      gap:4px;
      min-height:46px;
    }
    .transfer-page .transfer-helper .transfer-helper-line{justify-content:flex-start;}
    .transfer-page .transfer-status{
      border-radius:22px;
      padding:12px 16px;
      font-size:.84rem;
      min-height:0;
      border:1px solid #e5e7eb;
      box-shadow:none;
    }
    .transfer-page .transfer-actions{
      margin-top:2px;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:8px;
    }
    .transfer-page .transfer-actions .transfer-footnote{
      width:100%;
      text-align:right;
      margin:0;
      font-size:.84rem;
      line-height:1.5;
      color:#6b7280;
    }
    .transfer-page .transfer-actions button{
      border-radius:999px;
      min-height:42px;
      padding:9px 16px;
      font-weight:800;
      font-size:.92rem;
      border:1px solid transparent;
      box-shadow:0 10px 20px rgba(var(--site-accent-rgb, 148, 163, 184), .22);
      min-width:176px;
      justify-content:center;
    }
    .transfer-page .transfer-actions button i{font-size:.9em;}
    .transfer-modal{
      position:relative;
      overflow:hidden;
      max-height:calc(100dvh - 24px);
      overflow-y:auto;
      overscroll-behavior:contain;
      scroll-behavior:smooth;
      direction:rtl;
      text-align:right;
      border-radius:22px;
      padding:18px 16px 16px;
      border:1px solid #2b2d52;
      background:linear-gradient(180deg, rgba(2,6,23,.92), rgba(2,6,23,.86));
      color:#f0f1ff;
      box-shadow:0 12px 36px rgba(0,0,0,.45);
    }
    .transfer-modal::before{
      content:"";
      position:absolute;
      inset-inline:0;
      inset-block-start:0;
      height:4px;
      background:linear-gradient(90deg,#9c9ede,#7a7cd0,#22c55e);
      opacity:.9;
    }
    html[data-theme="light"] .transfer-modal{
      background:#ffffff;
      border-color:#e5e7eb;
      color:#111827;
      box-shadow:0 18px 40px rgba(0,0,0,.12);
    }
    .transfer-modal h3{
      display:block;
      width:100%;
      box-sizing:border-box;
      text-align:center;
      margin:6px 0 0;
      padding-inline:44px;
      font-size:1.3rem;
      font-weight:900;
      letter-spacing:0;
      color:#dbe2ff;
      background:none;
    }
    html[data-theme="light"] .transfer-modal h3{color:#4f58c9;}
    .transfer-modal .confirm-body{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:12px;
    }
    .transfer-modal .confirm-row{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      gap:6px;
      padding:11px 13px;
      border-radius:14px;
      border:1px solid #2b2d52;
      background:rgba(2,6,23,.45);
      box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
      text-align:right;
    }
    html[data-theme="light"] .transfer-modal .confirm-row{
      border-color:#e5e7eb;
      background:#ffffff;
      box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
    }
    .transfer-modal .confirm-label{
      font-size:.75rem;
      font-weight:900;
      color:#9fb0ff;
      margin:0;
      text-transform:none;
      letter-spacing:0;
    }
    html[data-theme="light"] .transfer-modal .confirm-label{color:#5d6ba8;}
    .transfer-modal .confirm-value{
      font-size:1rem;
      font-weight:800;
      color:#e8ecff;
      margin:0;
    }
    html[data-theme="light"] .transfer-modal .confirm-value{color:#1f2937;}
    .transfer-modal .confirm-footer{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:12px;
      flex-wrap:wrap;
    }
    #transferConfirmBackdrop .transfer-modal .confirm-footer{
      flex-wrap:nowrap;
      gap:10px;
      align-items:stretch;
    }
    .transfer-modal button{
      border-radius:999px;
      min-height:42px;
      padding:9px 14px;
      font-weight:800;
      font-size:.92rem;
      cursor:pointer;
      border:1px solid transparent;
    }
    #transferConfirmBackdrop .transfer-modal .confirm-footer .btn-ghost,
    #transferConfirmBackdrop .transfer-modal .confirm-footer .btn-primary{
      flex:1 1 0;
      min-width:170px;
      min-height:48px;
      padding:12px 18px;
      font-size:1rem;
      line-height:1;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }
    .transfer-modal .btn-ghost{
      background:transparent;
      border-color:#2b2d52;
      color:#cbd5e1;
    }
    html[data-theme="light"] .transfer-modal .btn-ghost{
      color:#475569;
      border-color:#e2e8f0;
      background:#fff;
    }
    .transfer-modal .btn-primary{
      background:linear-gradient(135deg,#747ad5,#5058c9);
      border:0;
      color:#fff;
      box-shadow:0 10px 24px rgba(80,88,201,.35);
    }
    body.dark-mode .transfer-page main{
      background:#0b1220 !important;
      border-color:#1e2a44 !important;
      box-shadow:0 16px 36px rgba(0,0,0,.45) !important;
    }
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card){background:transparent !important;border:none !important;box-shadow:none !important;}
    body.dark-mode .transfer-page .transfer-field{
      background:transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
    }
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card):hover{box-shadow:none !important;}
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card) .title,
    body.dark-mode .transfer-page .transfer-field span,
    body.dark-mode .transfer-page .transfer-actions .transfer-footnote{color:#94a3b8;}
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card) .title{
      background:#0c1233;
      border-color:#2b2d52;
    }
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card) .value,
    body.dark-mode .transfer-page .copy-chip{color:#eaf0ff;}
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card) .top{background:transparent !important;border:none !important;}
    body.dark-mode .transfer-page .transfer-meta :is(.meta-card, .card) .value{
      background:rgba(5,7,28,.88);
      border-color:#2b2d52;
    }
    body.dark-mode .transfer-page .copy-chip{
      background:rgba(5,7,28,.88);
      border-color:#2b2d52;
    }
    body.dark-mode .transfer-page .transfer-helper{
      background:rgba(5,7,28,.88);
      border-color:#2b2d52;
      color:#94a3b8;
      box-shadow:none;
    }
    body.dark-mode .transfer-modal .confirm-label{color:#9fb0ff;}
    body.dark-mode .transfer-modal .confirm-value{color:#e8ecff;}
    body.dark-mode .transfer-page .transfer-field input,
    body.dark-mode .transfer-page .transfer-field textarea{
      background:rgba(5,7,28,.88);
      border-color:#2b2d52;
      color:#eaf0ff;
    }
    body.dark-mode .transfer-page .transfer-field span{
      color:#c8d2fb;
      background:#0c1233;
      border-color:#2b2d52;
    }
    @media(max-width:720px){
      .transfer-page{padding:0 6px 56px !important;}
      .transfer-page main{
        max-width:none !important;
        width:100% !important;
        margin:0 auto 12px !important;
        padding:18px 14px !important;
        border-radius:14px !important;
      }
    }
    @media(max-width:540px){
      .transfer-page .transfer-meta{grid-template-columns:1fr;}
      .transfer-page h2{font-size:1.28rem;margin:16px 0 8px;}
      .transfer-page .transfer-meta :is(.meta-card, .card){padding:10px 0 0 !important;}
      .transfer-page .transfer-meta :is(.meta-card, .card) .top{inset-inline-end:10px;top:10px;}
      .transfer-page .transfer-meta :is(.meta-card, .card) .title{font-size:.76rem;}
      .transfer-page .transfer-meta :is(.meta-card, .card) .value{height:42px;padding:0 14px;font-size:.95rem;}
      .transfer-page .transfer-field{padding:10px 0 0;}
      .transfer-page .transfer-field input{height:42px;padding:0 14px;font-size:.95rem;}
      .transfer-page .transfer-field span{inset-inline-end:10px;top:10px;font-size:.76rem;}
      .transfer-page .transfer-actions{align-items:stretch;}
      .transfer-page .transfer-actions button{width:100%;}
      #transferConfirmBackdrop .transfer-modal .confirm-footer{
        flex-wrap:nowrap;
        gap:8px;
      }
      #transferConfirmBackdrop .transfer-modal .confirm-footer .btn-ghost,
      #transferConfirmBackdrop .transfer-modal .confirm-footer .btn-primary{
        min-width:0;
        min-height:46px;
        padding:11px 12px;
        font-size:.95rem;
      }
      .transfer-modal h3{font-size:1.2rem;margin-top:2px;padding-inline:42px;}
      .transfer-modal{padding:16px 14px 14px;}
    }
    body.theme-eid[data-inline-route="transfer"]::before,
    body.theme-eid[data-inline-route="transfer"]::after,
    body.theme-fall[data-inline-route="transfer"]::before,
    body.theme-fall[data-inline-route="transfer"]::after{
      display:none !important;
      background:none !important;
    }

/* #shared-inline-calendar-style */
.calendar-popover{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000}
.calendar-panel{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:12px;padding:14px;width:min(92vw,360px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-nav{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}
.cal-title{font-weight:800}
.calendar-sub{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;font-size:.9rem}
.calendar-mode{display:flex;gap:6px}
.calendar-mode-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}
.calendar-mode-btn.active{background:#eef0ff;border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)))}
.calendar-selection{color:#2b2d52;font-weight:600;display:none}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.calendar-weekday{text-align:center;font-weight:700;font-size:.85rem;padding:6px 0;color:#64748b}
.calendar-spacer{height:1px}
.calendar-day{position:relative;text-align:center;padding:10px 0;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff}
.calendar-day .num{position:relative;z-index:1;font-weight:700}
.calendar-day.has{background:#dcfce7;border-color:#86efac;color:#065f46}
.calendar-day.active{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));outline:none}
.calendar-day.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.calendar-day.in-range{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))}
.calendar-day.range-start,.calendar-day.range-end{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));outline:none}
.calendar-day .count{position:absolute;top:-6px;inset-inline-end:-6px;background:#22c55e;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;padding:0 6px;font-size:11px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
body.dark-mode .calendar-panel{background:var(--site-accent-runtime-surface, #0f1024);color:#f0f1ff;border-color:#2b2d52}
body.dark-mode .cal-nav{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52;color:#f0f1ff}
body.dark-mode .calendar-day{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52}
body.dark-mode .calendar-day.has{background:#064e3b;border-color:#047857;color:#bbf7d0}
body.dark-mode .calendar-mode-btn{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52;color:#f0f1ff}
body.dark-mode .calendar-mode-btn.active{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))}
body.dark-mode .calendar-day.in-range{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)))}
body.dark-mode .calendar-day.active{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));outline:none}
body.dark-mode .calendar-day.range-start, body.dark-mode .calendar-day.range-end{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));outline:none}
@media (max-width: 420px){
  .calendar-panel{width:96vw;padding:10px;border-radius:10px}
  .calendar-header{margin-bottom:6px}
  .cal-nav{padding:4px 8px}
  .cal-title{font-size:14px}
  .calendar-sub{margin:4px 0 8px}
  .calendar-grid{gap:5px}
  .calendar-weekday{font-size:11px;padding:4px 0}
  .calendar-day{padding:8px 0;border-radius:10px}
  .calendar-day .num{font-size:13px}
  .calendar-day .count{min-width:16px;height:16px;line-height:16px;font-size:10px;top:-4px;inset-inline-end:-4px}
}

/* #orders-inline-style media=not all */
/* ==== Dark Mode for talabat page ==== */
body.dark-mode .content-container{
  background:var(--site-accent-runtime-surface, #0f1024);
  color:#f0f1ff;
  box-shadow:0 8px 22px rgba(0,0,0,0.35);
  border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .38);
  border-radius:16px;
  padding:20px;
}

/* العنوان والأيقونة */
body.dark-mode .content-container h2{
  color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));
}
body.dark-mode .content-container h2 i{
  color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));
}

/* قائمة الطلبات */
body.dark-mode .orders-list{
  background:var(--site-accent-runtime-surface, #05050b);
  border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  color:#f0f1ff;
  border-radius:14px;
  padding:12px;
}
body.dark-mode .orders-list::-webkit-scrollbar-track{ background:var(--site-accent-runtime-surface, #05050b); }
body.dark-mode .orders-list::-webkit-scrollbar-thumb{ background:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); }

/* الفوتر ومربعات الأيقونات */
body.dark-mode .footerContainer{
  background:linear-gradient(135deg,var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391))),var(--site-accent-runtime-surface-alt, #1c1d38));
  box-shadow:0 8px 18px rgba(0,0,0,0.35);
}
body.dark-mode .footer-title{
  color:#f0f1ff;
}

/* صيانة وثيمات عامة (متزامنة مع الموقع الرئيسي) */
#maintenance-overlay{
  position:fixed;inset:0;z-index:15000;
  display:flex;align-items:center;justify-content:center;
  background:rgba(5,6,20,.92);
  color:#f8f9ff;text-align:center;padding:30px;
  backdrop-filter:blur(3px);
}
#maintenance-overlay .card{
  background:#0f172a;border:1px solid rgba(124,126,208,.35);
  padding:24px 20px;border-radius:16px;max-width:520px;width:100%;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
#maintenance-overlay h2{margin:0 0 10px;font-size:1.5rem;}
#maintenance-overlay p{margin:6px 0;color:#cbd5e1;}
#maintenance-overlay .countdown{font-weight:800;color:#fbbf24;}
body.theme-fall{
  background:radial-gradient(circle at 20% 20%, rgba(255,165,0,.08), transparent 35%), #0a0b1a;
}
body.theme-fall .leaf{
  position:fixed;top:-10%;width:24px;height:24px;
  background:linear-gradient(135deg,#f59e0b,#d97706);opacity:.75;
  border-radius:4px;animation:falling 12s linear infinite;z-index:50;pointer-events:none;
}
body.theme-fall .leaf:nth-child(odd){background:linear-gradient(135deg,#fbbf24,#f59e0b);}
body.theme-snow{
  background:linear-gradient(
    180deg,
    var(--site-accent-runtime-surface, #05050b),
    var(--site-accent-runtime-surface-alt, #101223) 45%,
    var(--site-accent-runtime-surface, #05050b)
  );
}
body.theme-snow .snowflake{
  position:fixed;top:-8%;color:#e0e9ff;font-size:14px;opacity:.8;
  animation:snowfall 11s linear infinite;pointer-events:none;z-index:50;
  text-shadow:0 0 6px rgba(255,255,255,.35);
}
body.theme-eid{
  background:linear-gradient(
    135deg,
    var(--site-accent-runtime-surface, #05050b),
    var(--site-accent-runtime-surface-alt, #101223) 60%,
    var(--site-accent-runtime-surface, #05050b)
  );
}
@keyframes falling{
  0%{transform:translate3d(0,0,0) rotate(0deg);}
  100%{transform:translate3d(-20vw,110vh,0) rotate(720deg);}
}
@keyframes snowfall{
  0%{transform:translateY(-10%) translateX(0);}
  100%{transform:translateY(115vh) translateX(20px);}
}
body.dark-mode .icon-box{
  background:var(--site-accent-runtime-surface, #0f1024);
  color:#f0f1ff;
  box-shadow:0 6px 14px rgba(0,0,0,0.30);
  border:1px solid #2b2d52;
}
body.dark-mode .icon-box i{ color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))); }
body.dark-mode .icon-box h3{ color:#f0f1ff; }
body.dark-mode .icon-box p{ color:#cbd5e1; }


/* Dark mode style for order cards */
body.dark-mode .order-card {
  background: var(--site-accent-runtime-surface-alt, #1a2234);        /* خلفية داكنة */
  color: #f0f1ff;             /* النصوص فاتحة */
  border: 1px solid #2b2d52;  /* إطار أنعم */
}

body.dark-mode .order-card .order-header {
  background: var(--site-accent-runtime-surface, #0f1024);        /* تمييز الهيدر داخل الكارد */
  color: #f0f1ff;
}

body.dark-mode .order-card .order-status {
  color: #fbbf24;             /* أصفر للتأكيد */
}

body.dark-mode .order-card .order-details {
  background: var(--site-accent-runtime-surface, #05050b);
  color: #dbe2ea;
}

/* تحسين النصوص في تفاصيل الطلب للوضع الداكن */
body.dark-mode .order-card .order-details {
  background: var(--site-accent-runtime-surface, #05050b);
  color: #ffffff;              /* جعل النص أبيض واضح */
}

body.dark-mode .order-card .order-details p,
body.dark-mode .order-card .order-details li,
body.dark-mode .order-card .order-details strong,
body.dark-mode .order-card .order-details span {
  color: #ffffff !important;   /* ضمان أن كل النصوص تكون بيضاء */
}

/* حركات ظهور/اختفاء البطاقات عند البحث أو التحديث (سحب من اليمين لكل بطاقة) */
.order-card.anim-enter-right{animation:orderCardInRight .28s ease forwards;}
.order-card.anim-exit-right{animation:orderCardOutRight .22s ease forwards;}
@keyframes orderCardInRight{
  from{opacity:0;transform:translateX(18px);}
  to{opacity:1;transform:translateX(0);}
}
@keyframes orderCardOutRight{
  from{opacity:1;transform:translateX(0);}
  to{opacity:0;transform:translateX(18px);}
}

body.dark-mode .order-card .order-details strong {
  color: var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))) !important;   /* تمييز النص الغامق بلون أزرق فاتح */
}

/* ===== شريط أدوات الطلبات (مثل المحفظة) ===== */
.provider-response{
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #d8dce8;
  border-radius: 16px;
  background: #f3f4f8;
  box-shadow: 0 10px 24px rgba(148,163,184,.14);
}
.order-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin:8px 0 10px;
}
.btn-refresh-order{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:8px;
  padding:6px 10px;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
}
.btn-refresh-order:disabled{opacity:.65;cursor:not-allowed;}
body.dark-mode .btn-refresh-order{
  background:var(--site-accent-runtime-surface, #0f1024);
  border-color:#2b2d52;
  color:#f0f1ff;
}
.provider-response-body{
  margin-top: 8px;
  padding: 12px 14px;
  border: 1px dashed #d6defa;
  border-radius: 14px;
  background: #f8faff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  white-space: pre-wrap;
  word-break: break-word;
  cursor: copy;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

/* تنسيق عرض العروض والكميات */
.offers-list{padding-right:20px; margin:6px 0; list-style:disc;}
.offers-list .offer-item{margin-bottom:6px;}
.offers-list .offer-name{font-weight:700;}
.offers-list .offer-qty{font-size:13px;color:#6b7280;}
body.dark-mode .offers-list .offer-qty{color:#cbd5e1;}

/* صندوق الأكواد القادمة من المزود */
.codes-box{margin:10px 0;padding:10px;border:0;border-radius:10px;background:transparent;}
.codes-box .codes-list{list-style:none;margin:8px 0 0;padding:0;}
.codes-box .codes-list li{display:flex;align-items:center;gap:8px;margin:6px 0;}
.codes-box .code-text{direction:ltr;font-family:monospace;background:transparent;padding:6px 10px;border-radius:8px;}
.codes-box .btn-copy-code{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;}
body.dark-mode .codes-box{border:0;background:transparent;}
body.dark-mode .codes-box .code-text{background:transparent;color:#e5e7eb;}
body.dark-mode .codes-box .btn-copy-code{border-color:#374151;background:#1f2937;color:#e5e7eb;}
body.dark-mode .provider-response{
  background: rgba(15,23,42,.24);
  border-color: #2b2d52;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
}
body.dark-mode .provider-response-body{
  background: rgba(8,11,34,.45);
  border-color: #33407b;
  color: #f0f1ff;
}

.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}
.chip{padding:6px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:700}
.chip.active{box-shadow:0 0 0 2px rgba(var(--site-accent-rgb, 148, 163, 184), .15)}
.chip[data-filter="all"].active{background:#eef0ff;border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)))}
.chip[data-filter="pending"]{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}
.chip[data-filter="pending"].active{background:#fde7c7;border-color:#fb923c;color:#7c2d12}
.chip[data-filter="approved"]{background:#dcfce7;border-color:#86efac;color:#065f46}
.chip[data-filter="approved"].active{background:#bbf7d0;border-color:#22c55e;color:#065f46}
.chip[data-filter="rejected"]{background:#fee2e2;border-color:#fecaca;color:#7f1d1d}
.chip[data-filter="rejected"].active{background:#fecaca;border-color:#ef4444;color:#7f1d1d}
body.dark-mode .chip{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52;color:#f0f1ff}
body.dark-mode .chip[data-filter="all"].active{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))}
body.dark-mode .chip[data-filter="pending"]{background:#2b2f3a;border-color:#a16207;color:#fde68a}
body.dark-mode .chip[data-filter="approved"]{background:#064e3b;border-color:#047857;color:#bbf7d0}
body.dark-mode .chip[data-filter="rejected"]{background:#3f1d1d;border-color:#7f1d1d;color:#fecaca}
.orders-search{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
  padding:12px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,245,255,.96));
  border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  border-radius:999px;
  box-shadow:0 8px 20px rgba(var(--site-accent-rgb, 148, 163, 184), .12), inset 0 1px 0 rgba(255,255,255,.88);
}
.orders-search i{
  color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
  font-size:18px;
}
.orders-search input{
  flex:1;
  border:0;
  background:transparent;
  color:var(--text);
  font-size:1rem;
  outline:none;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none;
}
.orders-search input::placeholder{
  color:rgba(55,65,81,.72);
}
.orders-search button{display:none;}
body.dark-mode .orders-search{
  background:linear-gradient(180deg, rgba(8,12,28,.94), rgba(10,14,32,.9));
  border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .48);
  box-shadow:0 12px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}
body.dark-mode .orders-search i{
  color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));
}
body.dark-mode .orders-search input{
  color:#e5e7eb;
}
body.dark-mode .orders-search input::placeholder{
  color:rgba(203,213,225,.7);
}
/* Empty message styles */
#ordersEmptyMessage{
  padding:24px;
  text-align:center;
  border:0;
  border-radius:12px;
  color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4b5563)));
  background:transparent;
  margin:12px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  min-height:200px;
  place-items:center;
  place-content:center;
}
body.dark-mode #ordersEmptyMessage{background:transparent;border-color:transparent;color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9aa7b7)))}
/* Empty state illustration */
#ordersEmptyMessage .illu{display:block;margin:0 auto;align-self:center}
#ordersEmptyMessage .caption{
  font-size:14px;
  color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4b5563)));
}
#ordersEmptyMessage .paper{
  stroke:none;
  opacity:1;
}
#ordersEmptyMessage .paper-back{
  fill:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
}
#ordersEmptyMessage .paper-front{
  fill:var(--site-accent-runtime-deep, var(--primary-dark, var(--accent-theme, #2a2f6d))) !important;
  stroke:none;
}
#ordersEmptyMessage .clip{fill:var(--site-accent-runtime, var(--accent-theme, #7c3aed))}
#ordersEmptyMessage .dot{fill:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)))}
body.dark-mode #ordersEmptyMessage .caption{
  color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));
}
body.dark-mode #ordersEmptyMessage .paper{
  stroke:none;
  opacity:1;
}
body.dark-mode #ordersEmptyMessage .paper-back{
  fill:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
}
body.dark-mode #ordersEmptyMessage .paper-front{
  fill:var(--site-accent-runtime-deep, var(--primary-dark, var(--accent-theme, #2a2f6d))) !important;
  stroke:none;
}


/* الهواتف (شاشات أصغر من 480px) */
@media (max-width: 480px) {
  .content-container {
    margin: 20px 10px;
    padding: 15px;
  }

  .order-card {
    padding: 12px;
    font-size: 14px;
  }

  .order-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .order-status {
    font-size: 13px;
    padding: 4px 10px;
  }

  .btn-show-proof {
    font-size: 14px;
    padding: 8px 12px;
  }

  .footer-icons {
    flex-direction: column;
    gap: 15px;
  }

  .icon-box {
    width: 100%;
    max-width: 250px;
  }
}

@media (max-width: 480px) {
  #sidebar ul li {
    padding: 18px 16px;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .footer-icons {
    flex-direction: column;
    align-items: center;
  }

  .icon-box {
    width: 90%;
    margin: 10px 0;
  }
}

@media (max-width: 480px) {
  .btn-show-proof {
    width: 100%;
    text-align: center;
  }
}

/* ======== Mobile Clean Patch (≤480px) ======== */
@media (max-width: 480px) {
  /* الهيدر غالبًا ثابت، وعندك body فيه padding-top مكرر 60/70px.
     ثبّتناه على 56px عشان مايبقاش فيه فراغ زائد. */
  body { padding-top: 56px !important; }

  /* الحاوية الرئيسية: عرض كامل، بدون ظل ثقيل */
  .content-container{
    max-width: none;
    width: 100%;
    margin: 56px 0 10px;
    padding: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  /* مساحة جانبية بسيطة للّست */
  #ordersContainer { padding: 0 8px; }

  /* الكرت: تبسيط تام + تباين واضح */
  .order-card{
    background: var(--site-accent-runtime-surface, #0f1024);                 /* داكن نظيف */
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: none;
    border-radius: 12px;
    padding: 0;                           /* الرأس يحمل الحشو */
    margin-bottom: 10px;
    transform: none;
  }
  .order-card::after{ display: none; }    /* إلغاء توهج الزاوية */

  /* رأس الكرت: منطقة ضغط كبيرة + شبكة مرتبة */
  .order-header{
    display: grid;
    grid-template-columns: 1fr auto 16px; /* معلومات | شارة | سهم */
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: transparent;
  }
  .order-header > div:first-child{
    font-size: 14px;
    line-height: 1.5;
    color: #f0f1ff;
  }
  .order-header i{                         /* السهم */
    font-size: 14px;
    margin: 0;
    transition: transform .2s ease;
  }
  /* تدوير السهم عند الفتح (سنضيف كلاس .open بالـ JS) */
  .order-card.open .order-header i { transform: rotate(180deg); }

  /* شارة الحالة كبادج صغيرة */
  .order-status{
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
  }

  /* تفاصيل الطلب: قراءة أسهل */
  .order-details{
    display: none;
    border-top: 1px solid rgba(255,255,255,0.06);
    background: var(--site-accent-runtime-surface, #05050b);
    padding: 12px;
    font-size: 13.5px;
    line-height: 1.6;
    border-radius: 0 0 12px 12px;
  }

  /* زر إثبات التحويل: عريض وواضح */
  .btn-show-proof{
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
  }

  /* سلوك أفضل لشاشات اللمس */
  @media (pointer: coarse) {
    .order-card:hover,
    .order-card:active { transform: none; box-shadow: none; }
  }
}

/* ======== Mobile Clean Patch (≤480px) ======== */
@media (max-width: 480px) {
  body { padding-top: 56px !important; }

  .content-container {
    max-width: none;
    width: 100%;
    margin: 56px 0 10px;
    padding: 8px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  #ordersContainer { padding: 0 8px; }

  .order-card {
    border-radius: 12px;
    padding: 0;
    margin-bottom: 10px;
    transform: none;
    box-shadow: none;
  }
  .order-card::after { display: none; }

  .order-header {
    display: grid;
    grid-template-columns: 1fr auto 16px;
    align-items: center;
    gap: 8px;
    padding: 12px;
  }
  .order-header > div:first-child {
    font-size: 14px;
    line-height: 1.5;
  }
  .order-header i {
    font-size: 14px;
    transition: transform .2s ease;
  }
  .order-card.open .order-header i { transform: rotate(180deg); }

  .order-status {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
  }

  .order-details {
    display: none;
    padding: 12px;
    font-size: 13.5px;
    line-height: 1.6;
    border-radius: 0 0 12px 12px;
  }

  .btn-show-proof {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
  }
}

/* ===== تخصيص ألوان الوضع الداكن ===== */
@media (max-width: 480px) {
  body.dark-mode .order-card {
    background: var(--site-accent-runtime-surface, #0f1024);
    border: 1px solid rgba(255,255,255,0.08);
  }
  body.dark-mode .order-header > div:first-child { color: #f0f1ff; }
  body.dark-mode .order-details {
    border-top: 1px solid rgba(255,255,255,0.06);
    background: var(--site-accent-runtime-surface, #05050b);
    color: #f0f1ff;
  }

  /* الوضع الفاتح (عادي) */
  body:not(.dark-mode) .order-card {
    background: #ffffff;
    border: 1px solid #ddd;
  }
  body:not(.dark-mode) .order-header > div:first-child { color: #222; }
  body:not(.dark-mode) .order-details {
    border-top: 1px solid #eee;
    background: #fafafa;
    color: #333;
  }
}
/* ===== إصلاح اختفاء الخلفية في الوضع الفاتح ===== */

/* محتوى عام: خلي الحاوية بيضاء في الوضع الفاتح */
body:not(.dark-mode) .content-container{
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

/* ===== إصلاح ألوان النصوص في الوضع الفاتح ===== */
body:not(.dark-mode) .order-card{
  color: #1f2937;
}
body:not(.dark-mode) .order-header,
body:not(.dark-mode) .order-header-text,
body:not(.dark-mode) .order-code-line,
body:not(.dark-mode) .order-meta-line{
  color: #1f2937;
}
body:not(.dark-mode) .order-details,
body:not(.dark-mode) .order-details p,
body:not(.dark-mode) .order-details li,
body:not(.dark-mode) .order-details span{
  color: #1f2937;
}
body:not(.dark-mode) .order-details strong{
  color: #111827;
}
body:not(.dark-mode) .provider-response,
body:not(.dark-mode) .provider-response-body{
  color: #1f2937;
}
body:not(.dark-mode) .orders-search input{
  color: #111827;
}
body:not(.dark-mode) .chip,
body:not(.dark-mode) #dateChip{
  color:#1f2937;
  background:#ffffff;
  border-color:#e5e7eb;
}
body:not(.dark-mode) .chip.active{
  color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)));
}
body:not(.dark-mode) .cal-nav,
body:not(.dark-mode) .calendar-mode-btn{
  color:#1f2937;
  background:#ffffff;
  border-color:#e5e7eb;
}
body:not(.dark-mode) .cal-nav:disabled,
body:not(.dark-mode) .calendar-mode-btn:disabled{
  color:#9ca3af;
}
body:not(.dark-mode) .btn-refresh-order,
body:not(.dark-mode) .codes-box .btn-copy-code{
  color:#1f2937;
  background:#ffffff;
  border-color:#e5e7eb;
}
body:not(.dark-mode) .order-header i{
  color:#6b7280;
}
body:not(.dark-mode) .calendar-panel,
body:not(.dark-mode) .calendar-weekday,
body:not(.dark-mode) .calendar-day,
body:not(.dark-mode) .calendar-mode-btn,
body:not(.dark-mode) .calendar-selection{
  color: #1f2937;
}



/* تضمن الظهور الصحيح على الشاشات الصغيرة أيضًا */
@media (max-width: 480px){
  body:not(.dark-mode) .content-container{
    background: #ffffff;          /* لا تخليها شفافة على الموبايل */
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    margin: 56px 8px 10px;
    padding: 8px;
  }
  body:not(.dark-mode) .orders-list{
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 8px;
  }
}

/* ================== توحيد تصميم الديسكتوب ليطابق الموبايل ================== */
@media (min-width: 481px){
  /* نفس تبسيط الموبايل لكن بفراغ جانبي أكبر قليلًا */
  .content-container{
    max-width: 1100px;
    width: 100%;
    margin: 70px auto 16px;
    padding: 10px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #ordersContainer { padding: 0 12px; }

  .orders-list{
    background: transparent;
    border: 0;
    padding: 0;
  }

  .order-card{
    background: var(--site-accent-runtime-surface, #0f1024);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 0;
    margin-bottom: 12px;
    box-shadow: none;
    transform: none;
  }
  body:not(.dark-mode) .order-card{
    background: #ffffff;
    border: 1px solid #e6e6e6;
  }
  .order-card::after{display:none;}

  .order-header{
    display: grid;
    grid-template-columns: 1fr auto 16px; /* معلومات | شارة | سهم */
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: transparent;
  }
  .order-header > div:first-child{
    font-size: 14px;
    line-height: 1.5;
    color: inherit;
  }
  .order-header i{
    font-size: 14px;
    margin: 0;
    transition: transform .2s ease;
  }
  .order-card.open .order-header i { transform: rotate(180deg); }

  .order-status{
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
  }

  .order-details{
    display: none;
    border-top: 0;
    background: var(--site-accent-runtime-surface, #05050b);
    padding: 12px 14px;
    font-size: 13.5px;
    line-height: 1.6;
    border-radius: 0 0 12px 12px;
  }
  body:not(.dark-mode) .order-details{
    border-top: 0;
    background: #fafafa;
    color: #333;
  }

  .btn-show-proof{
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
  }

  /* تصغير الخط + تثبيت سطرين (كود + اسم/ايدي أو سعر) بدون تمدد الكروت */
  .order-header-text{ min-width: 0; }
  .order-code-line,
  .order-meta-line{
    display:block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .order-code-line{ font-size: 12px; line-height: 1.25; }
  .order-meta-line{ font-size: 12px; line-height: 1.25; margin-top: 4px; }
  .order-code{ direction:ltr; unicode-bidi: plaintext; }

  .order-status{ font-size: 11px; }
}
/* ===== لون الحالة في الوضع الداكن ===== */
  body.dark-mode .order-status {
    color: #ffffff !important;   /* إجبار اللون أبيض */
  }

  /* إزالة الفراغ (margin-top) الذي قد يضيفه header.css بين رأس الكرت وتفاصيله */
  .order-details{ margin-top: 0 !important; }


/* Calendar popover */
.calendar-popover{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000}
.calendar-panel{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:12px;padding:14px;width:min(92vw,360px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-nav{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}
.cal-title{font-weight:800}
.calendar-sub{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;font-size:.9rem}
.calendar-mode{display:flex;gap:6px}
.calendar-mode-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}
.calendar-mode-btn.active{background:#eef0ff;border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)))}
.calendar-selection{color:#2b2d52;font-weight:600;display:none}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.calendar-weekday{text-align:center;font-weight:700;font-size:.85rem;padding:6px 0;color:#64748b}
.calendar-spacer{height:1px}
.calendar-day{position:relative;text-align:center;padding:10px 0;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff}

/* ===== Mobile font tightening (force override) ===== */
@media (max-width: 480px){
  .order-header > div:first-child{ font-size: 12px !important; line-height: 1.25 !important; }
  .order-code-line{ font-size: 11px !important; line-height: 1.2 !important; }
  .order-meta-line{ font-size: 11px !important; line-height: 1.2 !important; }
  .order-status{ font-size: 10px !important; padding: 3px 8px !important; }
  /* تفاصيل الطلب (الوصف) */
  .order-details{ font-size: 12px !important; line-height: 1.55 !important; }
  .order-details p,
  .order-details li,
  .order-details span{ font-size: 12px !important; line-height: 1.55 !important; }
  .order-details strong{ font-size: 12px !important; }
  .offers-list .offer-name{ font-size: 12px !important; }
  .offers-list .offer-qty{ font-size: 11px !important; opacity: .9; }
  .btn-refresh-order{ font-size: 12px !important; padding: 6px 10px !important; }
}
body[data-inline-route="orders"] #inlinePage{margin-top:0 !important;}
/* ===== Final Orders Refresh ===== */
body.theme-snow[data-inline-route="orders"]::before,
body.theme-snow[data-inline-route="orders"]::after{
  display:none !important;
  background:none !important;
}
#ordersContainer{
  --orders-card-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.96));
  --orders-card-border: rgba(var(--site-accent-rgb, 148, 163, 184), .22);
  --orders-card-shadow: 0 14px 32px rgba(var(--site-accent-rgb, 148, 163, 184), .10);
  --orders-code-color: #0f172a;
  --orders-meta-color: #0f172a;
  --orders-icon-color: #64748b;
  --orders-details-bg: rgba(248,250,252,.96);
  --orders-details-border: rgba(var(--site-accent-rgb, 148, 163, 184), .18);
  --orders-body-color: #334155;
  --orders-strong-color: #0f172a;
  --orders-response-bg: rgba(255,255,255,.96);
  --orders-response-border: rgba(var(--site-accent-rgb, 148, 163, 184), .22);
  --orders-response-title: var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)));
  --orders-response-body-bg: rgba(248,250,255,.98);
  --orders-response-body-border: rgba(var(--site-accent-rgb, 129, 140, 248), .24);
  --orders-response-body-color: #0f172a;
  --orders-reply-hover-bg: #e6f7ff;
  --orders-reply-hover-border: rgba(var(--site-accent-rgb, 129, 140, 248), .36);
  --orders-reply-copied-bg: #ecfdf3;
  --orders-reply-copied-border: #16a34a;
}
body.dark-mode #ordersContainer{
  --orders-card-bg: linear-gradient(180deg, rgba(13,22,44,.96), rgba(11,19,38,.98));
  --orders-card-border: rgba(var(--site-accent-rgb, 125, 140, 175), .24);
  --orders-card-shadow: 0 16px 34px rgba(0,0,0,.24);
  --orders-code-color: #f8fbff;
  --orders-meta-color: #f8fbff;
  --orders-icon-color: #dbe4ff;
  --orders-details-bg: rgba(7,13,28,.72);
  --orders-details-border: rgba(var(--site-accent-rgb, 125, 140, 175), .18);
  --orders-body-color: #d9e2f1;
  --orders-strong-color: #f8fbff;
  --orders-response-bg: rgba(13,22,44,.66);
  --orders-response-border: rgba(var(--site-accent-rgb, 110, 122, 197), .26);
  --orders-response-title: #dbe4ff;
  --orders-response-body-bg: rgba(6,12,28,.62);
  --orders-response-body-border: rgba(var(--site-accent-rgb, 110, 122, 197), .34);
  --orders-response-body-color: #f8fbff;
  --orders-reply-hover-bg: var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #2e316f)));
  --orders-reply-hover-border: rgba(var(--site-accent-rgb, 110, 122, 197), .46);
  --orders-reply-copied-bg: rgba(22,101,52,.25);
  --orders-reply-copied-border: #22c55e;
}
#ordersContainer .order-card{
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--orders-card-border);
  box-shadow:var(--orders-card-shadow);
  background:var(--orders-card-bg);
  backdrop-filter: blur(8px);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover:hover) and (pointer:fine){
  #ordersContainer .order-card:hover{
    transform:translateY(-2px);
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36);
    box-shadow:0 18px 36px rgba(var(--site-accent-rgb, 148, 163, 184), .16);
  }
}
#ordersContainer .order-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 18px;
  align-items:center;
  gap:12px;
  padding:16px 18px;
}
#ordersContainer .order-header-text{
  min-width:0;
  display:grid;
  gap:2px;
}
#ordersContainer .order-code-line,
#ordersContainer .order-meta-line{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#ordersContainer .order-code-line{
  font-size:10px;
  line-height:1.3;
  color:var(--orders-code-color);
}
#ordersContainer .order-meta-line{
  font-size:11px;
  line-height:1.3;
  color:var(--orders-code-color);
}
#ordersContainer .order-header i{
  color:var(--orders-icon-color);
}
#ordersContainer .order-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  border:1px solid transparent;
  white-space:nowrap;
}
#ordersContainer .order-status.is-pending{
  background:#fff7e8;
  border-color:#f4d08b;
  color:#8a5a08 !important;
}
#ordersContainer .order-status.is-approved{
  background:#eafaf0;
  border-color:#9ed8ae;
  color:#136a39 !important;
}
#ordersContainer .order-status.is-rejected{
  background:#ffecec;
  border-color:#f1aaaa;
  color:#b42318 !important;
}
#ordersContainer .orders-search,
#ordersContainer .orders-search:hover,
#ordersContainer .orders-search:focus-within{
  transform:none;
  border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  box-shadow:0 8px 20px rgba(var(--site-accent-rgb, 148, 163, 184), .12), inset 0 1px 0 rgba(255,255,255,.88);
}
body.dark-mode #ordersContainer .orders-search,
body.dark-mode #ordersContainer .orders-search:hover,
body.dark-mode #ordersContainer .orders-search:focus-within{
  border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .48);
  box-shadow:0 12px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}
#ordersContainer .orders-search input,
#ordersContainer .orders-search input:hover,
#ordersContainer .orders-search input:focus,
#ordersContainer .orders-search input:active{
  outline:none !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
#ordersContainer .orders-search input::-webkit-search-decoration,
#ordersContainer .orders-search input::-webkit-search-cancel-button,
#ordersContainer .orders-search input::-webkit-search-results-button,
#ordersContainer .orders-search input::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
}
#ordersContainer .order-details{
  margin-top:0 !important;
  padding:16px 18px 18px;
  border-top:1px solid var(--orders-details-border);
  background:var(--orders-details-bg);
  color:var(--orders-body-color);
  word-break:break-word;
}
#ordersContainer .order-details p{
  margin:0 0 10px;
}
#ordersContainer .order-details p:last-child{
  margin-bottom:0;
}
#ordersContainer .order-details .offers-list{
  margin:6px 0 10px;
  padding-inline-start:18px;
  list-style:disc outside;
}
#ordersContainer .order-details p,
#ordersContainer .order-details li,
#ordersContainer .order-details span{
  color:var(--orders-body-color) !important;
}
#ordersContainer .order-details strong{
  color:var(--orders-strong-color) !important;
}
#ordersContainer .order-reply-field{
  margin-top:16px;
}
#ordersContainer .order-reply-label{
  margin:0 0 8px;
  font-size:13px;
  color:var(--orders-response-title);
}
#ordersContainer .order-reply-value{
  appearance:none;
  width:100%;
  display:block;
  margin-top:0;
  min-height:0;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--orders-response-body-border);
  background:var(--orders-response-body-bg);
  color:var(--orders-response-body-color);
  line-height:1.85;
  unicode-bidi:plaintext;
  white-space:pre-wrap;
  word-break:break-word;
  text-align:start;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  position:relative;
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease, color .15s ease;
}
#ordersContainer .order-reply-value:focus-visible{
  outline:none;
  box-shadow:var(--ring, 0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .25));
}
#ordersContainer .order-reply-value:hover{
  background:var(--orders-reply-hover-bg);
  border-color:var(--orders-reply-hover-border);
}
#ordersContainer .order-reply-value.copied{
  background:var(--orders-reply-copied-bg);
  border-color:var(--orders-reply-copied-border);
  box-shadow:var(--ring, 0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .25));
  transform:translateY(-1px);
}
#ordersContainer .order-reply-value.copied::after{
  content:"\2713";
  position:absolute;
  inset-inline-end:10px;
  top:10px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--success, #16a34a);
  color:#fff;
  font-size:.75rem;
  font-weight:900;
}
#ordersContainer .order-reply-value,
#ordersContainer .order-reply-value *{
  color:inherit !important;
}
#ordersContainer .btn-show-proof{
  margin-top:10px;
  border-radius:12px;
}
@media (max-width: 720px){
  #ordersContainer .order-header{
    padding:14px;
    gap:10px;
  }
  #ordersContainer .order-status{
    min-height:24px;
    padding:0 9px;
    font-size:10px;
  }
  #ordersContainer .order-header-text{
    gap:1px;
  }
  #ordersContainer .order-meta-line{
    font-size:10.5px;
  }
  #ordersContainer .order-details{
    padding:14px;
  }
  #ordersContainer .order-reply-field{
    margin-top:14px;
  }
  #ordersContainer .order-reply-value{
    padding:12px 13px;
    font-size:13px;
  }
}
@media (max-width: 720px){
  body[data-inline-route="orders"]{
    padding-top:56px !important;
  }
  body[data-inline-route="orders"] #ordersContainer{
    width:100%;
    padding:0 4px !important;
  }
  body[data-inline-route="orders"] #ordersContainer .content-container{
    max-width:none;
    width:100%;
    margin:0 auto 8px !important;
    padding:10px 8px !important;
    border-radius:12px;
  }
  body[data-inline-route="orders"] #ordersContainer h2{
    font-size:1.9rem;
    line-height:1.25;
    margin-bottom:10px;
  }
  body[data-inline-route="orders"] #ordersContainer .toolbar{
    gap:6px;
    margin:6px 0 8px;
  }
  body[data-inline-route="orders"] #ordersContainer .chip,
  body[data-inline-route="orders"] #ordersContainer #dateChip{
    font-size:11px;
    padding:5px 9px;
  }
  body[data-inline-route="orders"] #ordersContainer .orders-search{
    margin:0 0 10px;
    padding:10px 12px;
  }
  body[data-inline-route="orders"] #ordersContainer .orders-search input{
    font-size:.9rem;
  }
  body[data-inline-route="orders"] #ordersContainer .order-header > div:first-child{
    font-size:11px !important;
    line-height:1.22 !important;
  }
  body[data-inline-route="orders"] #ordersContainer .order-code-line{
    font-size:9px !important;
  }
  body[data-inline-route="orders"] #ordersContainer .order-meta-line{
    font-size:9px !important;
    margin-top:1px;
  }
  body[data-inline-route="orders"] #ordersContainer .order-status{
    font-size:10px !important;
    padding:3px 8px !important;
  }
  body[data-inline-route="orders"] #ordersContainer .order-details{
    font-size:11px !important;
    line-height:1.45 !important;
  }
  body[data-inline-route="orders"] #ordersContainer #ordersEmptyMessage{
    min-height:150px;
    padding:16px 10px;
  }
  body[data-inline-route="orders"] #ordersContainer #ordersEmptyMessage .caption{
    font-size:12px;
  }
}
@media (max-width: 540px){
  body[data-inline-route="orders"] #ordersContainer{
    padding:0 2px !important;
  }
  body[data-inline-route="orders"] #ordersContainer .content-container{
    padding:9px 7px !important;
  }
  body[data-inline-route="orders"] #ordersContainer h2{
    font-size:1.7rem;
  }
}
.calendar-day .num{position:relative;z-index:1;font-weight:700}
.calendar-day.has{background:#dcfce7;border-color:#86efac;color:#065f46}
.calendar-day.active{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));outline:none}
.calendar-day.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.calendar-day.in-range{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))}
.calendar-day.range-start,.calendar-day.range-end{background:#e0f2fe;border-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));outline:none}
.calendar-day .count{position:absolute;top:-6px;inset-inline-end:-6px;background:#22c55e;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;padding:0 6px;font-size:11px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
body.dark-mode .calendar-panel{background:var(--site-accent-runtime-surface, #0f1024);color:#f0f1ff;border-color:#2b2d52}
body.dark-mode .cal-nav{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52;color:#f0f1ff}
body.dark-mode .calendar-day{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52}
body.dark-mode .calendar-day.has{background:#064e3b;border-color:#047857;color:#bbf7d0}
body.dark-mode .calendar-mode-btn{background:var(--site-accent-runtime-surface, #0f1024);border-color:#2b2d52;color:#f0f1ff}
body.dark-mode .calendar-mode-btn.active{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)))}
body.dark-mode .calendar-day.in-range{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)))}
body.dark-mode .calendar-day.active{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));outline:none}
body.dark-mode .calendar-day.range-start, body.dark-mode .calendar-day.range-end{background:var(--site-accent-runtime-surface-alt, #151836);border-color:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));outline:none}

/* Mobile tuning */
@media (max-width: 420px){
  .calendar-panel{width:96vw;padding:10px;border-radius:10px}
  .calendar-header{margin-bottom:6px}
  .cal-nav{padding:4px 8px}
  .cal-title{font-size:14px}
  .calendar-sub{margin:4px 0 8px}
  .calendar-grid{gap:5px}
  .calendar-weekday{font-size:11px;padding:4px 0}
  .calendar-day{padding:8px 0;border-radius:10px}
  .calendar-day .num{font-size:13px}
  .calendar-day .count{min-width:16px;height:16px;line-height:16px;font-size:10px;top:-4px;inset-inline-end:-4px}
}

/* #api-inline-style media=not all */
#apiInlineRoot{
    --api-inline-sticky-top:86px;
    max-width:1100px;
    margin:18px auto 34px;
    padding:0 8px;
    color:var(--text-primary, #111827);
    font-family:'Cairo', Tahoma, Arial, sans-serif;
    direction:rtl;
  }
  #apiInlineRoot .api-inline-card{
    background:linear-gradient(160deg, rgba(var(--site-accent-rgb, 122, 124, 208), .12) 0%, rgba(249, 250, 255, .96) 100%);
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .32);
    border-radius:18px;
    box-shadow:0 12px 28px rgba(32,34,79,.14);
    padding:18px;
    margin-bottom:14px;
  }
  #apiInlineRoot .api-inline-title{
    margin:0 0 10px;
    font-size:1.55rem;
    font-weight:800;
    line-height:1.25;
  }
  #apiInlineRoot .api-inline-subtitle{
    margin:0;
    color:var(--secondary-color, #6f72a6);
    font-weight:700;
    font-size:.95rem;
    line-height:1.75;
  }
  #apiInlineRoot .api-inline-row{
    display:grid;
    grid-template-columns:140px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    margin-top:10px;
  }
  #apiInlineRoot .api-inline-label{
    color:var(--secondary-color, #6f72a6);
    font-weight:700;
    white-space:nowrap;
  }
  #apiInlineRoot .api-inline-input{
    width:100%;
    min-height:44px;
    border-radius:12px;
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .32);
    background:rgba(255,255,255,.86);
    color:var(--text-primary, #111827);
    padding:10px 12px;
    font-size:.95rem;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    direction:ltr;
    text-align:left;
    transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  }
  #apiInlineRoot .api-inline-input:focus{
    outline:none;
    border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 122, 124, 208), .18);
  }
  #apiInlineRoot .api-inline-input::placeholder{
    color:var(--secondary-color, #6f72a6);
    opacity:.9;
  }
  #apiInlineRoot .api-inline-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
  }
  #apiInlineRoot .api-inline-btn{
    border:0;
    border-radius:12px;
    padding:10px 14px;
    min-height:42px;
    cursor:pointer;
    font-weight:700;
    background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    color:#fff;
    transition:transform .15s ease, filter .15s ease, opacity .15s ease;
  }
  #apiInlineRoot .api-inline-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
  }
  #apiInlineRoot .api-inline-btn:disabled{
    opacity:.62;
    cursor:not-allowed;
    transform:none;
    filter:none;
  }
  #apiInlineRoot .api-inline-btn.outline{
    background:transparent;
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .35);
    color:var(--text-primary, #111827);
  }
  #apiInlineRoot .api-inline-meta{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    color:var(--secondary-color, #6f72a6);
    font-size:.9rem;
    font-weight:700;
  }
  #apiInlineRoot .api-inline-status{
    margin-top:10px;
    min-height:22px;
    font-size:.92rem;
    font-weight:700;
    color:var(--secondary-color, #6f72a6);
  }
  #apiInlineRoot .api-inline-status.ok{ color:#0f9d58; }
  #apiInlineRoot .api-inline-status.err{ color:#d93025; }
  #apiInlineRoot .api-inline-docs h3{
    margin:18px 0 8px;
    font-size:1.06rem;
    color:var(--text-primary, #111827);
  }
  #apiInlineRoot .api-inline-doc-divider{
    border:0;
    height:1px;
    margin:16px 0;
    background:linear-gradient(90deg, rgba(var(--site-accent-rgb, 122, 124, 208), .06), rgba(var(--site-accent-rgb, 122, 124, 208), .35), rgba(var(--site-accent-rgb, 122, 124, 208), .06));
  }
  #apiInlineRoot .api-inline-status-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
    gap:10px;
    margin:8px 0 12px;
  }
  #apiInlineRoot .api-inline-status-card{
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .25);
    border-radius:12px;
    padding:10px;
    background:rgba(var(--site-accent-rgb, 122, 124, 208), .06);
  }
  #apiInlineRoot .api-inline-status-card .api-inline-status-chip{
    display:inline-flex;
    align-items:center;
    padding:2px 8px;
    border-radius:999px;
    font-size:.8rem;
    font-weight:800;
    border:1px solid transparent;
    margin-bottom:6px;
  }
  #apiInlineRoot .api-inline-status-card code{
    font-weight:700;
    color:inherit;
  }
  #apiInlineRoot .api-inline-status-card p{
    margin:0;
    font-size:.9rem;
    color:var(--secondary-color, #6f72a6);
  }
  #apiInlineRoot .api-inline-status-card.accept{
    border-color:rgba(22, 163, 74, .35);
    background:rgba(22, 163, 74, .1);
  }
  #apiInlineRoot .api-inline-status-card.accept .api-inline-status-chip{
    background:rgba(22, 163, 74, .18);
    border-color:rgba(22, 163, 74, .45);
    color:#166534;
  }
  #apiInlineRoot .api-inline-status-card.reject{
    border-color:rgba(220, 38, 38, .35);
    background:rgba(220, 38, 38, .08);
  }
  #apiInlineRoot .api-inline-status-card.reject .api-inline-status-chip{
    background:rgba(220, 38, 38, .14);
    border-color:rgba(220, 38, 38, .35);
    color:#991b1b;
  }
  #apiInlineRoot .api-inline-status-card.wait{
    border-color:rgba(217, 119, 6, .35);
    background:rgba(217, 119, 6, .08);
  }
  #apiInlineRoot .api-inline-status-card.wait .api-inline-status-chip{
    background:rgba(217, 119, 6, .16);
    border-color:rgba(217, 119, 6, .35);
    color:#92400e;
  }
  #apiInlineRoot .api-inline-note{
    color:var(--secondary-color, #6f72a6);
    margin:6px 0 10px;
    font-size:.94rem;
    line-height:1.7;
  }
  #apiInlineRoot .api-inline-list{
    margin:4px 0 12px;
    padding-inline-start:22px;
    color:var(--secondary-color, #6f72a6);
    font-size:.94rem;
    line-height:1.7;
  }
  #apiInlineRoot .api-inline-list li{
    margin:2px 0;
  }
  #apiInlineRoot .api-inline-readmore{
    margin:8px 0 12px;
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .35);
    background:transparent;
    color:var(--text-primary, #111827);
    border-radius:10px;
    padding:7px 12px;
    font-size:.9rem;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  #apiInlineRoot .api-inline-readmore.is-expanded{
    position:sticky;
    top:var(--api-inline-sticky-top);
    z-index:8;
    background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    border-color:transparent;
    color:#fff;
    box-shadow:0 14px 32px rgba(var(--site-accent-rgb, 122, 124, 208), .28);
  }
  #apiInlineRoot .api-inline-readmore:hover{
    filter:brightness(1.04);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-readmore,
  body.dark-mode #apiInlineRoot .api-inline-readmore{
    border-color:rgba(var(--site-accent-rgb, 122, 124, 208), .48);
    color:#f0f1ff;
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-readmore.is-expanded,
  body.dark-mode #apiInlineRoot .api-inline-readmore.is-expanded{
    background:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    color:#fff;
    box-shadow:0 16px 34px rgba(5, 6, 18, .42);
  }
  #apiInlineRoot .api-inline-code{
    background:rgba(12,14,28,.06);
    border:1px solid rgba(var(--site-accent-rgb, 122, 124, 208), .24);
    border-radius:12px;
    padding:12px;
    overflow:auto;
    direction:ltr;
    text-align:left;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size:.92rem;
    line-height:1.68;
  }
  #apiInlineRoot .api-inline-code code{
    color:inherit;
    white-space:pre;
  }
  html[data-theme="dark"] #apiInlineRoot,
  body.dark-mode #apiInlineRoot{
    color:#f0f1ff;
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-card,
  body.dark-mode #apiInlineRoot .api-inline-card{
    background:linear-gradient(160deg, rgba(var(--site-accent-rgb, 122, 124, 208), .14) 0%, rgba(16,18,35,.9) 100%);
    border-color:rgba(var(--site-accent-rgb, 122, 124, 208), .44);
    box-shadow:0 10px 28px rgba(5,6,18,.6);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-subtitle,
  html[data-theme="dark"] #apiInlineRoot .api-inline-label,
  html[data-theme="dark"] #apiInlineRoot .api-inline-note,
  html[data-theme="dark"] #apiInlineRoot .api-inline-meta,
  html[data-theme="dark"] #apiInlineRoot .api-inline-status,
  body.dark-mode #apiInlineRoot .api-inline-subtitle,
  body.dark-mode #apiInlineRoot .api-inline-label,
  body.dark-mode #apiInlineRoot .api-inline-note,
  body.dark-mode #apiInlineRoot .api-inline-meta,
  body.dark-mode #apiInlineRoot .api-inline-status{
    color:var(--site-accent-runtime-light, var(--primary-light, #9ea0d9));
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-input,
  body.dark-mode #apiInlineRoot .api-inline-input{
    background:rgba(8,10,22,.72);
    color:#f0f1ff;
    border-color:rgba(var(--site-accent-rgb, 122, 124, 208), .42);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-btn.outline,
  body.dark-mode #apiInlineRoot .api-inline-btn.outline{
    border-color:rgba(var(--site-accent-rgb, 122, 124, 208), .48);
    color:#f0f1ff;
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-code,
  body.dark-mode #apiInlineRoot .api-inline-code{
    background:rgba(9,12,28,.65);
    border-color:#2b2d52;
    color:#e6e8ff;
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-doc-divider,
  body.dark-mode #apiInlineRoot .api-inline-doc-divider{
    background:linear-gradient(90deg, rgba(var(--site-accent-rgb, 122, 124, 208), .05), rgba(var(--site-accent-rgb, 122, 124, 208), .58), rgba(var(--site-accent-rgb, 122, 124, 208), .05));
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card,
  body.dark-mode #apiInlineRoot .api-inline-status-card{
    border-color:rgba(var(--site-accent-rgb, 122, 124, 208), .42);
    background:rgba(12, 16, 36, .72);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card p,
  body.dark-mode #apiInlineRoot .api-inline-status-card p{
    color:#c9ccff;
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.accept,
  body.dark-mode #apiInlineRoot .api-inline-status-card.accept{
    border-color:rgba(34, 197, 94, .45);
    background:rgba(34, 197, 94, .12);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.accept .api-inline-status-chip,
  body.dark-mode #apiInlineRoot .api-inline-status-card.accept .api-inline-status-chip{
    color:#86efac;
    border-color:rgba(134, 239, 172, .45);
    background:rgba(22, 163, 74, .22);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.reject,
  body.dark-mode #apiInlineRoot .api-inline-status-card.reject{
    border-color:rgba(248, 113, 113, .45);
    background:rgba(248, 113, 113, .12);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.reject .api-inline-status-chip,
  body.dark-mode #apiInlineRoot .api-inline-status-card.reject .api-inline-status-chip{
    color:#fca5a5;
    border-color:rgba(252, 165, 165, .42);
    background:rgba(220, 38, 38, .24);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.wait,
  body.dark-mode #apiInlineRoot .api-inline-status-card.wait{
    border-color:rgba(251, 191, 36, .45);
    background:rgba(251, 191, 36, .12);
  }
  html[data-theme="dark"] #apiInlineRoot .api-inline-status-card.wait .api-inline-status-chip,
  body.dark-mode #apiInlineRoot .api-inline-status-card.wait .api-inline-status-chip{
    color:#fde68a;
    border-color:rgba(253, 230, 138, .4);
    background:rgba(217, 119, 6, .24);
  }
  @media (max-width: 720px){
    #apiInlineRoot{
      --api-inline-sticky-top:76px;
    }
    #apiInlineRoot .api-inline-row{
      grid-template-columns:1fr;
    }
    #apiInlineRoot .api-inline-btn{
      width:100%;
    }
    #apiInlineRoot .api-inline-actions{
      width:100%;
    }
  }

/* #login-inline-style media=not all */
#loginInline{
    --page-bg:#070b12;
    --login-fixed-surface:#0C0C0C;
    --surface:var(--login-fixed-surface);
    --surface-2:var(--login-fixed-surface);
    --text:#ffffff;
    --muted:#ffffff;
    --placeholder:#ffffff;
    --primary:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --primary-2:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    --danger:#ef4444;
    --success:#16a34a;
    --field-bg:var(--login-fixed-surface);
    --field-border:rgba(255,255,255,.14);
    --field-focus:rgba(255,255,255,.34);
    --field-focus-glow:rgba(255,255,255,.08);
    --card-border:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    --card-shadow:0 18px 44px rgba(0,0,0,.36);
    --link:#cbd5ff;
    min-height:100vh;
    width:100%;
    background:var(--page-bg);
    color:var(--text);
    font-family:'Cairo',sans-serif;
    direction:rtl;
    text-align:right;
  }
  html[data-theme="dark"] #loginInline{
    --page-bg:#070b12;
    --login-fixed-surface:#0C0C0C;
    --surface:var(--login-fixed-surface);
    --surface-2:var(--login-fixed-surface);
    --text:#ffffff;
    --muted:#ffffff;
    --placeholder:#ffffff;
    --primary:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --primary-2:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    --field-bg:var(--login-fixed-surface);
    --field-border:rgba(255,255,255,.14);
    --field-focus:rgba(255,255,255,.34);
    --field-focus-glow:rgba(255,255,255,.08);
    --card-border:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    --card-shadow:0 18px 44px rgba(0,0,0,.36);
    --link:#cbd5ff;
  }
  body.dark-mode #loginInline{
    --page-bg:#070b12;
    --login-fixed-surface:#0C0C0C;
    --surface:var(--login-fixed-surface);
    --surface-2:var(--login-fixed-surface);
    --text:#ffffff;
    --muted:#ffffff;
    --placeholder:#ffffff;
    --primary:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --primary-2:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    --field-bg:var(--login-fixed-surface);
    --field-border:rgba(255,255,255,.14);
    --field-focus:rgba(255,255,255,.34);
    --field-focus-glow:rgba(255,255,255,.08);
    --card-border:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    --card-shadow:0 18px 44px rgba(0,0,0,.36);
    --link:#cbd5ff;
  }
  html[data-theme="light"] #loginInline,
  body.light-mode #loginInline{
    --page-bg:#f1f3f8;
    --login-fixed-surface:#ffffff;
    --surface:var(--login-fixed-surface);
    --surface-2:var(--login-fixed-surface);
    --text:#1b2440;
    --muted:rgba(27,36,64,.72);
    --placeholder:rgba(27,36,64,.5);
    --primary:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --primary-2:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    --field-bg:var(--login-fixed-surface);
    --field-border:rgba(27,36,64,.16);
    --field-focus:rgba(27,36,64,.32);
    --field-focus-glow:rgba(27,36,64,.08);
    --card-border:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
    --card-shadow:0 18px 44px rgba(24,34,64,.14);
    --link:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
  }

  html[data-theme="light"],
  html[data-theme="dark"]{
    background:var(--bg-app, #070b12) !important;
  }

  body[data-inline-route="login"]{
    margin:0;
    background:radial-gradient(circle at 20% -10%, rgba(var(--site-accent-rgb, 148, 163, 184), .08), transparent 36%), #070b12 !important;
    color:#ffffff;
    font-family:'Cairo',sans-serif;
    direction:rtl;
    text-align:right;
    background-color:#070b12 !important;
    padding-bottom:0 !important;
    min-height:100dvh;
    overflow:hidden;
  }
  html[data-theme="dark"] body[data-inline-route="login"]{
    background:radial-gradient(circle at 20% -10%, rgba(var(--site-accent-rgb, 148, 163, 184), .08), transparent 36%), #070b12 !important;
    color:#ffffff;
  }
  body.dark-mode[data-inline-route="login"]{
    background:radial-gradient(circle at 20% -10%, rgba(var(--site-accent-rgb, 148, 163, 184), .08), transparent 36%), #070b12 !important;
    color:#ffffff;
  }
  html[data-theme="light"] body[data-inline-route="login"],
  body.light-mode[data-inline-route="login"]{
    background:linear-gradient(180deg, rgba(255,255,255,.64), rgba(241,243,248,.98)), #f1f3f8 !important;
    background-color:#f1f3f8 !important;
    color:#1b2440;
    color-scheme:light;
  }
  body.theme-snow[data-inline-route="login"],
  body.theme-eid[data-inline-route="login"],
  body.theme-fall[data-inline-route="login"]{
    padding-bottom:0 !important;
  }
  body[data-inline-route="login"]::before,
  body[data-inline-route="login"]::after{
    display:none !important;
    background:none !important;
  }
  body.theme-snow[data-inline-route="login"]::after,
  body.theme-eid[data-inline-route="login"]::after,
  body.theme-fall[data-inline-route="login"]::after{
    display:none !important;
    background:none !important;
  }
  body.theme-snow[data-inline-route="login"]::before,
  body.theme-eid[data-inline-route="login"]::before,
  body.theme-fall[data-inline-route="login"]::before{
    display:none !important;
    background:none !important;
  }
  body[data-inline-route="login"] > main{
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
  }
  body[data-inline-route="login"] #inlinePage{ margin-top:0 !important; }
  body[data-inline-route="login"] > div[style*="height:70px"],
  body[data-inline-route="login"] > div[style*="height: 70px"]{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  body[data-inline-route="login"] .mobile-dock{
    display:none !important;
  }
  body[data-inline-route="login"] .legal-mini-links{
    display:none !important;
  }
  body[data-inline-route="login"] :is(main, #inlinePage, #loginInline) .support-section,
  body[data-inline-route="login"] :is(main, #inlinePage, #loginInline) .support-rights{
    display:none !important;
  }
  @media (max-height:720px){
    body[data-inline-route="login"]{ overflow:auto; }
  }
  #loginInline, #loginInline *{ box-sizing:border-box; }
  #loginInline input, #loginInline select, #loginInline textarea{ font-size:16px; }

  #loginInline .auth-page{
    min-height:calc(100dvh - var(--app-header-offset, 88px));
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 16px 24px;
  }
  body.login-route-active #loginInline .auth-page,
  body[data-inline-route="login"] #loginInline .auth-page,
  body:has(#loginInline:not(.hidden)) #loginInline .auth-page{
    min-height:calc(100dvh - var(--app-header-offset, 88px));
  }
  #loginInline .auth-shell{ width:min(92vw, 440px); }

  #loginInline .form-side{
    background:var(--surface);
    border:1px solid var(--card-border);
    border-radius:26px;
    padding:22px 20px 20px;
    box-shadow:var(--card-shadow);
    backdrop-filter:none;
  }

  #loginInline .header--simple{ text-align:center; margin-bottom:18px; }
  #loginInline .header--simple h2{ margin:0; font-size:1.45rem; }

  #loginInline .card{
    width:100%;
    background:transparent;
    border:none;
    box-shadow:none;
    border-radius:0;
    padding:0;
    margin:0;
    display:block;
    position:static;
    overflow:visible;
    gap:0;
    text-align:right;
    direction:rtl;
  }
  #loginInline .card::after{ content:none; }
  #loginInline .card:hover{
    transform:none;
    box-shadow:none;
    border-color:transparent;
  }
  #loginInline .login-box{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  #loginInline .input-group{ position:relative; }
  #loginInline .input-group input{
    width:100%;
    height:48px;
    background:var(--field-bg);
    border:1px solid var(--field-border);
    border-radius:999px;
    padding:14px 54px;
    color:var(--text);
    font-weight:600;
    box-shadow:none;
  }
  #loginInline .input-group input::placeholder{ color:var(--placeholder, var(--muted)); opacity:.96; }
  #loginInline .input-group input:focus{
    outline:none;
    border-color:var(--field-focus);
    box-shadow:0 0 0 3px var(--field-focus-glow);
  }
  #loginInline .input-group i{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:14px;
    width:34px;
    height:34px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--field-bg);
    border:1px solid var(--field-border);
    color:var(--muted);
    opacity:.96;
  }
  html[data-theme="light"] #loginInline .input-group i,
  body.light-mode #loginInline .input-group i{
    background:#ffffff;
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    color:rgba(27,36,64,.72);
  }
  html[dir="ltr"] #loginInline .input-group i{ right:auto; left:14px; }

  #loginInline .stack{ display:flex; flex-direction:column; gap:10px; }

  #loginInline .btn{
    width:100%;
    height:48px;
    border:none;
    border-radius:999px;
    cursor:pointer;
    font-size:1rem;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    line-height:1.3;
    padding:0 18px;
  }
  #loginInline .btn > i,
  #loginInline .btn > svg{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }
  #loginInline .btn-primary{
    background:linear-gradient(135deg,var(--primary),var(--primary-2));
    color:#fff;
    border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .52);
    box-shadow:0 12px 26px rgba(var(--site-accent-rgb, 148, 163, 184), .38);
    text-shadow:0 1px 0 rgba(0,0,0,.22);
    filter:saturate(1.2);
  }
  #loginInline .btn-primary:hover{
    filter:brightness(1.08) saturate(1.28);
    box-shadow:0 14px 30px rgba(var(--site-accent-rgb, 148, 163, 184), .46);
  }
  #loginInline .btn-secondary{
    background:var(--field-bg);
    border:1px solid var(--field-border);
    color:var(--text);
  }
  html[data-theme="dark"] #loginInline .btn-secondary,
  body.dark-mode #loginInline .btn-secondary{
    background:var(--field-bg);
    border-color:var(--field-border);
    color:var(--text);
  }
  #loginInline .btn-success{ background:#10b981; color:#fff; }
  #loginInline .btn-google{
    position:relative;
    z-index:2;
    height:48px;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  html:not(.google-redirect-pending):not(.auth-request-loader-pending).pre-login-route #preloader,
  html:not(.google-redirect-pending):not(.auth-request-loader-pending) body.login-route-active #preloader,
  html:not(.google-redirect-pending):not(.auth-request-loader-pending) body[data-inline-route="login"] #preloader,
  html:not(.google-redirect-pending):not(.auth-request-loader-pending) body:has(#loginInline:not(.hidden)) #preloader{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  #loginInline .google-redirect-loader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:rgba(3,7,18,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  #loginInline .google-redirect-loader.hidden{
    display:none !important;
  }
  #loginInline .google-redirect-loader-card{
    width:min(100%,340px);
    padding:22px 20px;
    border-radius:18px;
    border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .34);
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.96));
    box-shadow:0 28px 80px rgba(0,0,0,.42);
    text-align:center;
    display:grid;
    justify-items:center;
    gap:10px;
  }
  #loginInline .google-redirect-spinner{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-size:1.35rem;
  }
  #loginInline #googleRedirectLoaderTitle{
    color:#fff;
    font-size:1rem;
    line-height:1.7;
  }
  #loginInline #googleRedirectLoaderCopy{
    color:#cbd5e1;
    font-size:.86rem;
    line-height:1.8;
  }
  html[data-theme="light"] #loginInline .google-redirect-loader,
  body.light-mode #loginInline .google-redirect-loader{
    background:rgba(226,232,240,.72);
  }
  html[data-theme="light"] #loginInline .google-redirect-loader-card,
  body.light-mode #loginInline .google-redirect-loader-card{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    border-color:#dbe3f3;
    box-shadow:0 24px 60px rgba(15,23,42,.18);
  }
  html[data-theme="light"] #loginInline .google-redirect-spinner,
  body.light-mode #loginInline .google-redirect-spinner{
    background:rgba(var(--site-accent-rgb, 148, 163, 184), .1);
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
    color:var(--text);
  }
  html[data-theme="light"] #loginInline #googleRedirectLoaderTitle,
  body.light-mode #loginInline #googleRedirectLoaderTitle{
    color:#0f172a;
  }
  html[data-theme="light"] #loginInline #googleRedirectLoaderCopy,
  body.light-mode #loginInline #googleRedirectLoaderCopy{
    color:#475569;
  }

  #loginInline .btn-link,
  #loginInline .btn-info{
    background:transparent;
    border:none;
    color:var(--link);
    height:auto;
    padding:0;
    width:auto;
    align-self:center;
    box-shadow:none;
    font-weight:600;
  }
  #loginInline #showReset{ align-self:flex-start; }
  html[dir="ltr"] #loginInline #showReset{ align-self:flex-end; }
  #loginInline #toggleRegister{ margin:0 auto; }
  #loginInline .btn-link:hover, #loginInline .btn-info:hover{ text-decoration:underline; }

  #loginInline .divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:6px 0;
    color:var(--muted);
    font-size:.9rem;
  }
  #loginInline .divider::before,
  #loginInline .divider::after{ content:""; flex:1; height:1px; background:var(--field-border); }

  #loginInline .error-message{ color:var(--danger); text-align:center; margin:0; }
  #loginInline .hidden{ display:none !important; }

  #loginInline .modal{ position:fixed; inset:0; background:rgba(8,12,20,.46); display:flex; align-items:center; justify-content:center; z-index:50; }
  #loginInline .modal.hidden{ display:none; }
  #loginInline .modal-content{
    background:var(--surface);
    border:1px solid var(--card-border);
    padding:26px;
    border-radius:18px;
    box-shadow:var(--card-shadow);
    width:min(92vw,420px);
    text-align:center;
  }
  #loginInline .modal-content p{ color:var(--muted); }
  #loginInline .totp-modal{ position:relative; text-align:center; }
  #loginInline .totp-modal h3{ margin:0 0 8px; font-size:1.2rem; color:var(--text, #eef4ff); }
  #loginInline .totp-modal .totp-subtitle{ margin:0 0 16px; color:var(--text, #e2ecff); line-height:1.6; font-weight:600; }
  #loginInline .totp-modal .totp-close{
    position:absolute; top:10px; left:10px; border:none; background:transparent;
    font-size:20px; color:var(--text, #eef4ff); cursor:pointer;
  }
  #loginInline .totp-error{ color:var(--danger); margin:8px 0 0; font-size:.95rem; min-height:18px; font-weight:700; }
  #loginInline .totp-modal input{
    color:var(--text, #eef4ff);
    border-color:rgba(143,169,224,.55);
    background:rgba(12,26,58,.78);
    border-radius:999px;
    min-height:52px;
    padding:0 14px;
    font-weight:800;
  }
  #loginInline .totp-modal input::placeholder{
    color:rgba(226,236,255,.45);
  }
  html[data-theme="light"] #loginInline .totp-modal input::placeholder{
    color:rgba(15,23,42,.38);
  }
  html[data-theme="light"] #loginInline .totp-modal input,
  body.light-mode #loginInline .totp-modal input{
    background:var(--field-bg);
    border-color:var(--field-border);
    color:var(--text);
  }
  #loginInline .totp-actions{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  #loginInline .totp-email-btn{
    margin-top:10px;
    width:100%;
    min-height:46px;
    border:1px solid rgba(143,169,224,.6);
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--text, #eef4ff);
    background:linear-gradient(135deg,rgba(143,169,224,.22),rgba(143,169,224,.1));
    box-shadow:0 10px 24px rgba(143,169,224,.18);
    font-weight:800;
    cursor:pointer;
    transition:transform .14s ease, box-shadow .2s ease, filter .2s ease;
  }
  #loginInline .totp-email-btn:hover:not([disabled]){
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(143,169,224,.24);
  }
  #loginInline .totp-email-btn[disabled]{
    opacity:.72;
    cursor:not-allowed;
    box-shadow:none;
  }
  #loginInline .totp-lost-btn{
    width:100%;
    border:none;
    background:transparent;
    color:rgba(190,206,241,.95);
    font-size:.93rem;
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
    padding:4px 0 2px;
  }
  #loginInline .totp-lost-btn:hover{
    color:#dbe9ff;
  }
  html[data-theme="light"] #loginInline .totp-lost-btn,
  body.light-mode #loginInline .totp-lost-btn{
    color:var(--link);
  }
  html[data-theme="light"] #loginInline .totp-lost-btn:hover,
  body.light-mode #loginInline .totp-lost-btn:hover{
    color:var(--primary-2);
  }
  #loginInline .totp-lost-btn[disabled]{
    opacity:.55;
    cursor:not-allowed;
  }
  #loginInline .btn-login{
    width:100%; height:48px; border:none; border-radius:999px; cursor:pointer;
    background:var(--primary); color:#fff; font-weight:700;
  }

  #loginInline .password-strength-bar{ width:100%; height:6px; background:#e5e7eb; border-radius:4px; overflow:hidden; }
  #loginInline #strengthIndicator{ height:100%; width:0%; transition:width .35s ease, background-color .35s ease; }
  #loginInline .strength-text{ font-size:.9rem; color:var(--muted); text-align:right; }
  #loginInline .login-box h3{ margin:0; text-align:center; font-size:1.1rem; }
  #loginInline .password-criteria{
    margin-top:10px;
    direction:rtl;
    text-align:right;
    background:var(--surface);
    border:1px solid var(--field-border);
    border-radius:12px;
    padding:10px 12px;
    font-size:.9rem;
    line-height:1.55;
  }
  #loginInline .password-criteria p{
    margin:4px 0;
    color:var(--text);
    display:flex;
    align-items:center;
    gap:6px;
    flex-direction:row;
    justify-content:flex-start;
    direction:rtl;
    text-align:right;
    width:100%;
    font-size:.85rem;
  }
  #loginInline .password-criteria p:last-child{
    display:block;
  }
  #loginInline .legal-consent-wrap{
    margin-top:8px;
    border:1px solid var(--field-border);
    border-radius:20px;
    min-height:44px;
    height:44px;
    padding:0 12px;
    background:var(--field-bg);
    display:flex;
    align-items:center;
    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  }
  #loginInline .legal-consent-wrap.is-checked{
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .45);
    box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .16);
  }
  #loginInline .legal-consent-wrap.has-error{
    border-color:rgba(239,68,68,.45);
    box-shadow:0 0 0 3px rgba(239,68,68,.12);
  }
  #loginInline .legal-consent{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:var(--text);
    width:100%;
    min-height:100%;
    transform:none;
  }
  #loginInline .legal-consent-body{
    flex:1;
    min-width:0;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:100%;
  }
  #loginInline .legal-consent-links{
    margin:0;
    font-size:.86rem;
    line-height:1.45;
    font-weight:700;
    color:var(--text);
    text-wrap:pretty;
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
  }
  #loginInline .legal-consent-links span,
  #loginInline .legal-consent-links a{
    display:inline-flex;
    align-items:center;
  }
  #loginInline .legal-consent-links .legal-sep{
    color:var(--muted);
    font-weight:700;
  }
  html[data-theme="dark"] #loginInline .legal-consent-wrap,
  body.dark-mode #loginInline .legal-consent-wrap{
    background:var(--field-bg);
    border-color:var(--field-border);
  }
  html[data-theme="light"] #loginInline .legal-consent-wrap,
  body.light-mode #loginInline .legal-consent-wrap{
    background:var(--field-bg);
    border-color:var(--field-border);
  }
  #loginInline .legal-consent-links a{
    color:var(--link);
    text-decoration:underline;
    text-underline-offset:2px;
    font-weight:800;
  }
  #loginInline .legal-consent-links a:hover{
    color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
  }

  /* Neon checkbox (compact) */
  #loginInline .neon-checkbox {
    --primary: var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --primary-dark: var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #414391)));
    --primary-light: var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));
    --size: 22px;
    position: relative;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    align-self: center;
    top: 5px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  #loginInline .neon-checkbox input {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
  }
  #loginInline .neon-checkbox__frame {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #loginInline .neon-checkbox__effects {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  #loginInline .neon-checkbox__box {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 5px;
    border: 2px solid var(--primary-dark);
    transition: all 0.35s ease;
  }
  html[data-theme="light"] #loginInline .neon-checkbox__box,
  body.light-mode #loginInline .neon-checkbox__box{
    background:rgba(255,255,255,.92);
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
  }
  #loginInline .neon-checkbox__check-container {
    position: absolute;
    inset: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #loginInline .neon-checkbox__check {
    width: 80%;
    height: 80%;
    fill: none;
    stroke: var(--primary);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    transform-origin: center;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }
  #loginInline .neon-checkbox__glow {
    position: absolute;
    inset: -2px;
    border-radius: 6px;
    background: var(--primary);
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.2);
    transition: all 0.35s ease;
  }
  #loginInline .neon-checkbox__borders {
    position: absolute;
    inset: 0;
    border-radius: 5px;
    overflow: hidden;
  }
  #loginInline .neon-checkbox__borders span {
    position: absolute;
    width: 28px;
    height: 1px;
    background: var(--primary);
    opacity: 0;
    transition: opacity 0.35s ease;
  }
  #loginInline .neon-checkbox__borders span:nth-child(1) {
    top: 0;
    left: -100%;
    animation: borderFlow1 1.6s linear infinite;
  }
  #loginInline .neon-checkbox__borders span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 1px;
    height: 28px;
    animation: borderFlow2 1.6s linear infinite;
  }
  #loginInline .neon-checkbox__borders span:nth-child(3) {
    bottom: 0;
    right: -100%;
    animation: borderFlow3 1.6s linear infinite;
  }
  #loginInline .neon-checkbox__borders span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 1px;
    height: 28px;
    animation: borderFlow4 1.6s linear infinite;
  }
  #loginInline .neon-checkbox__particles span {
    position: absolute;
    width: 3px;
    height: 3px;
    background: var(--primary);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 6px var(--primary);
  }
  #loginInline .neon-checkbox__rings {
    position: absolute;
    inset: -16px;
    pointer-events: none;
  }
  #loginInline .neon-checkbox__rings .ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid var(--primary);
    opacity: 0;
    transform: scale(0);
  }
  #loginInline .neon-checkbox__sparks span {
    position: absolute;
    width: 14px;
    height: 1px;
    background: linear-gradient(90deg, var(--primary), transparent);
    opacity: 0;
  }
  #loginInline .neon-checkbox:hover .neon-checkbox__box {
    border-color: var(--primary);
    transform: scale(1.05);
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__box {
    border-color: var(--primary);
    background: rgba(0, 255, 170, 0.1);
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__check {
    stroke-dashoffset: 0;
    transform: scale(1.05);
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__glow {
    opacity: 0.18;
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__borders span {
    opacity: 1;
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__particles span {
    animation: particleExplosion 0.6s ease-out forwards;
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__rings .ring {
    animation: ringPulse 0.6s ease-out forwards;
  }
  #loginInline .neon-checkbox input:checked ~ .neon-checkbox__frame .neon-checkbox__sparks span {
    animation: sparkFlash 0.6s ease-out forwards;
  }
  #loginInline .neon-checkbox__particles span:nth-child(1) { --x: 18px; --y: -18px; }
  #loginInline .neon-checkbox__particles span:nth-child(2) { --x: -18px; --y: -18px; }
  #loginInline .neon-checkbox__particles span:nth-child(3) { --x: 18px; --y: 18px; }
  #loginInline .neon-checkbox__particles span:nth-child(4) { --x: -18px; --y: 18px; }
  #loginInline .neon-checkbox__particles span:nth-child(5) { --x: 24px; --y: 0px; }
  #loginInline .neon-checkbox__particles span:nth-child(6) { --x: -24px; --y: 0px; }
  #loginInline .neon-checkbox__particles span:nth-child(7) { --x: 0px; --y: 24px; }
  #loginInline .neon-checkbox__particles span:nth-child(8) { --x: 0px; --y: -24px; }
  #loginInline .neon-checkbox__particles span:nth-child(9) { --x: 15px; --y: -22px; }
  #loginInline .neon-checkbox__particles span:nth-child(10) { --x: -15px; --y: 22px; }
  #loginInline .neon-checkbox__particles span:nth-child(11) { --x: 22px; --y: 15px; }
  #loginInline .neon-checkbox__particles span:nth-child(12) { --x: -22px; --y: -15px; }
  #loginInline .neon-checkbox__sparks span:nth-child(1) { --r: 0deg; top: 50%; left: 50%; }
  #loginInline .neon-checkbox__sparks span:nth-child(2) { --r: 90deg; top: 50%; left: 50%; }
  #loginInline .neon-checkbox__sparks span:nth-child(3) { --r: 180deg; top: 50%; left: 50%; }
  #loginInline .neon-checkbox__sparks span:nth-child(4) { --r: 270deg; top: 50%; left: 50%; }
  #loginInline .neon-checkbox__rings .ring:nth-child(1) { animation-delay: 0s; }
  #loginInline .neon-checkbox__rings .ring:nth-child(2) { animation-delay: 0.1s; }
  #loginInline .neon-checkbox__rings .ring:nth-child(3) { animation-delay: 0.2s; }
  @media (prefers-reduced-motion: reduce) {
    #loginInline .neon-checkbox * { animation: none !important; transition: none !important; }
  }
  @keyframes borderFlow1 {
    0% { transform: translateX(0); }
    100% { transform: translateX(200%); }
  }
  @keyframes borderFlow2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(200%); }
  }
  @keyframes borderFlow3 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-200%); }
  }
  @keyframes borderFlow4 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200%); }
  }
  @keyframes particleExplosion {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
    20% { opacity: 1; }
    100% {
      transform: translate(calc(-50% + var(--x, 20px)), calc(-50% + var(--y, 20px))) scale(0);
      opacity: 0;
    }
  }
  @keyframes ringPulse {
    0% { transform: scale(0); opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
  }
  @keyframes sparkFlash {
    0% { transform: rotate(var(--r, 0deg)) translateX(0) scale(1); opacity: 1; }
    100% { transform: rotate(var(--r, 0deg)) translateX(24px) scale(0); opacity: 0; }
  }
  #loginInline .legal-consent-error{
    margin:0;
    font-size:.84rem;
    color:var(--danger);
    min-height:0;
    padding:0;
    display:none;
  }
  #loginInline .legal-consent-error:not(:empty){
    display:block;
    margin:6px 4px 0;
    padding-inline:2px;
  }
  #loginInline .btn-register{
    position:relative;
    gap:8px;
    align-items:center;
  }
  #loginInline .btn-register .btn-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1.3;
    transform:translateY(1px);
  }
  #loginInline .btn-register .btn-lock{
    display:none;
    font-size:.92rem;
    line-height:1;
    transform:translateY(1px);
  }
  #loginInline .btn-register:disabled{
    background:linear-gradient(135deg,#9ca3af,#6b7280);
    color:#f8fafc;
    cursor:not-allowed;
    box-shadow:none;
    opacity:.92;
    filter:saturate(.72);
    transform:none;
  }
  #loginInline .btn-register:disabled .btn-lock{
    display:inline-flex;
  }
  html[data-theme="dark"] #loginInline .btn-register:disabled,
  body.dark-mode #loginInline .btn-register:disabled{
    background:linear-gradient(135deg,#374151,#1f2937);
    color:#d1d5db;
  }

  #loginInline .modal-content img{ max-width:100%; margin-bottom:15px; }
  #loginInline #googleUsernameInput{
    width:100%;
    padding:10px;
    margin-bottom:15px;
    border-radius:8px;
    border:1px solid var(--field-border);
    background:var(--field-bg);
    color:var(--text);
  }
  #loginInline #googleUsernameError,
  #loginInline #phoneSaveError{
    color:var(--danger);
    margin-bottom:10px;
    font-size:.9rem;
  }
  #loginInline #googlePhoneModal .modal-content > p{ margin-bottom:15px; }

  #loginInline #unverifiedEmailModal .modal-content{
    background:#1e293b;
    color:#fff;
    border:none;
  }
  #loginInline #unverifiedEmailModal .modal-content p,
  #loginInline #unverifiedEmailModal .modal-content ul{ color:#fff; }
  html[data-theme="light"] #loginInline #unverifiedEmailModal .modal-content,
  body.light-mode #loginInline #unverifiedEmailModal .modal-content{
    background:var(--surface);
    color:var(--text);
    border:1px solid var(--card-border);
  }
  html[data-theme="light"] #loginInline #unverifiedEmailModal .modal-content p,
  html[data-theme="light"] #loginInline #unverifiedEmailModal .modal-content ul,
  body.light-mode #loginInline #unverifiedEmailModal .modal-content p,
  body.light-mode #loginInline #unverifiedEmailModal .modal-content ul{
    color:var(--text);
  }
  #loginInline #unverifiedEmailModal .modal-content ul{ text-align:right; margin:0 0 1.5rem; padding-right:18px; }
  #loginInline #unverifiedEmailModal .modal-content i{ font-size:3rem; color:var(--primary-2); margin-bottom:1rem; }
  #loginInline #unverifiedEmailModal .modal-content h3{ margin:0 0 1rem; }
  #loginInline .unverified-warning{ color:#fecaca; font-weight:700; margin-bottom:1.5rem; }
  #loginInline .modal-actions{ display:flex; gap:10px; }
  #loginInline #verificationMessage{ margin-top:12px; text-align:center; }

  #loginInline .pill{ padding:6px 10px; border-radius:999px; font-size:.9rem; background:rgba(15,23,42,.05); color:var(--text); border:1px solid rgba(15,23,42,.08); }
  #loginInline .pill.success{ background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.25); color:#ffffff; }
  #loginInline .pill.muted{ background:rgba(var(--site-accent-rgb, 148, 163, 184), .1); border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .2); color:#ffffff; }
  html[data-theme="light"] #loginInline .pill.success,
  body.light-mode #loginInline .pill.success{
    color:#166534;
  }
  html[data-theme="light"] #loginInline .pill.muted,
  body.light-mode #loginInline .pill.muted{
    color:var(--muted);
  }

  #loginInline .phone-group{
    background:var(--field-bg);
    border:0 !important;
    border-radius:999px !important;
    height:48px;
    display:block;
    padding:0;
    position:relative;
    overflow:visible;
    transition:border-color .2s ease, box-shadow .2s ease;
    box-shadow:none !important;
  }
  #loginInline .phone-group::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:5;
    pointer-events:none;
    border:1px solid var(--field-border);
    border-radius:999px;
  }
  #loginInline .phone-group > i{
    display:flex !important;
    z-index:3;
    pointer-events:none;
  }
  #loginInline .phone-group:focus-within{
    box-shadow:none !important;
  }
  #loginInline .phone-group:focus-within::before{
    border-color:var(--field-border) !important;
  }
  #loginInline .phone-group .iti{
    width:100%;
    display:block;
    background:transparent;
    border:none !important;
    box-shadow:none !important;
    height:100%;
    direction:ltr;
  }
  #loginInline .phone-group .iti__flag-container{
    top:0;
    bottom:0;
    height:100%;
    z-index:2;
    background:transparent;
    border:none !important;
    box-shadow:none !important;
  }
  #loginInline .phone-group .iti__selected-flag{
    height:100%;
    min-width:104px;
    padding:0 14px;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }
  #loginInline .phone-group .iti__selected-flag:hover,
  #loginInline .phone-group .iti__selected-flag:focus{
    background:var(--field-bg) !important;
  }
  #loginInline .phone-group .iti__selected-dial-code{ color:var(--text); font-weight:600; }
  #loginInline .phone-group .iti__arrow{ border-top-color:var(--muted); }
  #loginInline .phone-group .iti input,
  #loginInline .phone-group .iti input[type="tel"]{
    border:0 !important;
    outline:none !important;
    box-shadow:none !important;
    border-radius:999px !important;
    background:transparent !important;
  }
  #loginInline .phone-group input[type="tel"]{
    width:100%;
    height:100%;
    background:transparent;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    border-radius:999px !important;
    padding:0 18px;
    color:var(--text);
    text-align:right;
    direction:rtl;
    line-height:48px;
  }
  #loginInline .phone-group,
  #loginInline .phone-group .iti,
  #loginInline .phone-group .iti__flag-container,
  #loginInline .phone-group .iti__selected-flag,
  #loginInline .phone-group .iti input,
  #loginInline .phone-group .iti input[type="tel"],
  #loginInline .phone-group input[type="tel"]{
    background:var(--field-bg) !important;
    background-color:var(--field-bg) !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html[dir="rtl"] #loginInline .iti__country-list{
    direction:rtl;
    text-align:right;
    min-width:min(360px, calc(100vw - 28px));
  }
  html[dir="rtl"] #loginInline .iti__country{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-start;
    gap:8px;
  }
  html[dir="rtl"] #loginInline .iti__flag-box{ margin-left:8px; margin-right:0; }
  html[dir="rtl"] #loginInline .iti__country-name{ text-align:right; }
  html[dir="rtl"] #loginInline .iti__dial-code{ margin-right:auto; margin-left:0; }
  html[dir="rtl"] #loginInline .iti__selected-flag{ flex-direction:row-reverse; }

  html[data-theme="dark"] #loginInline .iti__country-list,
  body.dark-mode #loginInline .iti__country-list{
    background:#0f172a;
    color:#e5e7eb;
    border:1px solid #1f2937;
  }
  html[data-theme="dark"] #loginInline .iti__country:hover,
  html[data-theme="dark"] #loginInline .iti__country.iti__highlight,
  body.dark-mode #loginInline .iti__country:hover,
  body.dark-mode #loginInline .iti__country.iti__highlight{
    background:#111827;
  }
  html[data-theme="dark"] #loginInline .iti__divider,
  body.dark-mode #loginInline .iti__divider{
    border-color:#1f2937;
  }
  html[data-theme="dark"] #loginInline .iti__dial-code,
  body.dark-mode #loginInline .iti__dial-code{
    color:#cbd5f5;
  }
  html[data-theme="light"] #loginInline .iti__country-list,
  body.light-mode #loginInline .iti__country-list{
    background:#ffffff;
    color:#111827;
    border:1px solid rgba(15,23,42,.12);
    box-shadow:0 18px 40px rgba(15,23,42,.14);
  }
  html[data-theme="light"] #loginInline .iti__country:hover,
  html[data-theme="light"] #loginInline .iti__country.iti__highlight,
  body.light-mode #loginInline .iti__country:hover,
  body.light-mode #loginInline .iti__country.iti__highlight{
    background:#eef2ff;
  }
  html[data-theme="light"] #loginInline .iti__dial-code,
  body.light-mode #loginInline .iti__dial-code{
    color:#4b5563;
  }
  html[dir="rtl"] #loginInline .phone-group .iti__flag-container{
    left:0;
    right:auto;
  }
  html[dir="rtl"] #loginInline .phone-group .iti__selected-flag{
    border-radius:999px 0 0 999px;
    border-right:none !important;
  }
  html[dir="rtl"] #loginInline .phone-group > i{
    right:14px;
    left:auto;
  }
  html[dir="rtl"] #loginInline .phone-group input[type="tel"]{
    padding-left:120px !important;
    padding-right:58px !important;
  }
  html[dir="ltr"] #loginInline .phone-group .iti__flag-container{
    right:0;
    left:auto;
  }
  html[dir="ltr"] #loginInline .phone-group .iti__selected-flag{
    border-radius:0 999px 999px 0;
    border-left:none !important;
  }
  html[dir="ltr"] #loginInline .phone-group > i{
    left:14px;
    right:auto;
  }
  html[dir="ltr"] #loginInline .phone-group input[type="tel"]{
    text-align:left;
    direction:ltr;
    padding-left:58px !important;
    padding-right:120px !important;
  }

  #loginInline #registerForm > h3, #loginInline #resetForm > h3{ display:none; }
  #loginInline .support-section{ display:none !important; }

  #loginInline{
    --login-fixed-surface:#0C0C0C !important;
    --surface:#0C0C0C !important;
    --surface-2:#0C0C0C !important;
    --field-bg:#0C0C0C !important;
  }
  #loginInline .form-side,
  #loginInline .card,
  #loginInline .login-box,
  #loginInline .modal-content,
  #loginInline .password-criteria,
  #loginInline .legal-consent-wrap,
  #loginInline .input-group input,
  #loginInline .input-group i,
  #loginInline .phone-group,
  #loginInline .phone-group .iti,
  #loginInline .phone-group .iti__selected-flag,
  #loginInline .phone-group input[type="tel"],
  #loginInline .phone-group .iti input,
  #loginInline .phone-group .iti input[type="tel"],
  #loginInline .btn-secondary,
  #loginInline .btn-google,
  #loginInline #googleUsernameInput{
    background:#0C0C0C !important;
    background-image:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  #loginInline .form-side{
    border-color:var(--card-border) !important;
  }
  #loginInline .input-group input,
  #loginInline .input-group i,
  #loginInline .phone-group,
  #loginInline .legal-consent-wrap,
  #loginInline .password-criteria,
  #loginInline .btn-secondary,
  #loginInline .btn-google,
  #loginInline #googleUsernameInput{
    border-color:rgba(255,255,255,.14) !important;
  }
  html[data-theme="light"] #loginInline,
  body.light-mode #loginInline{
    --login-fixed-surface:#ffffff !important;
    --surface:#ffffff !important;
    --surface-2:#ffffff !important;
    --field-bg:#ffffff !important;
  }
  html[data-theme="light"] #loginInline .form-side,
  html[data-theme="light"] #loginInline .card,
  html[data-theme="light"] #loginInline .login-box,
  html[data-theme="light"] #loginInline .modal-content,
  html[data-theme="light"] #loginInline .password-criteria,
  html[data-theme="light"] #loginInline .legal-consent-wrap,
  html[data-theme="light"] #loginInline .input-group input,
  html[data-theme="light"] #loginInline .input-group i,
  html[data-theme="light"] #loginInline .phone-group,
  html[data-theme="light"] #loginInline .phone-group .iti,
  html[data-theme="light"] #loginInline .phone-group .iti__selected-flag,
  html[data-theme="light"] #loginInline .phone-group input[type="tel"],
  html[data-theme="light"] #loginInline .phone-group .iti input,
  html[data-theme="light"] #loginInline .phone-group .iti input[type="tel"],
  html[data-theme="light"] #loginInline .btn-secondary,
  html[data-theme="light"] #loginInline .btn-google,
  html[data-theme="light"] #loginInline #googleUsernameInput,
  body.light-mode #loginInline .form-side,
  body.light-mode #loginInline .card,
  body.light-mode #loginInline .login-box,
  body.light-mode #loginInline .modal-content,
  body.light-mode #loginInline .password-criteria,
  body.light-mode #loginInline .legal-consent-wrap,
  body.light-mode #loginInline .input-group input,
  body.light-mode #loginInline .input-group i,
  body.light-mode #loginInline .phone-group,
  body.light-mode #loginInline .phone-group .iti,
  body.light-mode #loginInline .phone-group .iti__selected-flag,
  body.light-mode #loginInline .phone-group input[type="tel"],
  body.light-mode #loginInline .phone-group .iti input,
  body.light-mode #loginInline .phone-group .iti input[type="tel"],
  body.light-mode #loginInline .btn-secondary,
  body.light-mode #loginInline .btn-google,
  body.light-mode #loginInline #googleUsernameInput{
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html[data-theme="light"] #loginInline .input-group input,
  html[data-theme="light"] #loginInline .input-group i,
  html[data-theme="light"] #loginInline .phone-group,
  html[data-theme="light"] #loginInline .legal-consent-wrap,
  html[data-theme="light"] #loginInline .password-criteria,
  html[data-theme="light"] #loginInline .btn-secondary,
  html[data-theme="light"] #loginInline .btn-google,
  html[data-theme="light"] #loginInline #googleUsernameInput,
  body.light-mode #loginInline .input-group input,
  body.light-mode #loginInline .input-group i,
  body.light-mode #loginInline .phone-group,
  body.light-mode #loginInline .legal-consent-wrap,
  body.light-mode #loginInline .password-criteria,
  body.light-mode #loginInline .btn-secondary,
  body.light-mode #loginInline .btn-google,
  body.light-mode #loginInline #googleUsernameInput{
    border-color:rgba(27,36,64,.16) !important;
  }

  #loginInline .phone-group,
  #loginInline .phone-group:focus-within,
  #loginInline .phone-group .iti,
  #loginInline .phone-group .iti__flag-container,
  #loginInline .phone-group .iti__flag-container:hover,
  #loginInline .phone-group .iti__selected-flag,
  #loginInline .phone-group .iti__selected-flag:hover,
  #loginInline .phone-group .iti__selected-flag:focus,
  #loginInline .phone-group .iti__selected-flag[aria-expanded="true"],
  #loginInline .phone-group .iti__flag-container:hover .iti__selected-flag,
  #loginInline .phone-group .iti input,
  #loginInline .phone-group .iti input:focus,
  #loginInline .phone-group .iti input[type="tel"],
  #loginInline .phone-group .iti input[type="tel"]:focus,
  #loginInline .phone-group input[type="tel"],
  #loginInline .phone-group input[type="tel"]:focus{
    background:var(--field-bg) !important;
    background-color:var(--field-bg) !important;
    background-image:none !important;
    box-shadow:none !important;
    outline:none !important;
    filter:none !important;
  }
  #loginInline .phone-group .iti__selected-flag,
  #loginInline .phone-group .iti__selected-flag:hover,
  #loginInline .phone-group .iti__selected-flag:focus,
  #loginInline .phone-group .iti__selected-flag[aria-expanded="true"],
  #loginInline .phone-group .iti__flag-container:hover .iti__selected-flag,
  #loginInline .phone-group .iti input,
  #loginInline .phone-group .iti input:focus,
  #loginInline .phone-group .iti input[type="tel"],
  #loginInline .phone-group .iti input[type="tel"]:focus,
  #loginInline .phone-group input[type="tel"],
  #loginInline .phone-group input[type="tel"]:focus{
    border:none !important;
  }
  #loginInline .phone-group:focus-within::before{
    border-color:var(--field-border) !important;
    box-shadow:none !important;
  }
  #loginInline .phone-group::before,
  #loginInline .phone-group:focus-within::before{
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
  }
  html[data-theme="light"] #loginInline .phone-group::before,
  html[data-theme="light"] #loginInline .phone-group:focus-within::before,
  body.light-mode #loginInline .phone-group::before,
  body.light-mode #loginInline .phone-group:focus-within::before{
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
  }
  #loginInline .phone-group input[type="tel"]:-webkit-autofill,
  #loginInline .phone-group input[type="tel"]:-webkit-autofill:hover,
  #loginInline .phone-group input[type="tel"]:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px var(--field-bg) inset !important;
    -webkit-text-fill-color:var(--text) !important;
    caret-color:var(--text) !important;
  }

  @media (max-width:520px){
    #loginInline .auth-page{ padding:14px 12px 18px; }
    #loginInline .form-side{ padding:18px 16px 18px; }
  }

/* inline-style-12 */
.settings-page{
      --primary:var(--site-accent-runtime, var(--accent-theme, #64748b));
      --primary-2:var(--site-accent-runtime-strong, var(--site-accent-runtime, var(--accent-theme, #64748b)));
      --bg:var(--bg-app, #DCDCDC);
      --card:var(--bg-app, #DCDCDC);
      --text:var(--site-text-light, var(--text, #1b1d3b));
      --muted:color-mix(in srgb, var(--text) 68%, transparent);
      --border:rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      --surface-tint:linear-gradient(180deg, rgba(var(--site-accent-rgb, 148, 163, 184), .06), rgba(var(--site-accent-rgb, 148, 163, 184), .02)), var(--bg-app, #DCDCDC);
      --shadow:none;
      --radius:16px;
      --ring:none;
      --success:#16a34a;
      --danger:#ef4444;
      color:var(--text);
      background:transparent;
      padding:0 16px 48px;
    }
    html[data-theme="dark"] .settings-page{
      --bg:var(--bg-app, #0C0C0C);
      --card:var(--bg-app, #0C0C0C);
      --text:var(--site-text-dark, var(--text, #f0f1ff));
      --muted:color-mix(in srgb, var(--text) 68%, transparent);
      --border:rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      --shadow:none;
      --ring:none;
    }
    .settings-page .settings-spacer{height:70px}
    @media(max-width:720px){
      .settings-page .settings-spacer{height:54px}
    }
    .settings-page .main-content{padding:28px 0;display:flex;justify-content:center}
    .settings-page .container{
      width:100%;
      max-width:900px;
      margin:0 auto;
      background:var(--card);
      background-image:none;
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:28px;
    }
    .settings-page h2{margin:0 0 10px;color:var(--primary);font-size:1.6rem;text-align:center}
    .settings-page .sub{text-align:center;color:var(--muted);margin-bottom:22px}
    .settings-page .info-list{
      display:grid;
      grid-template-columns:repeat(12,1fr);
      gap:16px;
      margin-bottom:24px;
    }
    .settings-page .col-6{grid-column:span 6}
    .settings-page .col-12{grid-column:span 12}
    @media(max-width:720px){
      .settings-page .col-6,
      .settings-page .col-12{grid-column:span 12}
      .settings-page .info-card{
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        align-items:center;
        gap:6px 12px;
        padding:12px 14px;
      }
      .settings-page .label{
        justify-content:flex-start;
        text-align:right;
      }
      .settings-page .value{
        width:100%;
      }
    }
    .settings-page .info-card{
      background:var(--surface-tint);
      border:1px solid var(--border);
      border-radius:999px;
      padding:10px 16px;
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      align-items:center;
      gap:6px 12px;
      transition:border-color .16s ease, background-color .16s ease;
      color:var(--text);
      direction:rtl;
      box-shadow:none;
    }
    html[data-theme="dark"] .settings-page .info-card{background:var(--surface-tint);border-color:var(--border)}
    .settings-page .info-card:hover{
      transform:none;
      box-shadow:none;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .48);
    }
    .settings-page .label{color:var(--muted);font-weight:700;display:flex;flex-wrap:wrap;gap:8px;align-items:center;line-height:1.3;font-size:.9rem}
    .settings-page .label i{color:var(--primary)}
    .settings-page .value{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:nowrap;
      min-width:0;
      width:100%;
      line-height:1.35;
      direction:ltr;
      text-align:left;
      justify-content:flex-start;
      white-space:nowrap;
      font-size:.95rem;
    }
    .settings-page .badge{
      background:var(--surface-tint);
      border:1px dashed var(--primary);
      padding:3px 10px;
      border-radius:999px;
      font-weight:700;
      color:var(--primary-2);
    }
    html[data-theme="dark"] .settings-page .badge{
      background:var(--surface-tint);
      border-color:var(--primary);
      color:var(--text);
    }
    .settings-page .copyable{
      font-weight:700;
      cursor:pointer;
      padding:2px 8px;
      border-radius:8px;
      transition:.15s;
      position:relative;
      white-space:nowrap;
      max-width:none;
      overflow:visible;
    }
    .settings-page .copyable:hover{background:rgba(var(--site-accent-rgb, 148, 163, 184), .08);color:var(--text)}
    html[data-theme="dark"] .settings-page .copyable:hover{background:rgba(var(--site-accent-rgb, 148, 163, 184), .08);color:var(--text)}
    .settings-page .copyable.copied{box-shadow:none;outline:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42)}
    .settings-page .copyable.copied::after{
      content:"\2713";
      position:absolute;
      right:-16px;
      top:-6px;
      background:var(--success);
      color:#fff;
      width:18px;
      height:18px;
      border-radius:50%;
      display:grid;
      place-items:center;
      font-size:.75rem;
      font-weight:900;
    }
    @media(max-width:560px){
      .settings-page .info-card{padding:14px 16px}
      .settings-page .label{text-align:right}
      .settings-page .value{justify-content:flex-start}
    }
    .settings-page #resetBtn{
      width:100%;
      padding:12px;
      margin-top:22px;
      background:var(--surface-tint);
      color:var(--text);
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42);
      border-radius:999px !important;
      font-size:1rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      transition:border-color .16s ease, background-color .16s ease;
      box-shadow:none;
    }
    html[data-theme="dark"] .settings-page #resetBtn{background:var(--surface-tint);color:var(--text);border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42)}
    .settings-page #resetBtn:hover{
      transform:none;
      box-shadow:none;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
    }
    .settings-page #resetBtn:disabled{opacity:.6;cursor:not-allowed}
    .settings-page #msg{
      margin-top:5px;
      margin-bottom:0;
      text-align:center;
      color:var(--success);
      min-height:0;
    }
    .settings-page .theme-toggle{
      width:100%;
      margin-top:16px;
      padding:12px;
      border-radius:999px !important;
      border:1px solid var(--border);
      background:var(--surface-tint);
      color:var(--text);
      font-weight:700;
      cursor:pointer;
      transition:border-color .16s ease, background-color .16s ease;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }
    html[data-theme="dark"] .settings-page .theme-toggle{background:var(--surface-tint);border-color:var(--border)}
    .settings-page .theme-toggle:hover{
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
      box-shadow:none;
    }
    .settings-page .hint{margin-top:8px;color:var(--muted);font-size:.9rem;text-align:center}
    .settings-page .telegram-link-card{
      margin-top:18px;
      padding:18px;
      border-radius:20px;
      border:1px solid var(--border);
      background:var(--card);
      background-image:none;
      box-shadow:none;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    html[data-theme="dark"] .settings-page .telegram-link-card{
      background:var(--card);
      border-color:var(--border);
      box-shadow:none;
    }
    .settings-page .telegram-link-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .settings-page .telegram-link-status{
      font-weight:800;
      color:var(--muted);
      font-size:.95rem;
    }
    .settings-page .telegram-link-status.is-linked{color:var(--success)}
    .settings-page .telegram-link-input{
      width:100%;
      min-height:48px;
      border-radius:14px;
      border:1px solid var(--border);
      background:var(--surface-tint);
      color:var(--text);
      padding:12px 14px;
      font-size:1rem;
      font-weight:700;
      direction:ltr;
      text-align:left;
      transition:border-color .16s ease, background-color .16s ease;
    }
    .settings-page .telegram-link-input:focus{
      outline:none;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
      box-shadow:none;
    }
    .settings-page .telegram-link-actions{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
    }
    .settings-page .telegram-link-btn{
      min-height:46px;
      border-radius:999px !important;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42);
      background:var(--surface-tint);
      color:var(--text);
      font-weight:800;
      font-size:.98rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      transition:border-color .16s ease, background-color .16s ease;
      box-shadow:none;
    }
    .settings-page .telegram-link-btn:hover{
      transform:none;
      box-shadow:none;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .52);
    }
    .settings-page .telegram-link-btn.secondary{
      background:transparent;
      color:var(--text);
      border:1px solid var(--border);
      box-shadow:none;
    }
    .settings-page .telegram-link-btn.secondary:hover{
      border-color:var(--primary);
      color:var(--primary);
    }
    .settings-page .telegram-link-btn:disabled{
      opacity:.6;
      cursor:not-allowed;
      transform:none;
      box-shadow:none;
    }
    @media(max-width:560px){
      .settings-page .telegram-link-actions{grid-template-columns:1fr}
    }
    .telegram-link-page{
      --primary:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0)));
      --primary-2:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
      --bg:#DCDCDC;
      --card:#ffffff;
      --text:#1b1d3b;
      --muted:#6f72a6;
      --border:rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      --shadow:0 12px 35px rgba(var(--site-accent-rgb, 148, 163, 184), .15);
      --radius:16px;
      --ring:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      --success:#16a34a;
      --danger:#ef4444;
      color:var(--text);
      background:transparent;
      padding:0 16px 48px;
    }
    html[data-theme="dark"] .telegram-link-page{
      --bg:var(--site-accent-runtime-surface, #0f1024);
      --card:#111827;
      --text:#f0f1ff;
      --muted:#9ea0d9;
      --border:rgba(156,158,222,.25);
      --shadow:0 12px 35px rgba(0,0,0,.55);
      --ring:0 0 0 3px rgba(156,158,222,.25);
    }
    .telegram-link-page .telegram-link-spacer{height:70px}
    @media(max-width:720px){
      .telegram-link-page .telegram-link-spacer{height:54px}
    }
    .telegram-link-page .main-content{padding:28px 0;display:flex;justify-content:center}
    .telegram-link-page .container{
      width:100%;
      max-width:720px;
      margin:0 auto;
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:28px;
    }
    .telegram-link-page h2{margin:0 0 10px;color:var(--primary);font-size:1.6rem;text-align:center}
    .telegram-link-page .sub{text-align:center;color:var(--muted);margin-bottom:22px;line-height:1.8}
    .telegram-link-page .telegram-link-card{
      padding:0;
      border:none;
      background:transparent;
      box-shadow:none;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    html[data-theme="dark"] .telegram-link-page .telegram-link-card{
      background:transparent;
      box-shadow:none;
    }
    .telegram-link-page .telegram-link-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .telegram-link-page .label{
      color:var(--muted);
      font-weight:700;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
      line-height:1.3;
      font-size:.96rem;
    }
    .telegram-link-page .label i{color:var(--primary)}
    .telegram-link-page .telegram-link-status{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:36px;
      padding:6px 14px;
      border-radius:999px;
      font-weight:800;
      font-size:.9rem;
      border:1px solid transparent;
      background:#fee2e2;
      color:#b91c1c;
      white-space:nowrap;
    }
    .telegram-link-page .telegram-link-status.is-linked{
      background:#dcfce7;
      color:#166534;
      border-color:#86efac;
    }
    .telegram-link-page .telegram-link-status.is-loading,
    .telegram-link-page .telegram-link-status.is-pending{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .12);
      color:var(--primary-2);
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
    }
    .telegram-link-page .telegram-link-input{
      width:100%;
      min-height:54px;
      border-radius:999px;
      border:1px solid var(--border);
      background:rgba(255,255,255,.82);
      color:var(--text);
      padding:0 20px;
      font-size:1rem;
      font-weight:700;
      direction:ltr;
      text-align:left;
      transition:border-color .2s ease, box-shadow .2s ease;
    }
    html[data-theme="dark"] .telegram-link-page .telegram-link-input{
      background:rgba(17,24,39,.9);
    }
    .telegram-link-page .telegram-link-input:focus{
      outline:none;
      border-color:var(--primary);
      box-shadow:var(--ring);
    }
    .telegram-link-page .telegram-link-actions{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
      gap:10px;
    }
    .telegram-link-page .telegram-link-verify{
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .telegram-link-page .telegram-link-code-input{
      text-align:center;
      letter-spacing:.32em;
      font-variant-numeric:tabular-nums;
      direction:ltr;
    }
    .telegram-link-page .telegram-link-btn{
      min-height:48px;
      border-radius:999px !important;
      border:none;
      background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));
      color:#fff;
      font-weight:800;
      font-size:.98rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      transition:.2s;
      text-decoration:none;
      box-shadow:0 10px 25px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
    }
    .telegram-link-page .telegram-link-btn:hover{
      transform:translateY(-1px);
      box-shadow:0 12px 28px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
    }
    .telegram-link-page .telegram-link-btn.secondary{
      background:transparent;
      color:var(--text);
      border:1px solid var(--border);
      box-shadow:none;
    }
    .telegram-link-page .telegram-link-btn.secondary:hover{
      border-color:var(--primary);
      color:var(--primary);
    }
    .telegram-link-page .telegram-link-btn.is-disabled,
    .telegram-link-page .telegram-link-btn:disabled{
      opacity:.6;
      cursor:not-allowed;
      transform:none;
      box-shadow:none;
      pointer-events:none;
    }
    .telegram-link-page .telegram-link-message{
      min-height:22px;
      text-align:center;
      font-weight:700;
      color:var(--success);
    }
    .telegram-link-page .hint{margin-top:4px;color:var(--muted);font-size:.92rem;text-align:center;line-height:1.8}
    @media(max-width:560px){
      .telegram-link-page .telegram-link-actions{grid-template-columns:1fr}
    }
    .app-toast{
      display:flex;
      align-items:center;
      gap:10px;
      border-left:4px solid currentColor;
      border-radius:12px;
      padding:12px 22px;
      font-size:1rem;
      font-weight:700;
      line-height:1.5;
      box-shadow:0 12px 28px rgba(0,0,0,.18);
      transition:background-color .3s ease, transform .2s ease, opacity .22s ease;
      direction:rtl;
    }
    .app-toast:hover{transform:scale(1.03);}
    .app-toast .toast-icon{
      width:24px;
      height:24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 24px;
    }
    .app-toast .toast-icon svg{
      width:24px;
      height:24px;
      display:block;
    }
    .app-toast .toast-message{
      margin:0;
      font-size:inherit;
      font-weight:700;
      unicode-bidi:plaintext;
    }
    .app-toast--success{
      background:#dcfce7;
      color:#14532d;
      border-left-color:#22c55e;
    }
    .app-toast--success .toast-icon{color:#16a34a;}
    .app-toast--info{
      background:#dbeafe;
      color:#1e3a8a;
      border-left-color:#3b82f6;
    }
    .app-toast--info .toast-icon{color:#2563eb;}
    .app-toast--warning{
      background:#fef9c3;
      color:#854d0e;
      border-left-color:#eab308;
    }
    .app-toast--warning .toast-icon{color:#ca8a04;}
    .app-toast--error{
      background:#fee2e2;
      color:#7f1d1d;
      border-left-color:#ef4444;
    }
    .app-toast--error .toast-icon{color:#dc2626;}
    html[data-theme="dark"] .app-toast--success,
    body.dark-mode .app-toast--success{
      background:#14532d;
      color:#dcfce7;
      border-left-color:#15803d;
    }
    html[data-theme="dark"] .app-toast--success .toast-icon,
    body.dark-mode .app-toast--success .toast-icon{color:#86efac;}
    html[data-theme="dark"] .app-toast--info,
    body.dark-mode .app-toast--info{
      background:#1e3a8a;
      color:#dbeafe;
      border-left-color:#1d4ed8;
    }
    html[data-theme="dark"] .app-toast--info .toast-icon,
    body.dark-mode .app-toast--info .toast-icon{color:#93c5fd;}
    html[data-theme="dark"] .app-toast--warning,
    body.dark-mode .app-toast--warning{
      background:#713f12;
      color:#fef3c7;
      border-left-color:#a16207;
    }
    html[data-theme="dark"] .app-toast--warning .toast-icon,
    body.dark-mode .app-toast--warning .toast-icon{color:#facc15;}
    html[data-theme="dark"] .app-toast--error,
    body.dark-mode .app-toast--error{
      background:#7f1d1d;
      color:#fee2e2;
      border-left-color:#b91c1c;
    }
    html[data-theme="dark"] .app-toast--error .toast-icon,
    body.dark-mode .app-toast--error .toast-icon{color:#fca5a5;}
    .toast.app-toast{
      position:fixed;
      left:50%;
      top:18px;
      transform:translate(-50%,8px) scale(.84);
      opacity:0;
      visibility:hidden;
      z-index:9999;
      min-width:min(320px,92vw);
      max-width:min(96vw,640px);
      pointer-events:auto;
    }
    .toast.app-toast.is-visible{
      opacity:1;
      visibility:visible;
      transform:translate(-50%,0) scale(1);
      animation:toastPopIn 360ms cubic-bezier(.22,1,.36,1);
    }
    @keyframes toastPopIn{
      0%{transform:translate(-50%,14px) scale(.72);opacity:0;}
      62%{transform:translate(-50%,-2px) scale(1.06);opacity:1;}
      100%{transform:translate(-50%,0) scale(1);opacity:1;}
    }
    @media(max-width:560px){
      .toast.app-toast{
        top:auto;
        bottom:16px;
        transform:translate(-50%,10px) scale(.84);
      }
      .toast.app-toast.is-visible{
        transform:translate(-50%,0) scale(1);
      }
      .settings-page{padding:0 12px 40px}
      .settings-page .container{padding:24px 20px}
    }

/* inline-style-13 */
.security-page{
      --sec-bg:#f8f9ff;
      --sec-card:#ffffff;
      --sec-border:#e5e7eb;
      --sec-text:#1f2937;
      --sec-muted:#64748b;
      --sec-accent:var(--site-accent-runtime, #64748b);
      --sec-accent-light:var(--site-accent-runtime-light, var(--site-accent-runtime, #94a3b8));
      --sec-accent-strong:var(--site-accent-runtime-strong, var(--site-accent-runtime, #475569));
      --sec-method-outline:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
      --sec-method-outline-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .42);
      --sec-method-shadow:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
      --sec-method-shadow-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .4);
      --sec-method-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .22);
      --sec-method-overlay:rgba(2,6,23,.78);
      --sec-success:#16a34a;
      --sec-danger:#ef4444;
      padding:16px 16px 60px;
      color:var(--sec-text);
      background:transparent;
    }
    html[data-theme="dark"] .security-page{
      --sec-bg:var(--site-accent-runtime-surface, #0b0f16);
      --sec-card:var(--site-accent-runtime-surface-alt, #121923);
      --sec-border:var(--site-accent-runtime-soft-2, rgba(148,163,184,.34));
      --sec-text:#f8fafc;
      --sec-muted:rgba(226,232,240,.78);
      --sec-accent:var(--site-accent-runtime-light, #cbd5e1);
      --sec-accent-light:var(--site-accent-runtime-light, #e2e8f0);
      --sec-accent-strong:var(--site-accent-runtime, #94a3b8);
      --sec-method-outline:rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      --sec-method-outline-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .56);
      --sec-method-shadow:rgba(5,6,18,.42);
      --sec-method-shadow-strong:rgba(5,6,18,.58);
      --sec-method-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
      --sec-method-overlay:rgba(2,6,23,.82);
    }
    .security-page .security-spacer{
      display:block !important;
      height:28px !important;
      margin:0 !important;
      padding:0 !important;
      pointer-events:none;
    }
    .security-card{
      max-width:860px;
      margin:32px auto;
      background:var(--sec-card);
      border:1px solid var(--sec-border);
      border-radius:24px;
      padding:48px 32px 32px;
      box-shadow:0 24px 60px rgba(15,23,42,.12);
    }
    .security-page[data-config-ready="false"] .security-card{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
    }
    .security-page.security-method-picker-open .security-spacer,
    .security-page.security-method-picker-open .security-card{
      opacity:0 !important;
      visibility:hidden !important;
      pointer-events:none !important;
    }
    html[data-theme="dark"] .security-card{box-shadow:0 24px 60px rgba(0,0,0,.45);}
    .security-header{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      margin-bottom:22px;
    }
    .security-header h2{margin:12px 0 0;font-size:1.6rem;color:var(--sec-text);}
    .security-header p{margin:4px 0 0;color:var(--sec-muted);font-weight:600;}
    .security-header-meta{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:10px;
      margin-top:12px;
    }
    .security-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:36px;
      min-width:92px;
      padding:6px 14px;
      border-radius:999px;
      font-weight:800;
      font-size:.9rem;
      line-height:1;
      white-space:nowrap;
      box-sizing:border-box;
      border:1px solid transparent;
      background:#fee2e2;
      color:#b91c1c;
    }
    .security-method-switch{
      -webkit-appearance:none;
      appearance:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:36px;
      min-width:92px;
      padding:6px 14px;
      border-radius:999px;
      font-weight:800;
      font-size:.9rem;
      line-height:1;
      white-space:nowrap;
      font-family:inherit;
      box-sizing:border-box;
      border:1px solid var(--sec-border);
      background:var(--sec-card);
      color:var(--sec-text);
      cursor:pointer;
      box-shadow:none;
      transition:background-color .18s ease, border-color .18s ease, color .18s ease;
    }
    .security-method-switch:hover:not(:disabled),
    .security-method-switch:focus-visible{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .08);
      border-color:var(--sec-accent);
      color:var(--sec-text);
      outline:none;
    }
    .security-method-switch:disabled{
      opacity:.6;
      cursor:not-allowed;
    }
    .security-badge.active{
      background:#dcfce7;
      color:#166534;
      border-color:#86efac;
    }
    .security-steps{
      margin:16px 0 18px;
      padding:0 20px;
      display:flex;
      flex-direction:column;
      gap:10px;
      font-weight:600;
      color:var(--sec-text);
    }
    .security-steps strong{color:var(--sec-accent);}
    .security-qr-box{
      display:flex;
      justify-content:center;
      margin:10px 0 16px;
    }
    .security-qr-art{
      width:224px;
      height:224px;
      border-radius:16px;
      border:1px solid var(--sec-border);
      background:#ffffff;
      padding:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
    }
    .security-qr-art > *{
      width:100%;
      height:100%;
      display:block;
      border-radius:12px;
      background:#ffffff;
    }
    html[data-theme="dark"] .security-qr-art,
    body.dark-mode .security-qr-art{
      background:#ffffff !important;
      border-color:#d1d5db;
    }
    .security-secret{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
      background:var(--site-accent-runtime-soft, rgba(148,163,184,.16));
      border:1px dashed var(--sec-border);
      border-radius:16px;
      padding:10px 14px;
      font-family:monospace;
      font-weight:800;
      letter-spacing:.12em;
      color:var(--sec-text);
    }
    .security-secret .copy-btn{
      border:0;
      background:#ffffff;
      border-radius:10px;
      padding:6px 10px;
      cursor:pointer;
      font-weight:700;
      box-shadow:0 6px 16px rgba(0,0,0,.08);
    }
    html[data-theme="dark"] .security-secret .copy-btn{
      background:#111827;
      color:#f0f1ff;
      box-shadow:none;
      border:1px solid var(--sec-border);
    }
    .security-methods{
      margin-top:20px;
      display:grid;
      gap:22px;
    }
    .security-methods-top{
      margin-top:14px;
    }
    .security-app-details{
      margin-top:14px;
    }
    .security-method-btn{
      width:100%;
      min-width:0;
      min-height:250px;
      -webkit-appearance:none;
      appearance:none;
      outline:none;
      border:0;
      background:
        radial-gradient(circle at top, rgba(255,255,255,.18), transparent 48%),
        linear-gradient(180deg, var(--sec-accent-light), var(--sec-accent-strong));
      background-clip:padding-box;
      color:#ffffff;
      border-radius:42px;
      padding:34px 24px 28px;
      font-weight:800;
      cursor:pointer;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:18px;
      text-align:center;
      box-shadow:
        0 16px 44px var(--sec-method-shadow),
        0 0 26px var(--sec-method-glow);
      position:relative;
      overflow:hidden;
    }
    .security-method-btn::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      border:none;
      box-shadow:
        inset 1px 0 0 rgba(255,255,255,.22),
        inset -1px 0 0 rgba(255,255,255,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
      pointer-events:none;
    }
    .security-method-btn:hover:not(:disabled){
      transform:translateY(-2px) scale(1.008);
      box-shadow:
        0 18px 48px var(--sec-method-shadow-strong),
        0 0 34px var(--sec-method-glow);
    }
    .security-method-btn:disabled{
      cursor:not-allowed;
      opacity:.7;
      transform:none;
      filter:grayscale(.08);
    }
    .security-method-btn.active{
      box-shadow:
        0 20px 54px var(--sec-method-shadow-strong),
        0 0 42px var(--sec-method-glow);
      filter:saturate(1.06);
    }
    .security-method-icon{
      width:min(180px, 46vw);
      max-width:180px;
      aspect-ratio:1 / 1;
      object-fit:contain;
      display:block;
    }
    .security-method-copy{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:6px;
    }
    .security-method-copy small{
      color:rgba(255,255,255,.88);
      font-size:1.05rem;
      font-weight:500;
      line-height:1.45;
    }
    .security-method-copy strong{
      color:#ffffff;
      font-size:1.95rem;
      font-weight:800;
      line-height:1.25;
      letter-spacing:.01em;
    }
    .security-method-hint{
      margin-top:14px;
      color:var(--sec-muted);
      font-weight:700;
      line-height:1.6;
      min-height:24px;
      text-align:center;
    }
    .security-telegram-tools{
      margin-top:18px;
      max-width:560px;
      margin-inline:auto;
      display:grid;
      gap:12px;
      padding:16px 0 0;
      border:0;
      border-top:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .16);
      border-radius:0;
      background:none;
      box-shadow:none;
    }
    .security-telegram-open-btn.is-disabled{
      pointer-events:none;
      opacity:.6;
    }
    .security-telegram-id-wrap{
      width:100%;
      gap:6px;
      font-size:.86rem;
    }
    .security-telegram-id-wrap.security-input{
      margin-top:0;
    }
    .security-telegram-id-wrap span{
      color:var(--sec-muted);
      text-align:right;
      font-weight:700;
    }
    .security-telegram-actions{
      display:grid;
      grid-template-columns:1fr;
      gap:12px;
      align-items:stretch;
    }
    .security-code-wrap{
      margin-top:12px;
    }
    .security-input{
      margin-top:18px;
      display:flex;
      flex-direction:column;
      gap:8px;
      font-weight:700;
    }
    .security-input input{
      height:56px;
      border-radius:16px;
      border:1px solid var(--sec-border);
      padding:0 16px;
      font-size:1.1rem;
      letter-spacing:.35em;
      text-align:center;
      background:transparent;
      color:var(--sec-text);
      font-weight:800;
    }
    .security-telegram-id-wrap.security-input input{
      width:100%;
      min-height:54px;
      max-width:100%;
      margin:0;
      padding:0 20px;
      border:1px solid var(--sec-border);
      border-radius:999px;
      background:rgba(255,255,255,.82);
      letter-spacing:0;
      direction:ltr;
      text-align:left;
      font-size:1rem;
      font-weight:700;
      color:var(--sec-text);
      transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
      pointer-events:auto;
      user-select:text;
    }
    html[data-theme="dark"] .security-telegram-id-wrap.security-input input,
    body.dark-mode .security-telegram-id-wrap.security-input input{
      background:rgba(17,24,39,.9);
    }
    .security-telegram-id-wrap.security-input input:focus{
      outline:none;
      border-color:var(--sec-accent);
      box-shadow:var(--ring, 0 0 0 4px rgba(var(--site-accent-rgb, 148, 163, 184), .18));
    }
    .security-telegram-id-wrap.security-input input::placeholder{
      color:rgba(107,114,128,.88);
      letter-spacing:0;
    }
    .security-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:16px;
    }
    .security-btn{
      flex:1;
      min-width:200px;
      border:none;
      border-radius:16px;
      padding:14px 18px;
      font-weight:800;
      cursor:pointer;
      background:linear-gradient(135deg,var(--site-accent-runtime-soft-2, rgba(148,163,184,.35)),var(--sec-accent));
      color:#ffffff;
      box-shadow:0 18px 38px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      transition:transform .18s ease, box-shadow .2s ease;
    }
    .security-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;}
    .security-btn:hover:not(:disabled){transform:translateY(-1px);}
    .security-btn.ghost{
      background:transparent;
      color:var(--sec-danger);
      border:1px solid var(--sec-danger);
      box-shadow:none;
    }
    .security-btn.ghost.neutral{
      color:var(--sec-text);
      border-color:var(--sec-border);
    }
    .security-telegram-open-btn,
    .security-request-btn{
      display:flex;
      width:100%;
      min-width:0;
      min-height:48px;
      text-align:center;
      justify-content:center;
      align-items:center;
      gap:8px;
      padding:0 20px;
      border-radius:999px !important;
      text-decoration:none;
      font-size:.98rem;
      font-weight:800;
      box-sizing:border-box;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
    }
    .security-telegram-open-btn{
      margin:0;
      max-width:560px;
      border:1px solid var(--sec-border);
      background:transparent;
      color:var(--sec-text);
      box-shadow:none;
    }
    .security-request-btn{
      margin:14px auto 0;
      width:100%;
      max-width:560px;
      border:none;
    }
    .security-telegram-open-btn:hover:not(.is-disabled),
    .security-telegram-open-btn:focus-visible{
      transform:translateY(-1px);
      border-color:var(--sec-accent);
      color:var(--sec-accent);
      outline:none;
    }
    .security-btn.ghost.neutral.security-request-btn{
      background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))),var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));
      color:#ffffff;
      border:none;
      box-shadow:0 10px 25px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      font-weight:800;
    }
    .security-request-btn:hover:not(:disabled),
    .security-request-btn:focus-visible{
      transform:translateY(-1px);
      box-shadow:0 12px 28px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      outline:none;
    }
    .security-status{
      margin-top:12px;
      font-weight:700;
      min-height:22px;
    }
    .security-status.info{color:var(--sec-muted);}
    .security-status.error{color:var(--sec-danger);}
    .security-status.success{color:var(--sec-success);}
    .security-enabled{
      display:none;
      margin-top:18px;
      background:rgba(52,211,153,.12);
      border:1px solid rgba(52,211,153,.35);
      padding:16px;
      border-radius:18px;
      font-weight:700;
      color:var(--sec-text);
    }
    html[data-theme="dark"] .security-enabled{background:rgba(16,185,129,.12);}
    .security-note{
      margin-top:12px;
      color:var(--sec-muted);
      font-weight:600;
      line-height:1.7;
    }
    .security-devices-card{
      margin-top:14px;
    }
    .security-devices{
      margin-top:0;
      padding-top:4px;
      border-top:none;
    }
    .security-devices h3{
      margin:12px 0 6px;
      font-size:1.1rem;
      color:var(--sec-text);
    }
    .security-devices p{
      margin:0;
      color:var(--sec-muted);
      font-weight:600;
      font-size:.95rem;
    }
    .device-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      margin-top:12px;
    }
    .device-list{
      margin-top:14px;
      display:grid;
      gap:12px;
    }
    .device-card{
      border:1px solid var(--sec-border);
      border-radius:16px;
      padding:20px 18px 16px;
      background:var(--sec-bg);
      display:flex;
      gap:12px;
      align-items:flex-start;
      justify-content:space-between;
    }
    .device-meta{
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .device-name{
      font-weight:800;
      color:var(--sec-text);
    }
    .device-sub{
      color:var(--sec-muted);
      font-size:.9rem;
    }
    .device-tags{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .device-tag{
      background:#eef2ff;
      color:#4338ca;
      border-radius:999px;
      padding:4px 10px;
      font-size:.78rem;
      font-weight:700;
      border:1px solid rgba(67,56,202,.1);
    }
    .device-tag.current{
      background:#dcfce7;
      color:#166534;
      border-color:#86efac;
    }
    .device-tag.revoked{
      background:#fee2e2;
      color:#b91c1c;
      border-color:#fecaca;
    }
    .device-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .device-btn{
      border:none;
      border-radius:12px;
      padding:8px 12px;
      font-size:.9rem;
      cursor:pointer;
      font-weight:700;
    }
    .device-btn.logout{
      background:#fee2e2;
      color:#b91c1c;
    }
    .device-btn.ghost{
      background:transparent;
      border:1px solid var(--sec-border);
      color:var(--sec-muted);
    }
    .device-empty{
      color:var(--sec-muted);
      font-size:.95rem;
      padding:8px 0;
    }
    @media(max-width:720px){
      .device-card{flex-direction:column;}
      .device-actions{justify-content:flex-start;}
    }
    @media(max-width:600px){
      .security-page .security-spacer{
        height:18px !important;
      }
      .security-page{
        padding:14px 8px 34px;
      }
      .security-card{
        max-width:none;
        width:100%;
        margin:12px 0;
        padding:24px 14px 14px;
        border-radius:14px;
      }
      .security-header{
        margin-bottom:12px;
        gap:8px;
      }
      .security-header h2{font-size:1.08rem;margin:10px 0 0;}
      .security-header p{font-size:.84rem;}
      .security-header-meta{
        gap:8px;
        margin-top:10px;
      }
      .security-badge{
        min-height:36px;
        min-width:92px;
        font-size:.9rem;
        padding:6px 14px;
      }
      .security-method-switch{
        min-height:36px;
        min-width:92px;
        font-size:.9rem;
        padding:6px 14px;
      }
      .security-steps{
        margin:8px 0 10px;
        padding:0 10px;
        gap:6px;
        font-size:.86rem;
        line-height:1.55;
      }
      .security-qr-box{
        margin:4px 0 8px;
      }
      .security-qr-art{
        width:154px;
        height:154px;
        padding:6px;
      }
      .security-secret{
        font-size:.78rem;
        letter-spacing:.05em;
        padding:6px 8px;
      }
      .security-input{
        margin-top:10px;
        gap:5px;
        font-size:.84rem;
      }
      .security-methods{
        margin-top:14px;
        gap:18px;
      }
      .security-methods-top{
        margin-top:12px;
      }
      .security-app-details{
        margin-top:10px;
      }
      .security-method-btn{
        min-height:180px;
        padding:22px 14px 18px;
        border-radius:32px;
        gap:12px;
      }
      .security-method-icon{
        width:min(118px, 44vw);
      }
      .security-method-copy{
        gap:4px;
      }
      .security-method-copy small{
        font-size:.9rem;
      }
      .security-method-copy strong{
        font-size:1.22rem;
      }
      .security-method-hint{
        margin-top:10px;
        font-size:.82rem;
        min-height:18px;
      }
      .security-telegram-tools{
        margin-top:10px;
        gap:10px;
        padding:12px 0 0;
        grid-template-columns:1fr;
      }
      .security-telegram-id-wrap{
        width:100%;
        gap:5px;
        font-size:.82rem;
      }
      .security-telegram-id-wrap.security-input input{
        font-size:.88rem;
        letter-spacing:0;
        max-width:100%;
        min-height:48px;
      }
      .security-input input{
        height:44px;
        font-size:.82rem;
        letter-spacing:.16em;
      }
      .security-actions{
        margin-top:10px;
        gap:6px;
      }
      .security-btn{
        min-width:0;
        padding:9px 10px;
        font-size:.82rem;
        border-radius:11px;
      }
      .security-telegram-actions{
        grid-template-columns:1fr;
      }
      .security-telegram-open-btn,
      .security-request-btn{
        width:100%;
        max-width:100%;
        min-width:0;
        min-height:46px;
        font-size:.88rem;
        padding:0 16px;
      }
      #securityMethodModal .modal-content{
        width:min(94vw, 640px);
        padding:0;
      }
      #securityMethodModal .security-methods-modal{
        grid-template-columns:1fr;
        gap:8px;
      }
      #securityMethodModal .security-method-option{
        min-height:0;
        padding:12px;
        gap:6px;
      }
      #securityMethodModal .security-method-option-desc{
        font-size:.76rem;
      }
      .security-note{
        margin-top:6px;
        font-size:.8rem;
        line-height:1.45;
      }
      .security-devices{
        margin-top:0;
        padding-top:2px;
      }
      .security-devices h3{font-size:.9rem;margin:10px 0 6px;}
      .security-devices p,
      .device-empty,
      .device-sub{font-size:.78rem;}
      .device-card{
        padding:16px 12px 12px;
        border-radius:10px;
      }
      .device-name{font-size:.84rem;}
      .device-btn{
        padding:6px 8px;
        font-size:.74rem;
        border-radius:9px;
      }
    }

/* #not-found-inline-style media=not all */
#notFoundInline{
    --not-found-bg:#070b12;
    --not-found-surface:rgba(10,16,26,.9);
    --not-found-border:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    --not-found-text:#ffffff;
    --not-found-muted:rgba(255,255,255,.76);
    --not-found-shadow:0 24px 54px rgba(0,0,0,.34);
    --not-found-primary:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --not-found-primary-strong:var(--site-accent-runtime-strong, var(--primary-dark, #3b3e8c));
    min-height:100vh;
    width:100%;
    background:
      radial-gradient(circle at top right, rgba(var(--site-accent-rgb, 92, 94, 191), .22), transparent 30%),
      radial-gradient(circle at bottom left, rgba(var(--site-accent-rgb, 92, 94, 191), .14), transparent 28%),
      var(--not-found-bg);
    color:var(--not-found-text);
    font-family:'Cairo',sans-serif;
    direction:rtl;
    text-align:right;
  }
  body[data-inline-route="404"]{
    background:var(--bg-app, #070b12);
  }
  #notFoundInline .not-found-shell{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:120px 24px 48px;
  }
  #notFoundInline .not-found-card{
    width:min(640px, 100%);
    border-radius:30px;
    padding:32px 30px;
    background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(9,13,22,.98) 100%);
    border:1px solid var(--not-found-border);
    box-shadow:var(--not-found-shadow);
    overflow:hidden;
    position:relative;
  }
  #notFoundInline .not-found-card::after{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:180px;
    height:180px;
    background:radial-gradient(circle, rgba(var(--site-accent-rgb, 92, 94, 191), .18), transparent 68%);
    pointer-events:none;
  }
  #notFoundInline .not-found-kicker{
    margin:0 0 12px;
    font-size:3rem;
    font-weight:900;
    letter-spacing:.08em;
    line-height:1;
    color:var(--not-found-primary);
  }
  #notFoundInline .not-found-title{
    margin:0;
    font-size:2rem;
    line-height:1.3;
    color:var(--not-found-text);
  }
  #notFoundInline .not-found-copy{
    margin:14px 0 0;
    font-size:1rem;
    line-height:1.9;
    color:var(--not-found-muted);
  }
  #notFoundInline .not-found-path{
    margin-top:22px;
    display:grid;
    gap:10px;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
  }
  #notFoundInline .not-found-path-label{
    font-size:.92rem;
    color:var(--not-found-muted);
  }
  #notFoundInline .not-found-path code{
    direction:ltr;
    text-align:left;
    unicode-bidi:plaintext;
    display:block;
    overflow-wrap:anywhere;
    word-break:break-word;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(0,0,0,.22);
    color:#f8fafc;
    font-family:'Cascadia Code','Consolas','Courier New',monospace;
    font-size:.92rem;
  }
  #notFoundInline .not-found-actions{
    margin-top:24px;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }
  #notFoundInline .not-found-btn{
    appearance:none;
    border:none;
    border-radius:16px;
    padding:13px 22px;
    font:inherit;
    font-weight:800;
    cursor:pointer;
    transition:transform .14s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
  }
  #notFoundInline .not-found-btn:hover{
    transform:translateY(-1px);
  }
  #notFoundInline .not-found-btn.primary{
    color:#fff;
    background:linear-gradient(135deg, var(--not-found-primary), var(--not-found-primary-strong));
    box-shadow:0 16px 32px rgba(var(--site-accent-rgb, 92, 94, 191), .28);
  }
  #notFoundInline .not-found-btn.secondary{
    color:#e5e7eb;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
  }
  #notFoundInline .not-found-btn:focus-visible{
    outline:2px solid rgba(255,255,255,.5);
    outline-offset:3px;
  }
  @media (max-width: 720px){
    #notFoundInline .not-found-shell{
      padding:104px 16px 32px;
      align-items:flex-start;
    }
    #notFoundInline .not-found-card{
      border-radius:24px;
      padding:24px 20px;
    }
    #notFoundInline .not-found-kicker{
      font-size:2.5rem;
    }
    #notFoundInline .not-found-title{
      font-size:1.7rem;
    }
    #notFoundInline .not-found-actions{
      flex-direction:column;
    }
    #notFoundInline .not-found-btn{
      width:100%;
    }
  }

/* inline-style-15 */
.page-hero{ max-width:1000px; margin:var(--app-hero-gap, 12px) auto 12px; padding:0 }
    .page-hero.is-empty{ display:none !important; }
    body.inline-view .page-hero{ margin-top:var(--app-hero-gap, 12px) !important; }
    .page-hero img{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,.12) }

    /* سلايدر الهيدر */
    .hero-slider{ position:relative; overflow:hidden; border-radius:12px; touch-action: pan-y; cursor:grab; -webkit-user-select:none; user-select:none }
    .hero-track{ display:flex; transform:translate3d(0,0,0); transition:transform .6s ease; will-change:transform; direction:ltr; backface-visibility:hidden }
    .hero-slide{ flex:0 0 100%; min-width:100% }
    .hero-slider.dragging .hero-track{ transition:none; cursor:grabbing }
    .hero-slide a{ display:block; touch-action:pan-y }
    .hero-slide img{ display:block; width:100%; height:auto; -webkit-user-drag:none; -webkit-user-select:none; user-select:none; touch-action:pan-y; pointer-events:none }

/* dynamic transfer accent cleanup */
.transfer-page{
  --transfer-dynamic-border:rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  --transfer-dynamic-border-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .58);
  --transfer-dynamic-soft:rgba(var(--site-accent-rgb, 148, 163, 184), .10);
  --transfer-dynamic-soft-2:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
}
.transfer-page .transfer-field span,
.transfer-page .transfer-meta :is(.meta-card, .card) .title,
.transfer-page .copy-chip{
  border-color:var(--transfer-dynamic-border) !important;
  background:linear-gradient(180deg,var(--transfer-dynamic-soft),rgba(var(--site-accent-rgb, 148, 163, 184), .04)),var(--bg-app, transparent) !important;
  color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--text, #94a3b8))) !important;
}
.transfer-page .transfer-field input,
.transfer-page .transfer-field textarea,
.transfer-page .transfer-meta :is(.meta-card, .card) .value,
.transfer-page .transfer-helper,
.transfer-page .transfer-status{
  border-color:var(--transfer-dynamic-border) !important;
  background:linear-gradient(180deg,rgba(var(--site-accent-rgb, 148, 163, 184), .06),rgba(var(--site-accent-rgb, 148, 163, 184), .025)),var(--bg-app, transparent) !important;
  color:var(--text, #eaf0ff) !important;
  box-shadow:none !important;
}
.transfer-page .transfer-field input:focus,
.transfer-page .transfer-field textarea:focus{
  border-color:var(--site-accent-runtime-light, var(--site-accent-runtime, #94a3b8)) !important;
  box-shadow:0 0 0 2px rgba(var(--site-accent-rgb, 148, 163, 184), .18) !important;
}
.transfer-page .transfer-status.info{
  background:linear-gradient(180deg,var(--transfer-dynamic-soft-2),rgba(var(--site-accent-rgb, 148, 163, 184), .08)),var(--bg-app, transparent) !important;
  color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--text, #eaf0ff))) !important;
}
.transfer-modal h3,
html[data-theme="light"] .transfer-modal h3,
body.dark-mode .transfer-modal h3,
.transfer-modal .confirm-label,
html[data-theme="light"] .transfer-modal .confirm-label,
body.dark-mode .transfer-modal .confirm-label{
  color:var(--site-accent-runtime-light, var(--site-accent-runtime, #94a3b8)) !important;
}
.transfer-modal .btn-primary{
  background:linear-gradient(135deg,var(--site-accent-runtime, #64748b),var(--site-accent-runtime-strong, #334155)) !important;
  box-shadow:0 10px 24px rgba(var(--site-accent-rgb, 148, 163, 184), .30) !important;
}
.transfer-modal::before{
  background:linear-gradient(90deg,var(--site-accent-runtime-light, #cbd5e1),var(--site-accent-runtime, #64748b),var(--site-accent-runtime-strong, #334155)) !important;
}

/* inline-style-16 */
:root {
    --bg:#DCDCDC; --site-text-light:#1b1d3b; --site-text-dark:#f0f1ff; --site-muted-light:#6f72a6; --site-muted-dark:#9ea0d9; --text:var(--site-text-light); --muted:var(--site-muted-light);
    --card-bg:#f9f9ff; --card-text:var(--site-text-light); --card-border:#d9dbff;
    --card-gradient:linear-gradient(160deg, rgba(var(--site-accent-rgb, 148, 163, 184), .16) 0%, rgba(249,250,255,.96) 100%);
    --card-border-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .32);
    --card-border-hover:rgba(var(--site-accent-rgb, 148, 163, 184), .45);
    --card-shadow:0 4px 12px rgba(32,34,79,.1);
    --card-shadow-hover:0 8px 18px rgba(32,34,79,.14);
    --elev-shadow:0 2px 8px rgba(20,23,61,.08);
    --input-bg:#ffffff; --input-text:var(--site-text-light); --input-border:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); --input-border-focus:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)); --input-focus-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .32);
    --btn-bg:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); --btn-bg-hover:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)); --btn-text:#fff;
    --balance-bg:#ffffff;
    --balance-text-light:var(--site-text-light);
    --balance-text-dark:var(--site-text-dark);
    --balance-text:var(--balance-text-light);
    --balance-currency-light:var(--balance-text-light);
    --balance-currency-dark:var(--balance-text-dark);
    --balance-currency:var(--balance-currency-light);
    --balance-subtext:var(--muted);
    --balance-accent:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
    --balance-border:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    --balance-shadow:0 8px 22px rgba(20,23,61,.12);
    --legal-updated-color-light:var(--site-text-light);
    --legal-updated-color-dark:var(--site-text-dark);
    --legal-updated-color:var(--legal-updated-color-light);
    --modal-bg:#ffffff; --modal-text:var(--site-text-light); --modal-shadow:0 5px 15px rgba(20,23,61,.14);
    --warn-bg:#fff3cd; --warn-text:#7a5d00; --warn-border:#ffe69c;
    --skeleton:#eceeff; --shimmer-stripe:rgba(255,255,255,.58); --border-strong:#d9dbff;
    --home-section-width:1000px;
    --site-category-grid-desktop:5;
    --site-category-grid-mobile:3;
    --site-product-grid-desktop:5;
    --site-product-grid-mobile:3;
    /* اجعل خلفية الجسم تعتمد على لون الدعم */
    --bg-app: #DCDCDC;
  }
  html[data-theme="dark"] {
    --bg:#0C0C0C; --text:var(--site-text-dark); --muted:var(--site-muted-dark);
    --card-bg:var(--site-accent-runtime-surface-alt, #101223); --card-text:var(--site-text-dark); --card-border:#2b2d52;
    --card-gradient:linear-gradient(160deg, rgba(var(--site-accent-rgb, 148, 163, 184), .14) 0%, rgba(16,18,35,.9) 100%);
    --card-border-strong:rgba(156,158,222,.32);
    --card-border-hover:rgba(156,158,222,.5);
    --card-shadow:0 4px 12px rgba(5,6,18,.4);
    --card-shadow-hover:0 8px 18px rgba(5,6,18,.48);
    --elev-shadow:0 3px 14px rgba(2,3,10,.6);
    --input-bg:var(--site-accent-runtime-surface, #05050b); --input-text:var(--site-text-dark); --input-border:#2b2d52; --input-border-focus:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); --input-focus-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .35);
    --btn-bg:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)); --btn-bg-hover:var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))); --btn-text:#fff;
    --balance-bg:var(--site-accent-runtime-surface-alt, #101223);
    --balance-text:var(--balance-text-dark);
    --balance-currency:var(--balance-currency-dark);
    --balance-subtext:var(--muted);
    --balance-accent:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #b9bbef)));
    --balance-border:rgba(var(--site-accent-rgb, 148, 163, 184), .38);
    --balance-shadow:0 10px 28px rgba(2,3,10,.6);
    --legal-updated-color:var(--legal-updated-color-dark);
    --modal-bg:#090a16; --modal-text:var(--site-text-dark); --modal-shadow:0 12px 34px rgba(2,3,10,.68);
    --warn-bg:#171829; --warn-text:#facc15; --warn-border:#2b2d52;
    --skeleton:#0d0e1d; --shimmer-stripe:rgba(255,255,255,.12); --border-strong:#2b2d52;
    /* خلفية الجسم مطابقة لقسم الدعم */
    --bg-app: #0C0C0C;
  }

/* #fixed-theme-background-style */
:root{
    --site-page-bg-light:#DCDCDC;
    --site-page-bg-dark:#0C0C0C;
  }
  html[data-theme="light"],
  html[data-theme="light"] body,
  body.light-mode{
    background:#DCDCDC !important;
    background-color:#DCDCDC !important;
    --bg:#DCDCDC !important;
    --bg-app:#DCDCDC !important;
  }
  html[data-theme="dark"],
  html[data-theme="dark"] body,
  body.dark-mode{
    background:#0C0C0C !important;
    background-color:#0C0C0C !important;
    --bg:#0C0C0C !important;
    --bg-app:#0C0C0C !important;
  }
  body.theme-fall,
  body.theme-snow,
  body.theme-eid{
    background-color:var(--bg-app) !important;
    background-image:none !important;
  }
  body.theme-fall::before,
  body.theme-fall::after,
  body.theme-snow::before,
  body.theme-snow::after,
  body.theme-eid::before,
  body.theme-eid::after{
    background:none !important;
  }
  .transfer-page,
  .telegram-link-page,
  .agents-page,
  #inlinePage,
  body.inline-view{
    background:transparent !important;
    background-color:transparent !important;
  }
  html[data-theme="dark"] .transfer-page main,
  body.dark-mode .transfer-page main,
  html[data-theme="dark"] .telegram-link-page .container,
  body.dark-mode .telegram-link-page .container,
  html[data-theme="dark"] .agents-card,
  body.dark-mode .agents-card,
  html[data-theme="dark"] .agents-empty,
  body.dark-mode .agents-empty{
    background:#0C0C0C !important;
    background-image:none !important;
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
  }
  html[data-theme="light"] .transfer-page main,
  body.light-mode .transfer-page main,
  html[data-theme="light"] .telegram-link-page .container,
  body.light-mode .telegram-link-page .container,
  html[data-theme="light"] .agents-card,
  body.light-mode .agents-card,
  html[data-theme="light"] .agents-empty,
  body.light-mode .agents-empty{
    background:#DCDCDC !important;
    background-image:none !important;
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
  }
  .transfer-page h2,
  .telegram-link-page h2,
  .agents-header h2,
  .telegram-link-page .label i,
  .transfer-modal h3,
  .transfer-modal .confirm-label{
    color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
  }
  html[data-theme="dark"] :is(.transfer-page h2,.telegram-link-page h2,.agents-header h2,.telegram-link-page .label i,.transfer-modal h3,.transfer-modal .confirm-label),
  body.dark-mode :is(.transfer-page h2,.telegram-link-page h2,.agents-header h2,.telegram-link-page .label i,.transfer-modal h3,.transfer-modal .confirm-label){
    color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #9c9ede))) !important;
  }
  .telegram-link-page .telegram-link-status{
    background:rgba(var(--site-accent-rgb, 148, 163, 184), .14) !important;
    border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .32) !important;
    color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
  }
  html[data-theme="dark"] .telegram-link-page .telegram-link-status,
  body.dark-mode .telegram-link-page .telegram-link-status{
    color:var(--site-accent-runtime-light, var(--accent-theme, #9c9ede)) !important;
  }
  .transfer-modal::before{
    background:linear-gradient(90deg,
      var(--site-accent-runtime-light, var(--accent-theme, #9c9ede)),
      var(--site-accent-runtime, var(--accent-theme, #5c5ebf)),
      var(--site-accent-runtime-strong, var(--accent-theme, #414391))
    ) !important;
  }
  .transfer-modal .btn-primary,
  .transfer-page .transfer-actions button,
  .telegram-link-page .telegram-link-btn:not(.secondary){
    background:linear-gradient(135deg,
      var(--site-accent-runtime-light, var(--accent-theme, #9c9ede)),
      var(--site-accent-runtime, var(--accent-theme, #5c5ebf))
    ) !important;
    border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
    color:#fff !important;
  }

/* inline-style-18 */
/* Modal */
.modal{position:fixed;inset:0;background-color:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;z-index:9999}
.modal.hidden{display:none}
.modal-content{background:var(--modal-bg);color:var(--modal-text);padding:30px;border-radius:10px;max-width:400px;width:100%;box-shadow:var(--modal-shadow);text-align:center}
#transferTotpModal .modal-content{
  background:var(--modal-bg);
  border:1px solid var(--card-border);
  padding:26px;
  border-radius:18px;
  box-shadow:var(--card-shadow);
  width:min(92vw,420px);
  text-align:center;
}
#transferTotpModal .totp-modal{
  position:relative;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#transferTotpModal .totp-modal h3{
  margin:4px 0 2px;
  font-size:1.28rem;
  font-weight:900;
  color:var(--text, #eef4ff);
}
#transferTotpModal .totp-subtitle{
  margin:0 0 4px;
  color:var(--muted, #a5b4c8);
  line-height:1.7;
  font-weight:700;
}
#transferTotpModal .totp-close{
  position:absolute;top:10px;left:10px;border:none;background:transparent;
  font-size:20px;color:var(--text, #eef4ff);cursor:pointer;
}
#transferTotpModal .totp-error{
  color:var(--danger);
  margin:0;
  font-size:.95rem;
  min-height:20px;
  font-weight:700;
}
#transferTotpModal .totp-email-btn{
  width:100%;
  min-height:46px;
  margin:2px 0 0;
  padding:11px 14px;
  border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .5);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--text, #eef4ff);
  background:linear-gradient(
    135deg,
    rgba(var(--site-accent-rgb, 148, 163, 184), .18),
    rgba(var(--site-accent-rgb, 148, 163, 184), .08)
  );
  box-shadow:0 10px 24px rgba(var(--site-accent-rgb, 148, 163, 184), .2);
  font-weight:800;
  font-size:.95rem;
  cursor:pointer;
  transition:transform .14s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
#transferTotpModal .totp-email-btn:hover:not([disabled]){
  transform:translateY(-1px);
  border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .75);
  box-shadow:0 14px 28px rgba(var(--site-accent-rgb, 148, 163, 184), .28);
}
#transferTotpModal .totp-email-btn:active:not([disabled]){
  transform:translateY(0);
}
#transferTotpModal .totp-email-btn[disabled]{
  opacity:.74;
  cursor:not-allowed;
  box-shadow:none;
}
#transferTotpModal .totp-email-btn i{
  font-size:1rem;
}
#transferTotpModal input{
  width:100%;
  padding:13px 14px;
  background:rgba(12,26,58,.78);
  color:var(--text, #eef4ff);
  border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .36);
  border-radius:999px;
  font-size:1rem;
  text-align:center;
  letter-spacing:.2em;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
#transferTotpModal input:focus{
  outline:none;
  border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .82);
  box-shadow:0 0 0 4px rgba(var(--site-accent-rgb, 148, 163, 184), .18);
  background:rgba(15,29,66,.9);
}
#transferTotpModal .btn-login{
  width:100%;
  height:48px;
  border:none;
  border-radius:999px;
  cursor:pointer;
  background:linear-gradient(
    135deg,
    var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #7a7cd0))),
    var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #4b4eb7)))
  );
  color:var(--btn-text);
  font-weight:800;
  margin-top:2px;
  box-shadow:0 16px 34px rgba(var(--site-accent-rgb, 148, 163, 184), .34);
  transition:transform .14s ease, box-shadow .22s ease, filter .2s ease;
}
#transferTotpModal .btn-login:hover:not([disabled]){
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 20px 38px rgba(var(--site-accent-rgb, 148, 163, 184), .4);
}
#transferTotpModal .btn-login:active:not([disabled]){
  transform:translateY(0);
}
#transferTotpModal .btn-login[disabled]{
  opacity:.74;
  cursor:not-allowed;
  box-shadow:none;
}
html[data-theme="light"] #transferTotpModal .totp-email-btn{
  color:#1e293b;
  border-color:rgba(99,102,241,.34);
  background:linear-gradient(135deg,#eef2ff,#e2e8f0);
  box-shadow:0 10px 24px rgba(99,102,241,.18);
}
html[data-theme="light"] #transferTotpModal .totp-email-btn:hover:not([disabled]){
  border-color:rgba(79,70,229,.5);
  box-shadow:0 12px 26px rgba(79,70,229,.22);
}
html[data-theme="light"] #transferTotpModal input{
  background:#f8fafc;
  border-color:#cbd5e1;
  color:#0f172a;
}
html[data-theme="light"] #transferTotpModal input:focus{
  border-color:#818cf8;
  box-shadow:0 0 0 4px rgba(129,140,248,.2);
  background:#fff;
}
#securityAlertModal .modal-content{
  background:var(--modal-bg);
  border:1px solid var(--card-border);
  padding:46px 28px 28px;
  border-radius:18px;
  box-shadow:var(--card-shadow);
  width:min(92vw,420px);
  text-align:center;
}
#securityAlertModal .security-modal{position:relative;text-align:center;}
#securityAlertModal .security-modal h3{margin:0 0 10px;font-size:1.2rem;}
#securityAlertModal .security-message{margin:0 0 16px;color:var(--muted);line-height:1.7;}
#securityAlertModal .security-close{
  position:absolute;top:14px;left:14px;border:none;background:transparent;
  font-size:20px;color:var(--muted);cursor:pointer;
}
#securityAlertModal .security-btn{
  width:100%;
  height:48px;
  border:none;
  border-radius:999px;
  cursor:pointer;
  background:var(--btn-bg);
  color:var(--btn-text);
  font-weight:700;
}
#securityAlertModal .security-btn:hover{background:var(--btn-bg-hover);}
#securityEmailCodeModal .modal-content{
  background:var(--modal-bg);
  border:1px solid var(--card-border);
  padding:46px 28px 28px;
  border-radius:18px;
  box-shadow:var(--card-shadow);
  width:min(92vw,420px);
  text-align:center;
}
#securityEmailCodeModal .security-code-modal{position:relative;text-align:center;}
#securityEmailCodeModal .security-code-title{margin:0 0 8px;font-size:1.2rem;}
#securityEmailCodeModal .security-code-subtitle{margin:0 0 14px;color:var(--muted);line-height:1.65;}
#securityEmailCodeModal .security-close{
  position:absolute;top:14px;left:14px;border:none;background:transparent;
  font-size:20px;color:var(--muted);cursor:pointer;
}
#securityEmailCodeModal .security-code-input{
  width:100%;
  height:50px;
  border-radius:999px;
  border:1px solid var(--card-border);
  background:var(--input-bg);
  color:var(--input-text);
  padding:0 18px;
  font-size:1.05rem;
  text-align:center;
  letter-spacing:.2em;
  font-weight:700;
}
#securityEmailCodeModal .security-code-error{
  min-height:18px;
  margin:10px 0 0;
  font-size:.95rem;
  color:var(--danger);
}
#securityEmailCodeModal .security-code-actions{
  margin-top:14px;
  display:grid;
  gap:8px;
}
#securityEmailCodeModal .security-btn{
  width:100%;
  min-width:0;
  border-radius:999px;
  min-height:48px;
}
#securityEmailCodeModal .security-resend-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
#securityMethodModal{
  --sec-accent-light:var(--site-accent-runtime-light, var(--site-accent-runtime, #7a7cd0));
  --sec-accent-strong:var(--site-accent-runtime-strong, var(--site-accent-runtime, #5c5ebf));
  --sec-method-outline:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
  --sec-method-outline-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  --sec-method-shadow:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
  --sec-method-shadow-strong:rgba(5,6,18,.55);
  --sec-method-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
  --sec-method-overlay:rgba(2,6,23,.78);
  background:
    radial-gradient(circle at top, rgba(var(--site-accent-rgb, 148, 163, 184), .2), transparent 48%),
    var(--sec-method-overlay);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  overflow-y:auto;
  align-items:flex-start;
  padding:clamp(18px, 6vh, 56px) 12px 26px;
}
html[data-theme="dark"] #securityMethodModal{
  --sec-accent-light:var(--site-accent-runtime-light, #9c9ede);
  --sec-accent-strong:var(--site-accent-runtime, #5c5ebf);
  --sec-method-outline:rgba(var(--site-accent-rgb, 148, 163, 184), .34);
  --sec-method-outline-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .56);
  --sec-method-shadow:rgba(5,6,18,.42);
  --sec-method-shadow-strong:rgba(5,6,18,.6);
  --sec-method-glow:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
  --sec-method-overlay:rgba(2,6,23,.84);
}
@media (min-width:720px){
  #securityMethodModal{
    align-items:center;
    padding:0 18px;
  }
  #securityMethodModal .modal-content{
    margin:0;
  }
  #securityMethodModal .security-method-modal{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-inline:0;
  }
  #securityMethodModal #securityEnableMethods{
    width:min(96vw, 1100px);
    padding-inline:0;
  }
}
#securityMethodModal .modal-content{
  background:none !important;
  border:none !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:100vw;
  max-width:none;
  min-height:100dvh;
  text-align:center;
  max-height:none;
  overflow:visible;
}
#securityMethodModal .security-method-modal{
  position:relative;
  width:100%;
  min-height:100dvh;
  text-align:center;
  padding-top:0;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}
@media (max-width:719px){
  #securityMethodModal{
    align-items:center;
    padding-top:max(14px, env(safe-area-inset-top, 0px));
    padding-bottom:max(14px, env(safe-area-inset-bottom, 0px));
  }
  #securityMethodModal .modal-content{
    margin:0;
  }
  #securityMethodModal .security-method-modal{
    min-height:100dvh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-inline:0;
  }
  #securityMethodModal #securityEnableMethods{
    width:min(94vw, 640px);
    padding-inline:0;
  }
}
#securityMethodModal .security-close{
  position:fixed;
  top:calc(env(safe-area-inset-top, 0px) + 18px);
  left:calc(env(safe-area-inset-left, 0px) + 18px);
  z-index:2;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  font-size:20px;
  color:var(--modal-text);
  cursor:pointer;
}
#securityMethodModal{
  scrollbar-width:none;
}
#securityMethodModal::-webkit-scrollbar{
  width:0;
  height:0;
}
#securityMethodModal #securityEnableMethods{
  margin-top:0;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:stretch;
  justify-content:center;
  width:min(94vw, 760px);
  max-width:760px;
  margin-inline:auto;
  padding-inline:0;
}
@media (min-width:720px){
  #securityMethodModal #securityEnableMethods{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
  }
}
@media (min-width:1024px){
  #securityMethodModal #securityEnableMethods{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
  }
}
#securityMethodModal .security-method-btn{
  min-height:220px;
  height:220px;
  border-radius:34px;
  padding:28px 18px 22px;
  box-shadow:
    0 18px 56px var(--sec-method-shadow-strong),
    0 0 38px var(--sec-method-glow);
}
#securityMethodModal .security-method-icon{
  width:clamp(98px, 16vw, 132px);
  height:clamp(98px, 16vw, 132px);
  max-width:132px;
  max-height:132px;
}
#securityMethodModal .security-method-copy{
  width:100%;
  min-height:52px;
  justify-content:center;
}
#securityMethodModal .security-method-copy small{
  font-size:.95rem;
}
#securityMethodModal .security-method-copy strong{
  font-size:1.45rem;
  word-break:break-word;
}
#securityMethodModal .security-method-btn-app .security-method-icon{
  width:clamp(112px, 18vw, 144px);
  height:clamp(112px, 18vw, 144px);
  max-width:144px;
  max-height:144px;
}
#securityMethodModal .security-method-btn-app .security-method-copy{
  min-height:42px;
}
#securityMethodModal .security-method-btn-app .security-method-copy strong{
  font-size:clamp(1.06rem, 1.7vw, 1.38rem);
  white-space:nowrap;
  word-break:normal;
  letter-spacing:0;
}
@media (max-width:520px){
  #securityMethodModal .security-method-btn{
    min-height:180px;
    height:180px;
    padding:22px 14px 18px;
    border-radius:32px;
  }
  #securityMethodModal .security-method-copy strong{
    font-size:1.22rem;
  }
  #securityMethodModal .security-method-copy small{
    font-size:.9rem;
  }
  #securityMethodModal .security-method-btn-app .security-method-icon{
    width:clamp(100px, 32vw, 126px);
    height:clamp(100px, 32vw, 126px);
    max-width:126px;
    max-height:126px;
  }
  #securityMethodModal .security-method-btn-app .security-method-copy strong{
    font-size:clamp(.98rem, 4vw, 1.1rem);
  }
}
#securityMethodModal .security-method-modal-title{
  margin:0 0 8px;
  font-size:1.24rem;
  color:var(--modal-text);
}
#securityMethodModal .security-method-modal-subtitle{
  margin:0;
  color:rgba(240,241,255,.85);
  line-height:1.7;
}
#securityMethodModal .security-methods-modal{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
#securityMethodModal .security-method-option{
  min-width:0;
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}
#securityMethodModal .security-method-option-title{
  display:block;
  font-weight:900;
  line-height:1.5;
}
#securityMethodModal .security-method-option-desc{
  display:block;
  color:var(--sec-muted);
  font-size:.82rem;
  line-height:1.55;
}
#securityMethodModal .security-method-option.active .security-method-option-desc{
  color:inherit;
}
#telegramLinkCodeModal .modal-content{
  background:var(--modal-bg);
  border:1px solid var(--card-border);
  padding:46px 28px 28px;
  border-radius:18px;
  box-shadow:var(--card-shadow);
  width:min(92vw,420px);
  text-align:center;
}
#telegramLinkCodeModal .security-code-modal{position:relative;text-align:center;}
#telegramLinkCodeModal .security-code-title{margin:0 0 8px;font-size:1.2rem;}
#telegramLinkCodeModal .security-code-subtitle{margin:0 0 14px;color:var(--muted);line-height:1.65;}
#telegramLinkCodeModal .security-close{
  position:absolute;top:14px;left:14px;border:none;background:transparent;
  font-size:20px;color:var(--muted);cursor:pointer;
}
#telegramLinkCodeModal .security-code-input{
  width:100%;
  height:50px;
  border-radius:999px;
  border:1px solid var(--card-border);
  background:var(--input-bg);
  color:var(--input-text);
  padding:0 18px;
  font-size:1.05rem;
  text-align:center;
  letter-spacing:.2em;
  font-weight:700;
}
#telegramLinkCodeModal .security-code-error{
  min-height:18px;
  margin:10px 0 0;
  font-size:.95rem;
  color:var(--danger);
}
#telegramLinkCodeModal .security-code-actions{
  margin-top:14px;
  display:grid;
  gap:8px;
}
#telegramLinkCodeModal .security-btn{
  width:100%;
  min-width:0;
  border-radius:999px;
  min-height:48px;
}

/* Base */
body{font-family:'Cairo',sans-serif;margin:0;direction:rtl}
  html[data-theme="dark"]  body,
  html[data-theme="light"] body{background:var(--bg-app, var(--bg));color:var(--text)}

/* Search */
  /* تقليل الفراغ فوق شريط البحث */
.search-container{margin:10px auto 12px;max-width:1000px;display:flex;justify-content:center;gap:10px;padding:0}
.home-sections{max-width:var(--home-section-width);width:100%;margin:0 auto}
.home-sections .search-container{max-width:100%;width:100%;margin:10px 0 12px}
.home-sections .categories{max-width:var(--home-section-width);width:min(100%,var(--home-section-width));margin:0 auto;grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr))!important;gap:16px;justify-content:center}
.home-sections .categories .card{width:100%;max-width:none;justify-self:center;padding:12px;gap:10px}
.home-sections .categories .card.pending-state{pointer-events:auto}
.home-sections .categories .card h2{font-size:.95rem;line-height:1.3}
.inline-view .home-sections{display:none !important}
.inline-view .page-hero,
.inline-view #homeTicker{display:none !important}
@media (max-width:768px){
  .home-sections .categories{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important;gap:12px}
}
.search-container input[type="text"]{flex:1;padding:12px 15px;background:var(--input-bg);color:var(--input-text);border:2px solid var(--input-border);border-radius:25px;font-size:1rem;outline:none;transition:none}
.search-container input[type="text"]:focus{box-shadow:0 0 6px var(--input-focus-glow);border-color:var(--input-border-focus)}
.search-container button{background:var(--btn-bg);border:none;padding:12px 20px;border-radius:25px;color:var(--btn-text);font-size:1rem;cursor:pointer;transition:none}
.search-container button:hover{background:var(--btn-bg-hover)}

main{max-width:1200px;margin:20px auto;padding:0 15px}

/* Grid */
.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,max-content));gap:20px;justify-content:start;max-width:1000px;margin:auto}

/* Card */
.card{
  position:relative;
  background:var(--card-gradient);
  color:var(--card-text);
  border:1px solid var(--card-border-strong);
  border-radius:14px;
  box-shadow:var(--card-shadow);
  text-align:center;
  padding:16px;
  text-decoration:none;
  transition:none;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
}
.card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top right, rgba(255,255,255,.32), rgba(255,255,255,0) 55%);
  opacity:.65;
}
.card:hover{
  transform:translateY(-5px);
  box-shadow:var(--card-shadow-hover);
  border-color:var(--card-border-hover);
}
html[data-theme="dark"] .card{
  background:var(--card-gradient);
  color:var(--card-text);
  border-color:var(--card-border-strong);
  box-shadow:var(--card-shadow);
}
html[data-theme="dark"] .card::after{
  background:radial-gradient(circle at top right, rgba(156,158,222,.18), rgba(0,0,0,0) 60%);
  opacity:.4;
}
.card h2{font-weight:700;font-size:.9rem;margin:0;line-height:1.35;word-break:break-word}

.catalog-card-media{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:16px 16px 0 0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.catalog-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  display:block;
  margin:0 auto;
}
.catalog-card-media.is-empty{
  background:transparent;
  border:none;
}
.catalog-card-media.is-empty img{
  display:none !important;
  width:min(44%, 96px);
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:0;
  opacity:.94;
}
.catalog-card-media.is-empty img[data-catalog-fallback-image="1"]{
  display:block !important;
  background:transparent !important;
}
.catalog-card-media-badge{
  position:absolute;
  inset-inline-start:10px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:.74rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 10px 24px rgba(15,23,42,.18);
  z-index:2;
}
.catalog-card-media-badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f8d54a;
  box-shadow:0 0 0 3px rgba(248,213,74,.18);
  flex:0 0 8px;
}
html[data-theme="dark"] .catalog-card-media,
body.dark-mode .catalog-card-media{
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .catalog-card-media.is-empty,
body.dark-mode .catalog-card-media.is-empty{
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
}

/* Image */
.card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center;border-radius:8px;user-select:none;background-color:transparent;display:block;margin:0 auto}

/* Show image even while pending (لو حصل تضارب مع .loading) */
.card.pending-state img{visibility:visible}
.card.maintenance{
  background:var(--card-bg)!important;
  color:var(--muted)!important;
  border-color:var(--card-border);
  box-shadow:none;
  pointer-events:none;
  opacity:.7;
}
.card.maintenance h2{color:#a00;}
.card.maintenance img{filter:grayscale(100%);background-color:transparent !important;}
.card.maintenance::after{display:none;}

/* No results */
.no-results{text-align:center;font-size:1.2rem;color:var(--text);margin-top:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-games-empty{grid-column:1 / -1;width:100%;text-align:center;color:var(--text);margin:20px 0 0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(0,0,0,.22)}
.catalog-tree-fetch-loader{
  grid-column:1 / -1;
  width:100%;
  display:none;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 0;
  color:var(--text);
  font-weight:700;
  text-shadow:0 1px 10px rgba(0,0,0,.22);
}
.catalog-tree-fetch-loader .loading-spinner{
  display:inline-block;
  width:26px;
  height:26px;
  border-width:3px;
}

/* Balance */
#userBalance{
  margin:20px auto;
  max-width:640px;
  width:100%;
  text-align:center;
  font-weight:700;
  font-size:1.12rem;
  color:var(--balance-text);
  background:var(--balance-bg);
  border-radius:20px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:var(--balance-shadow);
  position:relative;
  border:1px solid var(--balance-border);
  overflow:hidden;
}
#userBalance::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg, transparent, var(--balance-accent), transparent);
  opacity:.95;
}
.balance-content{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
#balanceText{
  margin-right:0;
  color:var(--balance-text);
  font-weight:800;
  letter-spacing:.2px;
  text-shadow:0 1px 8px rgba(0,0,0,.18);
  unicode-bidi:plaintext;
}
.loading-spinner{border:4px solid rgba(var(--site-accent-rgb, 148, 163, 184), .18);border-top:4px solid var(--site-accent-runtime, var(--btn-bg));border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;display:none}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
#userBalance img{width:30px;height:30px;margin-left:10px}

/* Auth buttons */
button#loginBtn,button#logoutBtn{position:fixed;top:5px;border:none;padding:10px 18px;border-radius:25px;font-size:1rem;cursor:pointer;z-index:9999;transition:.3s}
button#loginBtn{left:20px;background:var(--btn-bg);color:var(--btn-text);visibility:visible}
button#loginBtn:hover{background:var(--btn-bg-hover)}
button#logoutBtn{left:160px;background:#cc0000;color:#fff;visibility:hidden}
button#logoutBtn:hover{background:#990000}

/* Login modal fields */
.login-modal .modal-content input{padding:10px;background:var(--input-bg);color:var(--input-text);border:1px solid var(--card-border);border-radius:6px;font-size:1rem}
.login-modal .modal-content button{padding:10px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:6px;cursor:pointer}
.login-modal .modal-content button:hover{background:var(--btn-bg-hover)}
.modal-content .close{position:absolute;top:10px;left:20px;cursor:pointer;font-size:1.2rem}

/* Maintenance / Loading / Pending */
.card.pending-state{pointer-events:none;opacity:.7;position:relative;overflow:hidden}
.card.pending-state::after{display:none;content:none}
.card.catalog-card.pending-state,
.card[data-catalog-card="1"].pending-state{pointer-events:auto}
@keyframes shimmer{0%{right:-150px}100%{right:100%}}

.card.loading{position:relative;background:var(--skeleton);overflow:hidden;pointer-events:none}
.card.loading img,.card.loading h2{visibility:visible}
.card.loading img{background-color:var(--skeleton)}
.card.loading::after{display:none;content:none}

/* Responsive */
@media (max-width:480px){.categories{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.card{padding:12px;gap:10px}.card h2{font-size:.82rem}}
@media (max-width:768px){.categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media (max-width:992px){.categories{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}

.card.loading{pointer-events:none;opacity:.7}

/* Fixed grid overrides */
.categories{grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr))!important;gap:16px;justify-content:center}
@media (max-width:768px){.categories{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important;gap:12px}.card{padding:12px!important}.card h2{font-size:.82rem!important}}
@media (max-width:480px){.categories{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important;gap:10px}.card{padding:10px!important}.card h2{font-size:.78rem!important}}
  hr{border-color:var(--border-strong)}

/* inline-style-19 */
@media (max-width: 600px){
      /* تقليل المسافة داخل النسخة الواحدة بدلًا من إضافة فجوة بين النسختين */
      .notice-ticker .ticker-copy{ gap:24px }
      .notice-ticker span{ font-size:1rem }
      .search-container{ margin:8px 8px 10px; padding:0 }
      .home-sections .categories{ grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important; gap:10px }
      .home-sections .categories .card{ max-width:none; padding:10px }
      #homeTicker ~ main{ margin:0 auto 20px; padding:0 8px }
      #homeTicker ~ main .home-sections .search-container{
        width:min(100%, var(--home-section-width));
        max-width:var(--home-section-width);
        margin:0 auto 10px;
      }
      .page-hero{ margin:var(--app-hero-gap-mobile, 8px) 8px 10px; padding:0 }
      body.inline-view .page-hero{ margin-top:var(--app-hero-gap-mobile, 8px) !important; }
      .page-hero img{ border-radius:10px }
      .search-container input[type="text"]{ font-size:1rem; padding:10px 12px }
      .search-container button{ padding:10px 16px }
    }

/* inline-style-20 */
.notice-ticker {
      max-width: 1000px;
      margin: 12px auto 10px;
      background: var(--input-bg);
      --nt-bg: var(--input-bg); /* للتلاشي الجانبي */
      --fadeWidth: 40px; /* عرض طبقة التلاشي على الأطراف (سطح المكتب) */
      color: var(--input-text);
      border: 2px solid var(--input-border);
      border-radius: 25px; /* مثل حقل البحث */
      padding: 12px 15px; /* مثل حقل البحث */
      font-size: 1rem; /* مطابق لحقل البحث */
      line-height: 1.2;
      display: flex;
      align-items: center;
      overflow: hidden;
      box-shadow: 0 6px 14px rgba(0,0,0,.06);
      position: relative;
      direction: rtl; /* بداية السطر من اليمين */
    }
    html[data-theme="dark"] .notice-ticker {
      background: var(--input-bg);
      --nt-bg: var(--input-bg);
      border-color: var(--input-border);
      box-shadow: 0 8px 20px rgba(0,0,0,.35);
      color: var(--input-text);
    }
    /* تلاشي الأطراف لإخفاء أي حواف بداية/نهاية */
    .notice-ticker::before,
    .notice-ticker::after{
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: var(--fadeWidth, 40px);
      pointer-events: none;
      z-index: 2;
    }
    .notice-ticker::before{ right:0; background: linear-gradient(270deg, var(--nt-bg) 0%, rgba(0,0,0,0) 70%); }
    .notice-ticker::after { left:0;  background: linear-gradient(90deg,  var(--nt-bg) 0%, rgba(0,0,0,0) 70%); }

    .notice-ticker .ticker-track {
      display: inline-flex;
      align-items: center;
      gap: 0; /* لا فجوة بين النسخ */
      white-space: nowrap;
      will-change: transform;
      animation: marquee-single var(--dur, 18s) linear infinite;
    }
    .notice-ticker .ticker-copy {
      display: inline-flex;
      align-items: center;
      gap: 48px; /* المسافة داخل النسخة الواحدة */
      flex-shrink: 0; /* لا تنكمش لتبقى قيمة القياس ثابتة */
    }
    /* استخدم نسخة مرئية واحدة فقط ليتحقق الاختفاء التام بين الدورات */
    .notice-ticker .ticker-copy[aria-hidden="true"]{ display: none !important; }
    .notice-ticker span { font-weight: 700; font-size: 1rem; }
    /* عدم إيقاف الحركة عند التحويم/التحديد */
    .notice-ticker .ticker-track:hover { animation-play-state: running; }
    @media (prefers-reduced-motion: reduce){
      .notice-ticker .ticker-track{ animation: none; transform: none; }
    }
    /* مسار واحد: يبدأ من خارج الحافة، يعبر، يخرج بالكامل، ثم يعاود من البداية */
    /* 1 = يبدأ من اليمين ويتجه لليسار، -1 = يبدأ من اليسار ويتجه لليمين */
    #homeTicker { --dir: -1; }
    html[data-lang="en"] #homeTicker,
    html[data-lang="fr"] #homeTicker {
      --dir: 1;
    }
    
    /* Mobile override to fully match search bar */
    @media (max-width: 600px){
      #homeTicker.notice-ticker{
        width:min(calc(100% - 16px), var(--home-section-width));
        max-width:var(--home-section-width);
        box-sizing:border-box;
        margin:8px auto 6px;
        padding:10px 12px;
        border-radius:25px;
        border:2px solid var(--input-border);
        background: var(--input-bg);
        color: var(--input-text);
        font-size:1rem;
        line-height:1.2;
        --fadeWidth: 28px;
      }
      #homeTicker.notice-ticker span{ font-size:1rem }
    }
    @media (min-width: 769px){
      #homeTicker.notice-ticker{
        margin: 12px auto 4px;
      }
      #homeTicker:not([hidden]) ~ main{
        margin-top: 8px;
      }
      #homeTicker:not([hidden]) ~ main .home-sections .search-container{
        margin-top: 0;
      }
    }
    @keyframes marquee-single {
      0%   { transform: translate3d(var(--start, 100%), 0, 0); }
      5%   { transform: translate3d(var(--start, 100%), 0, 0); }
      95%  { transform: translate3d(var(--end, -100%), 0, 0); }
      100% { transform: translate3d(var(--end, -100%), 0, 0); }
    }

/* #site-motion-style */
body.motion-ui div{
      transition:none;
    }
    /* Keep fixed header/sidebar stable; avoid flash while route classes toggle. */
    body.motion-ui #headerContainer,
    body.motion-ui #headerContainer *,
    body.motion-ui #sidebarContainer,
    body.motion-ui .top-header,
    body.motion-ui .top-header *{
      transition:none !important;
      will-change:auto !important;
    }

    .page-hero{
      max-height:680px;
      overflow:hidden;
    }
    #homeTicker{
      max-height:120px;
      overflow:hidden;
    }
    .page-hero,
    #homeTicker{
      transition:
        opacity .32s ease,
        transform .32s ease,
        filter .32s ease,
        max-height .34s ease,
        margin .34s ease,
        padding .34s ease;
      will-change:opacity, transform;
    }
    body.home-hide-pending .page-hero,
    body.home-hide-pending #homeTicker,
    body.home-hide-active .page-hero,
    body.home-hide-active #homeTicker{
      opacity:0;
      transform:translateY(-12px) scale(.985);
      max-height:0 !important;
      margin-top:0 !important;
      margin-bottom:0 !important;
      padding-top:0 !important;
      padding-bottom:0 !important;
      filter:blur(1px);
      pointer-events:none;
    }

    .catalog-branches{
      animation:none;
      transform-origin:top center;
    }
    .categories > .card,
    .catalog-branch-card,
    .catalog-inline-host .offer-box.card,
    .inline-favorite-card{
      opacity:1;
      transform:none;
      animation:none;
    }
    .categories > .card.pending-state,
    .categories > .card.loading{
      opacity:1;
      transform:none;
      animation:none;
    }

    .categories > .card:nth-child(1), .catalog-branch-card:nth-child(1){animation-delay:.02s;}
    .categories > .card:nth-child(2), .catalog-branch-card:nth-child(2){animation-delay:.04s;}
    .categories > .card:nth-child(3), .catalog-branch-card:nth-child(3){animation-delay:.06s;}
    .categories > .card:nth-child(4), .catalog-branch-card:nth-child(4){animation-delay:.08s;}
    .categories > .card:nth-child(5), .catalog-branch-card:nth-child(5){animation-delay:.10s;}
    .categories > .card:nth-child(6), .catalog-branch-card:nth-child(6){animation-delay:.12s;}
    .categories > .card:nth-child(7), .catalog-branch-card:nth-child(7){animation-delay:.14s;}
    .categories > .card:nth-child(8), .catalog-branch-card:nth-child(8){animation-delay:.16s;}
    .categories > .card:nth-child(9), .catalog-branch-card:nth-child(9){animation-delay:.18s;}
    .categories > .card:nth-child(10), .catalog-branch-card:nth-child(10){animation-delay:.20s;}
    .categories > .card:nth-child(11), .catalog-branch-card:nth-child(11){animation-delay:.22s;}
    .categories > .card:nth-child(12), .catalog-branch-card:nth-child(12){animation-delay:.24s;}

    body.route-switching #inlinePage{
      animation:none;
    }
    body.route-switching #inlinePage > div,
    body.route-switching .catalog-inline-host .catalog-shell,
    body.route-switching .home-sections{
      animation:none;
    }

    @keyframes z3CardIn{
      from{opacity:0;transform:translateY(14px) scale(.98);}
      to{opacity:1;transform:translateY(0) scale(1);}
    }
    @keyframes z3BranchIn{
      from{opacity:0;transform:translateY(10px);}
      to{opacity:1;transform:translateY(0);}
    }
    @keyframes z3RouteShell{
      from{filter:saturate(.92) brightness(.98);}
      to{filter:saturate(1) brightness(1);}
    }
    @keyframes z3RouteFade{
      from{opacity:0;transform:translateY(14px) scale(.992);}
      70%{opacity:.96;}
      to{opacity:1;transform:translateY(0) scale(1);}
    }

    @media (prefers-reduced-motion: reduce){
      body.motion-ui div{transition:none !important;}
      .catalog-branches,
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
      }
      .page-hero,
      #homeTicker{transition:none !important;}
    }

/* #catalog-motion-off */
body.motion-ui :is(
      .search-container,
      .search-container *,
      .catalog-branches,
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card,
      .card.catalog-card,
      .catalog-offer,
      a.card.auto,
      .catalog-card-media,
      .catalog-card-media img,
      #inlinePage,
      #inlinePage > div,
      .catalog-inline-host .catalog-shell,
      .home-sections
    ),
    :is(
      .search-container,
      .search-container *,
      .catalog-branches,
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card,
      .card.catalog-card,
      .catalog-offer,
      a.card.auto,
      .catalog-card-media,
      .catalog-card-media img,
      #inlinePage,
      #inlinePage > div,
      .catalog-inline-host .catalog-shell,
      .home-sections
    ){
      animation:none !important;
      animation-delay:0s !important;
      transition:none !important;
      transition-delay:0s !important;
      will-change:auto !important;
    }
    :is(
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card,
      .card.catalog-card,
      .catalog-offer,
      a.card.auto
    ):not(.maintenance){
      opacity:1 !important;
      transform:none !important;
      filter:none !important;
    }
    :is(
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card
    ):nth-child(n){
      animation-delay:0s !important;
    }
    body.route-switching :is(#inlinePage, #inlinePage > div, .catalog-inline-host .catalog-shell, .home-sections),
    body.home-hide-pending :is(.home-sections, .search-container),
    body.home-hide-active :is(.home-sections, .search-container){
      animation:none !important;
      transition:none !important;
      transform:none !important;
      filter:none !important;
    }
    :is(
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card,
      .card.catalog-card,
      .catalog-offer,
      a.card.auto
    )::before,
    :is(
      .categories > .card,
      .catalog-branch-card,
      .catalog-inline-host .offer-box.card,
      .inline-favorite-card,
      .card.catalog-card,
      .catalog-offer,
      a.card.auto
    )::after{
      animation:none !important;
      transition:none !important;
    }

/* #catalog-inline-style */
.catalog-inline-host{display:none;}
    .inline-view .catalog-inline-host{display:block;}
    .catalog-inline-host.catalog-modal-only .catalog-shell,
    #catalogInlineHost.catalog-modal-only .catalog-shell{
      display:none !important;
    }
    #catalogInlineHost.catalog-modal-only{
      position:fixed;
      inset:0;
      z-index:15000;
      pointer-events:none;
    }
    #catalogInlineHost.catalog-modal-only #purchase-modal{
      pointer-events:auto;
      background:rgba(5,10,24,.42) !important;
      -webkit-backdrop-filter:blur(3px) !important;
      backdrop-filter:blur(3px) !important;
    }
    .catalog-inline-host.catalog-modal-only #catalogLoader,
    .catalog-inline-host.catalog-modal-only #catalogNoResults,
    #catalogInlineHost.catalog-modal-only #catalogLoader,
    #catalogInlineHost.catalog-modal-only #catalogNoResults{display:none !important;}
    .catalog-inline-active .home-sections,
    .catalog-inline-active .page-hero,
    .catalog-inline-active #homeTicker{display:none !important;}
    .catalog-inline-host .catalog-shell{max-width:1100px;margin:0 auto;padding:0 16px 60px;}
    .catalog-inline-host .catalog-hero{display:none;}
    .catalog-inline-host .catalog-hero img{width:100%;height:auto;border-radius:12px;object-fit:cover;}
    .catalog-inline-host .catalog-hero h1{margin:0 0 8px;font-size:1.6rem;color:var(--text);}
    .catalog-inline-host .catalog-hero p{margin:0;color:var(--muted);line-height:1.6;}
    .catalog-inline-host .catalog-hero .badge{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));margin-top:10px;}
    .catalog-inline-host .catalog-controls{margin:0 auto 12px;display:grid;gap:12px;}
    .catalog-inline-host .player-id-box{display:none;}
    .catalog-inline-host .player-id-box label{font-weight:700;display:block;margin-bottom:10px;}
    .catalog-inline-host .player-input-row{display:flex;gap:10px;flex-wrap:wrap;}
    .catalog-inline-host #catalogPlayerId,
    .catalog-inline-host .player-field-input{flex:1 1 200px;padding:12px 14px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:16px;}
    .catalog-inline-host .player-extra-fields{display:grid;gap:10px;margin-top:10px;}
    .catalog-inline-host .player-extra-fields .player-field{display:flex;flex-direction:column;gap:6px;}
    .catalog-inline-host .player-extra-fields label{font-weight:700;}
    /* Extra fields are stacked in a column; don't let the base `flex: 1 1 200px` make them super tall. */
    .catalog-inline-host .player-extra-fields .player-field-input,
    #purchase-modal .pm-extra-fields .player-field-input{flex:0 0 auto;min-height:44px;}
    #purchase-modal .pm-extra-fields textarea.player-field-input{min-height:72px;resize:vertical;}
    .catalog-inline-host #catalogPasteBtn{padding:12px 16px;border-radius:10px;border:none;background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));color:#fff;font-weight:700;cursor:pointer;}
    .catalog-inline-host #catalogPasteBtn:hover{background:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));}
    .catalog-inline-host .catalog-actions{display:flex;gap:12px;justify-content:center;margin-top:12px;flex-wrap:wrap;}
    .catalog-inline-host .btn-outline{padding:12px 16px;border-radius:8px;border:1px solid #ef4444;background:transparent;color:#ef4444;font-weight:700;cursor:pointer;}
    .catalog-inline-host .btn-outline:disabled,.catalog-inline-host .send-button:disabled{opacity:.6;cursor:not-allowed;}
    .catalog-inline-host .no-results{text-align:center;color:var(--text);margin-top:20px;font-weight:700;text-shadow:0 1px 10px rgba(0,0,0,.22);}
    .catalog-inline-host .catalog-loader{
      grid-column:1 / -1;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:26px 0;
      color:var(--muted);
      font-weight:700;
    }
    .catalog-inline-host .catalog-loader .spinner{
      width:34px;
      height:34px;
      border:3px solid var(--input-border);
      border-top-color:transparent;
      border-radius:50%;
      animation:spin 1s linear infinite;
    }
    .catalog-inline-host .catalog-back{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));font-weight:700;cursor:pointer;margin:0 0 10px;}
    .catalog-inline-host #selected-amount-container{display:none;}
    .catalog-inline-host .search-container{max-width:var(--home-section-width);width:min(100%,var(--home-section-width));margin:0 auto;display:flex;justify-content:center;gap:10px;align-items:center;padding:0;box-sizing:border-box;}
    .catalog-inline-host .search-container input[type="text"]{flex:1;padding:12px 15px;background:var(--input-bg);color:var(--input-text);border:2px solid var(--site-accent-runtime-light, var(--site-accent-runtime, var(--input-border-focus, var(--accent-theme, #5c5ebf))));border-radius:25px;font-size:1rem;outline:none;transition:none;min-width:0;width:100%;max-width:100%;box-shadow:0 8px 18px rgba(var(--site-accent-rgb, 148, 163, 184), .12), inset 0 1px 0 rgba(255,255,255,.08);}
    .catalog-inline-host .search-container input[type="text"]:focus{box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .24), 0 10px 20px rgba(var(--site-accent-rgb, 148, 163, 184), .18);border-color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));}
    .catalog-inline-host .search-container button{padding:10px 18px;border-radius:20px;border:none;background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));color:#fff;font-weight:700;cursor:pointer;}
    .catalog-inline-host .search-container button:hover{background:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));}
    .catalog-inline-host .offers-box{overflow:visible;width:min(100%,var(--home-section-width));max-width:var(--home-section-width);margin:0 auto 24px auto;display:flex;flex-direction:column;align-items:center;padding:0 0 18px;box-sizing:border-box;}
    .catalog-inline-host #catalogOffersContainer{display:grid;grid-template-columns:repeat(var(--site-product-grid-desktop, 5),minmax(0,1fr));gap:16px;justify-content:center;max-width:var(--home-section-width);margin:0 auto;width:min(100%,var(--home-section-width));box-sizing:border-box;}
    .catalog-inline-host .categories{display:grid;grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr))!important;gap:16px;justify-content:center;max-width:var(--home-section-width)!important;margin:0 auto!important;width:min(100%,var(--home-section-width))!important;overflow:visible;box-sizing:border-box;}
    .catalog-inline-host .offer-price,
    .card.catalog-card[data-card-type="product"] .offer-price{font-size:.95rem;font-weight:700;color:var(--card-text)!important;margin:0;letter-spacing:0;background:transparent;border-radius:0;padding:0;width:100%;display:block;line-height:1.3;}
    .inline-favorites-grid{display:grid;grid-template-columns:repeat(var(--site-product-grid-desktop, 5),minmax(0,1fr));gap:16px;width:min(100%,var(--home-section-width));max-width:var(--home-section-width);margin:0 auto;box-sizing:border-box;}
    .inline-favorites-empty{width:min(100%,var(--home-section-width));max-width:var(--home-section-width);margin:18px auto 0;text-align:center;color:var(--muted);font-weight:700;}
    .categories[data-catalog-target="favorites"] > .inline-favorites-grid,
    .categories[data-catalog-target="favorites"] > .inline-favorites-empty{
      grid-column:1 / -1;
    }
    @media (min-width:1200px){.catalog-inline-host .search-container{max-width:var(--home-section-width);}.catalog-inline-host .offers-box{max-width:var(--home-section-width);}}
    @media (max-width:768px){.catalog-inline-host .categories{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important;gap:12px;}.catalog-inline-host #catalogOffersContainer{grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr));gap:12px;}.inline-favorites-grid{grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr));gap:12px;}}
    @media (max-width:480px){.catalog-inline-host .categories{grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr))!important;gap:10px;}.catalog-inline-host #catalogOffersContainer{grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr));gap:10px;}.inline-favorites-grid{grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr));gap:10px;}}
    html[data-theme="dark"] .catalog-inline-host .search-container input[type="text"],
    body.dark-mode .catalog-inline-host .search-container input[type="text"]{background:linear-gradient(180deg, rgba(8,12,28,.94), rgba(10,14,32,.9));color:var(--input-text);border-color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #5c5ebf)));box-shadow:0 10px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);}
    body.dark-mode .catalog-inline-host .offer-price,
    body.dark-mode .card.catalog-card[data-card-type="product"] .offer-price{background:transparent;color:#f0f1ff !important;}
    .catalog-inline-host .send-button{padding:12px 16px;border-radius:10px;border:none;background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));color:#fff;font-weight:700;cursor:pointer;}
    .catalog-inline-host .send-button:hover{background:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));}
    /* Primary ID input: pill style with floating label inside */
    .player-id-box,
    #modal-player-row{ position:relative; }
    .player-id-box > label,
    #modal-player-row > label{
      position:absolute;
      top:6px;
      right:20px;
      margin:0;
      font-size:.82rem;
      font-weight:700;
      color:#98a1b2;
      pointer-events:none;
      z-index:1;
    }
    #catalogPlayerId,
    #modal-player-id{
      height:56px;
      border-radius:999px;
      padding:18px 18px 10px;
      border:1.5px solid #d7dbe5;
      background:#ffffff;
      color:#111827;
      font-weight:700;
      text-align:center;
      direction:ltr;
      box-shadow:none;
    }
    #catalogPlayerId::placeholder,
    #modal-player-id::placeholder{ color:transparent; }
    #catalogPlayerId:focus,
    #modal-player-id:focus{
      border-color:var(--site-accent-runtime-soft-2, rgba(148,163,184,.55));
      box-shadow:0 0 0 4px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
    }
    /* Make all catalog inputs more rounded (pill) */
    .catalog-inline-host .player-field-input,
    #purchase-modal .pm-input input,
    #purchase-modal .pm-input select{
      border-radius:999px;
    }
    #purchase-modal .pm-input textarea,
    .catalog-inline-host .player-extra-fields textarea.player-field-input{
      border-radius:18px;
    }
    #purchase-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      background:rgba(8,14,26,0.22);
      backdrop-filter:blur(5px);
      z-index:15000;
      opacity:0;
    }
    #purchase-modal.show{
      display:flex;
      animation:none;
      opacity:1;
    }
    #purchase-modal.closing{
      display:flex;
      pointer-events:none;
      animation:none;
      opacity:0;
    }
    #purchase-modal .pm-card{
      width:min(560px,92vw);
      background:linear-gradient(180deg, rgba(8,14,24,.94), rgba(8,14,24,.9));
      color:var(--card-text);
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      border-radius:18px;
      box-shadow:0 20px 56px rgba(0,0,0,.3);
      padding:22px 20px;
      direction:rtl;
      backdrop-filter:blur(6px);
      transform-origin:center;
    }
    #purchase-modal.show .pm-card{
      animation:none;
    }
    #purchase-modal.closing .pm-card{
      animation:none;
    }
    html[data-theme="light"] #purchase-modal .pm-card,
    body.light-mode #purchase-modal .pm-card{
      background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.96));
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .28);
      box-shadow:0 16px 42px rgba(15,23,42,.14);
    }
    #purchase-modal .pm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
    #purchase-modal .pm-pill{
      background:var(--input-bg);
      color:var(--text);
      border-radius:999px;
      padding:8px 14px;
      font-weight:800;
      border:1px solid var(--card-border);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:106px;
      min-height:42px;
      overflow:hidden;
      line-height:1.2;
      font-variant-numeric:tabular-nums;
    }
    #purchase-modal .pm-pill.pm-odometer-active{
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .58);
      box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .18);
    }
    #purchase-modal .pm-pill .pm-roll-wrap{
      display:inline-flex;
      align-items:center;
      gap:0;
      direction:ltr;
      unicode-bidi:plaintext;
    }
    #purchase-modal .pm-pill .pm-roll-prefix,
    #purchase-modal .pm-pill .pm-roll-suffix,
    #purchase-modal .pm-pill .pm-roll-static{
      display:inline-flex;
      align-items:center;
      white-space:pre;
    }
    #purchase-modal .pm-pill .pm-roll-amount{
      display:inline-flex;
      align-items:center;
      gap:0;
    }
    #purchase-modal .pm-pill .pm-roll-digit{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:.66em;
      height:1.2em;
      overflow:hidden;
    }
    #purchase-modal .pm-pill .pm-roll-digit-track{
      display:flex;
      flex-direction:column;
      transform:translateY(0);
      transition:transform .52s cubic-bezier(.22,1,.36,1);
      will-change:transform;
    }
    #purchase-modal .pm-pill .pm-roll-digit-track.is-running{
      transform:translateY(calc(-1.2em * var(--pm-roll-steps, 0)));
    }
    #purchase-modal .pm-pill .pm-roll-digit-char{
      height:1.2em;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    @keyframes pmBackdropIn{
      from{opacity:0;}
      to{opacity:1;}
    }
    @keyframes pmCardIn{
      from{opacity:0;transform:translateY(24px) scale(.94);}
      to{opacity:1;transform:translateY(0) scale(1);}
    }
    @keyframes pmBackdropOut{
      from{opacity:1;}
      to{opacity:0;}
    }
    @keyframes pmCardOut{
      from{opacity:1;transform:translateY(0) scale(1);}
      to{opacity:0;transform:translateY(18px) scale(.96);}
    }
    #purchase-modal .pm-title{font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;}
    #purchase-modal #pm-title{unicode-bidi:plaintext;}
    #purchase-modal .pm-fav-toggle{
      width:30px;
      height:30px;
      border-radius:999px;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .38);
      background:rgba(4,10,28,.45);
      color:#aebce6;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition:transform .12s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
      padding:0;
      flex:0 0 30px;
    }
    #purchase-modal .pm-fav-toggle:hover{transform:translateY(-1px);}
    #purchase-modal .pm-fav-toggle i{font-size:.95rem;line-height:1;}
    #purchase-modal .pm-fav-toggle.active{
      color:#ff5f7f;
      border-color:rgba(255,95,127,.65);
      box-shadow:0 10px 22px rgba(255,95,127,.24);
    }
    html[data-theme="light"] #purchase-modal .pm-fav-toggle,
    body.light-mode #purchase-modal .pm-fav-toggle{
      background:rgba(255,255,255,.8);
      color:#7a86a8;
      border-color:rgba(99,118,163,.35);
    }
    html[data-theme="light"] #purchase-modal .pm-fav-toggle.active,
    body.light-mode #purchase-modal .pm-fav-toggle.active{
      color:#e11d48;
      border-color:rgba(225,29,72,.48);
      box-shadow:0 10px 22px rgba(225,29,72,.16);
    }
    #purchase-modal .pm-desc-wrap{position:relative;display:none;margin:10px 0 12px;}
    #purchase-modal .pm-desc-wrap.show{display:block;}
    #purchase-modal .pm-desc{
      margin:0;
      padding:0 2px 0 14px;
      border:none;
      border-radius:0;
      background:transparent;
      color:var(--text);
      font-size:.95rem;
      line-height:1.75;
      display:none;
      max-height:170px;
      overflow:auto;
      position:relative;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      cursor:text;
    }
    html[data-theme="light"] #purchase-modal .pm-desc,
    body.light-mode #purchase-modal .pm-desc{color:var(--text);}
    #purchase-modal .pm-desc.show{display:block;}
    #purchase-modal .pm-desc.scrollable{cursor:grab;}
    #purchase-modal .pm-desc.dragging{cursor:grabbing;user-select:none;}
    #purchase-modal .pm-desc a{
      color:#3b82f6;
      text-decoration:underline;
      text-underline-offset:2px;
      cursor:pointer;
      direction:ltr;
      unicode-bidi:plaintext;
      word-break:break-all;
    }
    #purchase-modal .pm-desc a:hover{color:#60a5fa;filter:brightness(1.04);}
    #purchase-modal .pm-desc::-webkit-scrollbar{width:0;height:0;}
    #purchase-modal .pm-desc-scroll-rail{
      position:absolute;
      inset-inline-end:0;
      top:0;
      bottom:0;
      width:8px;
      border-radius:999px;
      background:rgba(124,133,163,.22);
      display:none;
      pointer-events:none;
    }
    #purchase-modal .pm-desc-wrap.scrollable .pm-desc-scroll-rail{display:block;}
    #purchase-modal .pm-desc-scroll-thumb{
      position:absolute;
      inset-inline-start:1px;
      top:0;
      width:6px;
      height:34px;
      border-radius:999px;
      background:var(--site-accent-runtime-soft-2, rgba(148,163,184,.5));
      box-shadow:0 2px 8px rgba(0,0,0,.18);
      transition:height .12s linear, background-color .18s ease;
    }
    #purchase-modal .pm-desc-wrap.scrollable:hover .pm-desc-scroll-thumb,
    #purchase-modal .pm-desc-wrap.dragging .pm-desc-scroll-thumb{background:rgba(var(--site-accent-rgb, 148, 163, 184), .95);}
    #purchase-modal .pm-input{width:100%;margin:12px 0 6px;}
    #purchase-modal .pm-input label{display:block;margin-bottom:6px;font-weight:700;color:var(--text);}
    #purchase-modal .pm-input input,
    #purchase-modal .pm-input select,
    #purchase-modal .pm-input textarea{
      width:100%;
      padding:12px 14px;
      border-radius:12px;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .34);
      font-size:16px;
      outline:none;
      background:rgba(255,255,255,.03);
      color:var(--input-text);
    }
    #purchase-modal #modal-qty-select{display:none !important;}
    #purchase-modal .pm-select{position:relative;width:100%;}
    #purchase-modal .pm-select-trigger{
      width:100%;
      height:56px;
      border-radius:999px;
      border:1.5px solid var(--card-border);
      background:rgba(255,255,255,.03);
      color:var(--text);
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:18px 52px 10px;
      font-size:16px;
      font-weight:700;
      cursor:pointer;
      transition:border-color .18s ease, box-shadow .18s ease, transform .12s ease;
      text-align:center;
    }
    #purchase-modal .pm-select-trigger:focus{
      border-color:var(--site-accent-runtime-soft-2, rgba(148,163,184,.55));
      box-shadow:0 0 0 4px rgba(var(--site-accent-rgb, 148, 163, 184), .25);
      outline:none;
    }
    #purchase-modal .pm-select.open .pm-select-trigger{
      border-color:var(--site-accent-runtime-soft-2, rgba(148,163,184,.55));
      box-shadow:0 0 0 4px rgba(var(--site-accent-rgb, 148, 163, 184), .2);
    }
    #purchase-modal .pm-select-trigger i{
      font-size:13px;
      color:var(--muted, #94a3b8);
      transition:transform .18s ease;
      position:absolute;
      right:18px;
      top:50%;
      transform:translateY(-50%);
      pointer-events:none;
    }
    #purchase-modal .pm-select.open .pm-select-trigger i{transform:translateY(-50%) rotate(180deg);}
    #purchase-modal .pm-select-value{
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      width:100%;
      padding:0 56px;
      display:block;
      text-align:center;
      direction:ltr;
      color:var(--text);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      pointer-events:none;
    }
    #purchase-modal #modal-qty-row.pm-qty-picker-mode.has-picked-qty > label{
      opacity:0;
      visibility:hidden;
    }
    #purchase-modal #modal-qty-row.pm-qty-picker-mode.has-picked-qty .pm-select-trigger{
      padding-top:14px;
      padding-bottom:14px;
    }
    #purchase-modal .pm-select-menu{
      position:absolute;
      right:0;
      left:0;
      top:calc(100% + 8px);
      display:none;
      max-height:260px;
      overflow:auto;
      border-radius:16px;
      border:1px solid var(--card-border);
      background:linear-gradient(180deg, rgba(10,16,26,.82), rgba(10,16,26,.72));
      box-shadow:0 20px 48px rgba(15,23,42,.28);
      padding:8px;
      z-index:20;
      scrollbar-width:thin;
      scrollbar-color:var(--site-accent-runtime-light, var(--site-accent-runtime, #8b93e8)) rgba(var(--site-accent-rgb, 148, 163, 184), .18);
    }
    #purchase-modal .pm-select-menu::-webkit-scrollbar{width:8px;height:8px;}
    #purchase-modal .pm-select-menu::-webkit-scrollbar-track{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
      border-radius:999px;
    }
    #purchase-modal .pm-select-menu::-webkit-scrollbar-thumb{
      background:var(--site-accent-runtime-light, var(--site-accent-runtime, #8b93e8));
      border-radius:999px;
      border:2px solid transparent;
      background-clip:padding-box;
    }
    #purchase-modal .pm-select.open .pm-select-menu{
      display:block;
      animation:pmSelectDrop .16s ease;
    }
    #purchase-modal .pm-select-option{
      width:100%;
      border:none;
      background:transparent;
      color:var(--text);
      border-radius:12px;
      padding:10px 12px;
      font-size:15px;
      font-weight:700;
      text-align:center;
      direction:ltr;
      cursor:pointer;
      transition:background-color .14s ease, color .14s ease;
    }
    #purchase-modal .pm-select-option:hover,
    #purchase-modal .pm-select-option:focus{
      background:var(--site-accent-runtime-soft, rgba(148,163,184,.2));
      color:var(--text);
      outline:none;
    }
    #purchase-modal .pm-select-option.selected{
      background:linear-gradient(135deg, var(--site-accent-runtime-soft-2, rgba(148,163,184,.34)), var(--site-accent-runtime-soft, rgba(148,163,184,.2)));
      color:var(--text);
      border:1px solid var(--card-border-hover, rgba(148,163,184,.45));
    }
    html[data-theme="light"] #purchase-modal .pm-select-menu,
    body.light-mode #purchase-modal .pm-select-menu{
      background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(246,248,255,.96));
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .3);
      box-shadow:0 14px 34px rgba(15,23,42,.16);
      scrollbar-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) rgba(var(--site-accent-rgb, 148, 163, 184), .16);
    }
    html[data-theme="light"] #purchase-modal .pm-select-option,
    body.light-mode #purchase-modal .pm-select-option{
      color:#1f2937;
    }
    html[data-theme="light"] #purchase-modal .pm-select-option:hover,
    html[data-theme="light"] #purchase-modal .pm-select-option:focus,
    body.light-mode #purchase-modal .pm-select-option:hover,
    body.light-mode #purchase-modal .pm-select-option:focus{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .14);
      color:#0f172a;
    }
    html[data-theme="light"] #purchase-modal .pm-select-option.selected,
    body.light-mode #purchase-modal .pm-select-option.selected{
      background:linear-gradient(135deg, rgba(var(--site-accent-rgb, 148, 163, 184), .22), rgba(var(--site-accent-rgb, 148, 163, 184), .12));
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .38);
      color:#0f172a;
    }
    html[data-theme="light"] #purchase-modal .pm-select-menu::-webkit-scrollbar-track,
    body.light-mode #purchase-modal .pm-select-menu::-webkit-scrollbar-track{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .16);
      border-radius:999px;
    }
    html[data-theme="light"] #purchase-modal .pm-select-menu::-webkit-scrollbar-thumb,
    body.light-mode #purchase-modal .pm-select-menu::-webkit-scrollbar-thumb{
      background:var(--site-accent-runtime, var(--accent-theme, #5c5ebf));
      border-radius:999px;
    }
    html[data-theme="dark"] #purchase-modal .pm-select-menu,
    body.dark-mode #purchase-modal .pm-select-menu{
      scrollbar-color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede))) rgba(var(--site-accent-rgb, 148, 163, 184), .24);
    }
    html[data-theme="dark"] #purchase-modal .pm-select-menu::-webkit-scrollbar-track,
    body.dark-mode #purchase-modal .pm-select-menu::-webkit-scrollbar-track{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .24);
      border-radius:999px;
    }
    html[data-theme="dark"] #purchase-modal .pm-select-menu::-webkit-scrollbar-thumb,
    body.dark-mode #purchase-modal .pm-select-menu::-webkit-scrollbar-thumb{
      background:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));
      border-radius:999px;
    }
    @keyframes pmSelectDrop{
      from{opacity:0;transform:translateY(-4px) scale(.99);}
      to{opacity:1;transform:translateY(0) scale(1);}
    }
    #purchase-modal .pm-extra-fields{display:grid;gap:10px;margin-top:10px;}
    #purchase-modal .pm-extra-fields .pm-field{display:flex;flex-direction:column;gap:6px;}
    #purchase-modal .pm-hint{margin-top:6px;font-size:.85rem;color:var(--text);}
    #purchase-modal .pm-hint.error{color:#ef4444;}
    #purchase-modal .pm-actions{display:flex;gap:12px;margin-top:12px;}
    #purchase-modal .btn{flex:1;padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer;border:1px solid transparent;}
    #purchase-modal .btn-primary{background:var(--btn-bg);color:var(--btn-text);}
    #purchase-modal .btn-outline{background:transparent;color:#ef4444;border-color:#ef4444;}
    #toast.app-toast{
      position:fixed;
      left:50%;
      bottom:30px;
      transform:translateX(-50%) scale(.84);
      visibility:hidden;
      opacity:0;
      min-width:min(340px,92vw);
      max-width:min(96vw,680px);
      text-align:right;
      z-index:9999;
      pointer-events:auto;
    }
    #toast.app-toast.is-visible{
      visibility:visible;
      opacity:1;
      transform:translateX(-50%) scale(1);
      animation:toastPopInX 360ms cubic-bezier(.22,1,.36,1);
    }
    @keyframes toastPopInX{
      0%{transform:translateX(-50%) scale(.72);opacity:0;}
      62%{transform:translateX(-50%) scale(1.06);opacity:1;}
      100%{transform:translateX(-50%) scale(1);opacity:1;}
    }
    #toast.app-toast.toast-center{
      top:50%;
      bottom:auto;
      transform:translate(-50%,-50%) scale(.84);
    }
    #toast.app-toast.toast-center.is-visible{
      transform:translate(-50%,-50%) scale(1);
      animation:toastPopInCenter 360ms cubic-bezier(.22,1,.36,1);
    }
    @keyframes toastPopInCenter{
      0%{transform:translate(-50%,-50%) scale(.72);opacity:0;}
      62%{transform:translate(-50%,-50%) scale(1.06);opacity:1;}
      100%{transform:translate(-50%,-50%) scale(1);opacity:1;}
    }
    #toast.app-toast.toast-compact{
      min-width:120px;
      max-width:min(90vw,340px);
      padding:8px 10px;
      font-size:.86rem;
    }
    @media (max-width:560px){
      #toast.app-toast{
        bottom:16px;
      }
    }
    .catalog-inline-host .voucher{display:inline-flex;flex-wrap:nowrap;justify-content:center;align-items:center;white-space:nowrap;padding:10px 23px;background:#fff;border:2px dashed #bbb;border-radius:20px;font-size:18px;font-weight:bold;color:#333;box-shadow:0 2px 6px rgba(0,0,0,0.15);margin-top:20px;text-align:right;position:relative;}
    .catalog-inline-host .voucher::before,.catalog-inline-host .voucher::after{content:'';position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 2px #bbb;}
    .catalog-inline-host .voucher::before{left:-10px;}
    .catalog-inline-host .voucher::after{right:-10px;}
    @media (max-width: 768px){.catalog-inline-host .catalog-hero{grid-template-columns:1fr;text-align:center;}.catalog-inline-host .catalog-hero img{max-width:240px;margin:0 auto;}}
    /* Unified pill inputs with floating label (catalog + modal) */
    .catalog-inline-host .player-extra-fields .player-field,
    #purchase-modal .pm-input,
    #purchase-modal .pm-extra-fields .pm-field{
      position:relative;
    }
    .catalog-inline-host .player-extra-fields .player-field > label,
    #purchase-modal .pm-input > label,
    #purchase-modal .pm-extra-fields .pm-field > label{
      position:absolute;
      top:6px;
      right:20px;
      margin:0;
      max-width:calc(100% - 58px);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      text-align:right;
      font-size:.82rem;
      font-weight:700;
      color:var(--muted, #94a3b8);
      pointer-events:none;
      z-index:1;
    }
    #purchase-modal #modal-qty,
    #purchase-modal #modal-qty-value,
    #purchase-modal .pm-select-value,
    #purchase-modal .pm-select-trigger,
    #purchase-modal #modal-qty-row > label,
    #purchase-modal .pm-input > label,
    #purchase-modal .pm-extra-fields .pm-field > label{
      color:var(--text) !important;
    }
    .catalog-inline-host .player-field-input,
    #purchase-modal .pm-input input,
    #purchase-modal .pm-input select{
      height:56px !important;
      padding:18px 18px 10px !important;
      border-radius:999px !important;
      text-align:center;
      direction:ltr;
    }
    .catalog-inline-host .player-field-input::placeholder,
    #purchase-modal .pm-input input::placeholder,
    #purchase-modal .pm-input select::placeholder{
      color:transparent;
    }
    #purchase-modal .pm-input textarea,
    .catalog-inline-host .player-extra-fields textarea.player-field-input{
      border-radius:18px !important;
      padding-top:24px;
    }
    /* Rounded purchase/cancel buttons with hover */
    #purchase-modal .pm-actions .btn,
    #catalogPurchaseBtn,
    #catalogClearBtn{
      border-radius:999px !important;
      transition:transform .18s ease, box-shadow .22s ease, filter .18s ease, background-color .18s ease;
    }
    #purchase-modal .pm-actions .btn:hover,
    #catalogPurchaseBtn:hover,
    #catalogClearBtn:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 26px rgba(var(--site-accent-rgb, 148, 163, 184), .28);
      filter:brightness(1.03);
    }
    #catalogClearBtn:hover,
    #purchase-modal .pm-actions .btn-outline:hover{
      filter:brightness(1.02);
      box-shadow:0 10px 22px rgba(239,68,68,.2);
      background:#ef4444 !important;
      color:#ffffff !important;
      border-color:#ef4444 !important;
    }

/* inline-style-24 */
.legal-page{
      padding:0 16px 56px;
      color:var(--text);
    }
    .legal-page .legal-spacer{height:70px;}
    .legal-page .legal-wrap{
      max-width:960px;
      margin:28px auto;
      background:var(--card-bg);
      border:1px solid var(--card-border-strong);
      border-radius:18px;
      padding:24px;
      box-shadow:var(--card-shadow);
      line-height:1.85;
    }
    .legal-page h2{
      margin:0 0 8px;
      color:var(--text);
      font-size:1.45rem;
    }
    .legal-page .legal-updated{
      margin:0 0 18px;
      color:var(--legal-updated-color, var(--muted));
      font-weight:700;
      font-size:.92rem;
    }
    .legal-page h3{
      margin:18px 0 8px;
      font-size:1.04rem;
      color:var(--text);
    }
    .legal-page p,
    .legal-page li{
      margin:0 0 10px;
      color:var(--text);
      font-size:.97rem;
    }
    .legal-page ul{
      margin:0 0 10px;
      padding-inline-start:18px;
    }
    .legal-page .legal-note{
      margin-top:16px;
      padding:12px 14px;
      border-radius:12px;
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .12);
      border:1px solid var(--card-border);
      color:var(--text);
      font-weight:700;
    }
    .legal-mini-links{
      display:none;
      width:100%;
      text-align:center;
      margin:14px 0 20px;
      font-size:.84rem;
      color:var(--text);
      opacity:.92;
      text-shadow:0 1px 12px rgba(0,0,0,.28);
      user-select:none;
    }
    /* Keep legal links at the bottom on home/categories view */
    body:not(.inline-view) > main{
      min-height:calc(100vh - 150px);
      display:flex;
      flex-direction:column;
    }
    body:not(.inline-view) > main .home-sections{
      flex:1 0 auto;
    }
    body:not(.inline-view) > main .legal-mini-links{
      margin-top:auto;
      padding-top:100px;
      padding-bottom:0px;
    }
    /* Hide legal links early during inline-route loading to avoid top flash. */
    html.pre-inline-route .legal-mini-links{
      display:none !important;
    }
    /* In inline views (including product/catalog pages), hide legal links from the top area. */
    body.inline-view .legal-mini-links,
    body.catalog-inline-active .legal-mini-links{
      display:none !important;
    }
    body[data-inline-route="settings"] .legal-mini-links,
    body.inline-view[data-inline-route="settings"] .legal-mini-links{
      display:block !important;
    }
    :root{
      --app-header-height:70px;
      --app-header-gap:18px;
      --app-header-offset:calc(var(--app-header-height) + var(--app-header-gap));
      --app-hero-gap:12px;
      --app-hero-gap-mobile:8px;
    }
    @media(max-width:600px){
      :root{
        --app-header-height:70px;
        --app-header-gap:14px;
        --app-header-offset:calc(var(--app-header-height) + var(--app-header-gap));
      }
    }
    /* Keep all non-login views aligned under the fixed header. */
    body:not(.login-route-active):not([data-inline-route="login"]):not(:has(#loginInline:not(.hidden))){
      padding-top:var(--app-header-offset) !important;
    }
    body.inline-view:not(.login-route-active):not([data-inline-route="login"]):not(:has(#loginInline:not(.hidden))){
      padding-top:var(--app-header-offset) !important;
    }
    /* Login keeps the fixed header available, so reserve its top space. */
    body.inline-view[data-inline-route="login"]{
      padding-top:var(--app-header-offset) !important;
    }
    html.pre-login-route,
    html.pre-login-route body,
    body:has(#loginInline:not(.hidden)){
      background:#070b12 !important;
    }
    html[data-theme="light"].pre-login-route,
    html[data-theme="light"].pre-login-route body,
    html.pre-login-route body.light-mode,
    html[data-theme="light"] body.login-route-active,
    html[data-theme="light"] body[data-inline-route="login"],
    html[data-theme="light"] body:has(#loginInline:not(.hidden)),
    body.light-mode.login-route-active,
    body.light-mode[data-inline-route="login"],
    body.light-mode:has(#loginInline:not(.hidden)){
      background:#f1f3f8 !important;
      background-color:#f1f3f8 !important;
    }
    html.pre-login-route body,
    body.login-route-active,
    body[data-inline-route="login"],
    body:has(#loginInline:not(.hidden)){
      padding-top:var(--app-header-offset) !important;
      padding-bottom:0 !important;
      margin-top:0 !important;
    }
    html.pre-login-route body::before,
    html.pre-login-route body::after,
    body.login-route-active::before,
    body.login-route-active::after,
    body:has(#loginInline:not(.hidden))::before,
    body:has(#loginInline:not(.hidden))::after{
      display:none !important;
      background:none !important;
    }
    html.pre-login-route .mobile-dock,
    body.login-route-active .mobile-dock,
    body[data-inline-route="login"] .mobile-dock,
    body:has(#loginInline:not(.hidden)) .mobile-dock{
      display:none !important;
    }
    body.inline-view > div[style*="height:70px"],
    body.inline-view > div[style*="height: 70px"]{
      display:none !important;
      height:0 !important;
      margin:0 !important;
      padding:0 !important;
    }
    .legal-mini-links a{
      color:var(--site-accent-runtime-light, var(--site-accent-runtime, #9c9ede));
      text-decoration:none;
      font-weight:700;
      transition:color .2s ease;
    }
    html[data-theme="light"] .legal-mini-links a,
    body.light-mode .legal-mini-links a{
      color:var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3b3e8c)));
    }
    html[data-theme="dark"] .legal-mini-links a,
    body.dark-mode .legal-mini-links a{
      color:var(--site-accent-runtime-light, var(--primary-light, var(--accent-theme, #9c9ede)));
    }
    html[data-theme="dark"] .legal-mini-links,
    body.dark-mode .legal-mini-links{
      color:#e5e7eb;
      opacity:.96;
      text-shadow:0 1px 14px rgba(0,0,0,.36);
    }
    html[data-theme="light"] .legal-mini-links,
    body.light-mode .legal-mini-links{
      color:#334155;
      opacity:.95;
      text-shadow:none;
    }
    .legal-mini-links a:hover{color:var(--text);text-decoration:underline;}
    body[data-inline-route="deposit"] .legal-mini-links,
    body[data-inline-route="edaa"] .legal-mini-links{display:none !important;}
    @media(max-width:720px){
      .legal-page .legal-spacer{height:54px;}
      .legal-page .legal-wrap{margin:20px 8px;padding:20px;}
      .legal-mini-links{font-size:.8rem;}
    }

/* inline-style-25 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* #deposit-inline-frame-style */
.deposit-inline-shell{
      width:100%;
      min-height:70vh;
      border-radius:16px;
      overflow:hidden;
      background:transparent;
    }
    .deposit-inline-frame{
      width:100%;
      min-height:860px;
      border:0;
      border-radius:16px;
      background:transparent;
      display:block;
    }

/* inline-style-27 */
#wa-join-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background-color:rgba(6,8,20,.58);backdrop-filter:blur(2px);z-index:10000}
    #wa-join-modal .wa-modal-content{position:relative;direction:rtl;text-align:right;width:min(440px,94vw);border-radius:24px;padding:34px 32px 30px;background:linear-gradient(160deg,#4c52d1 0%,#2f347f 52%,#1d2059 100%);color:#f7f8ff;box-shadow:0 24px 64px rgba(24,27,84,.42);border:1px solid rgba(255,255,255,.16);overflow:hidden}
    html[data-theme="dark"] #wa-join-modal .wa-modal-content{background:linear-gradient(160deg,#272a63 0%,#151840 100%);box-shadow:0 24px 70px rgba(5,6,18,.64);border-color:rgba(124,126,208,.38)}
    #wa-join-modal .wa-close{position:absolute;top:18px;left:22px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(15,17,45,.45);color:#f6f7ff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease, transform .12s ease}
    #wa-join-modal .wa-close:hover{background:rgba(15,17,45,.62)}
    #wa-join-modal .wa-close:active{transform:scale(.94)}
    #wa-join-modal .wa-close:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
    html[data-theme="light"] #wa-join-modal .wa-close{background:rgba(255,255,255,.24);color:#1b1d3b}
    #wa-join-modal .wa-badge{display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,.15);border-radius:999px;margin:0 0 22px;font-size:.95rem;color:inherit}
    html[data-theme="light"] #wa-join-modal .wa-badge{background:rgba(255,255,255,.2)}
    #wa-join-modal .wa-wave{font-size:1.25rem}
    #wa-join-modal .wa-badge-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}
    #wa-join-modal .wa-badge-sub{font-size:.82rem;opacity:.84}
    #wa-join-modal .wa-badge-brand{font-size:1rem}
    #wa-join-modal h3{margin:0 0 14px;font-size:1.55rem;font-weight:700}
    #wa-join-modal p{margin:0 0 22px;font-size:1rem;color:rgba(245,246,255,.86);line-height:1.75}
    #wa-join-modal .wa-benefits{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:12px}
    #wa-join-modal .wa-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:.98rem;color:rgba(245,246,255,.9)}
    #wa-join-modal .wa-benefits i{color:#7fe3a0;font-size:1.15rem;margin-top:3px}
    #wa-join-modal .wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:999px;padding:14px 30px;font-size:1.08rem;font-weight:700;cursor:pointer;text-decoration:none;color:#fff;background:transparent;transition:transform .12s ease, box-shadow .25s ease, filter .2s ease}
    #wa-join-modal .wa-btn:active{transform:translateY(1px)}
    #wa-join-modal .wa-btn:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}
    #wa-join-modal .wa-btn i{font-size:1.15rem}
    #wa-join-modal .wa-primary{background:linear-gradient(135deg,var(--site-accent-runtime, var(--primary-light, var(--accent-theme, #7a7cd0))) 0%,var(--site-accent-runtime, var(--accent-theme, #5f61c7)) 50%,var(--site-accent-runtime-strong, var(--primary-dark, var(--accent-theme, #3f419f))) 100%);box-shadow:0 18px 42px rgba(var(--site-accent-rgb, 148, 163, 184), .45)}
    #wa-join-modal .wa-primary:hover{filter:brightness(1.05);box-shadow:0 24px 50px rgba(var(--site-accent-rgb, 148, 163, 184), .55)}
    #wa-join-modal .wa-note{margin:26px 0 0;font-size:.82rem;color:rgba(240,241,255,.72)}
    @media (max-width:480px){#wa-join-modal .wa-modal-content{padding:26px 22px 24px;border-radius:20px}#wa-join-modal .wa-close{top:14px;left:16px}}

/* #inline-top-gap-hard-lock */
/* Hard lock: prevent late-loaded/global CSS from adding top space in inline product views. */
    body.inline-view main{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body.inline-view #inlinePage,
    body.inline-view #inlinePage > *:first-child{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body.inline-view #inlinePage .search-container,
    body.inline-view #inlinePage > .search-container{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body.catalog-inline-active #catalogInlineHost,
    body.catalog-inline-active #catalogInlineHost .catalog-inline-host,
    body.catalog-inline-active #catalogInlineHost .catalog-inline-host .catalog-shell{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body.catalog-inline-active > main{
      display:none !important;
      margin:0 !important;
      padding:0 !important;
      min-height:0 !important;
      max-height:0 !important;
      overflow:hidden !important;
    }
    body.catalog-inline-active #catalogInlineHost .search-container{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body.catalog-inline-active #catalogInlineHost #catalogOffersContainer{
      margin-top:0 !important;
      padding-top:0 !important;
    }

/* #unified-card-system */
/* Single source of truth:
       main categories + sections + products + deposit all use same card design */
    :is(
      .catalog-branches,
      .home-sections .categories,
      body.inline-view #inlinePage > .categories,
      body.inline-view #inlinePage .categories
    ){
      grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr)) !important;
      gap:18px !important;
    }
    :is(
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer,
      body.catalog-inline-active .catalog-inline-host .inline-favorites-grid,
      #depositInlineContainer #grid,
      body[data-inline-route="deposit"] #grid.categories,
      body[data-inline-route="edaa"] #grid.categories
    ){
      grid-template-columns:repeat(var(--site-product-grid-desktop, 5),minmax(0,1fr)) !important;
      gap:18px !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ){
      position:relative !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
      border-radius:0 !important;
      padding:0 !important;
      gap:10px !important;
      overflow:visible !important;
      transform:none !important;
    }
    :is(
      .catalog-branch-card::after,
      .home-sections .categories > .card::after,
      body.inline-view #inlinePage > .categories > .card::after,
      body.inline-view #inlinePage .categories > .card::after,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card::after,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"]::after,
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card::after,
      #depositInlineContainer #grid .card::after,
      body[data-inline-route="deposit"] #grid.categories .card::after,
      body[data-inline-route="edaa"] #grid.categories .card::after
    ){
      content:none !important;
      display:none !important;
    }
    :is(
      .catalog-branch-card:hover,
      .home-sections .categories > .card:hover,
      body.inline-view #inlinePage > .categories > .card:hover,
      body.inline-view #inlinePage .categories > .card:hover,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card:hover,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"]:hover,
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card:hover,
      #depositInlineContainer #grid .card:hover,
      body[data-inline-route="deposit"] #grid.categories .card:hover,
      body[data-inline-route="edaa"] #grid.categories .card:hover
    ){
      transform:none !important;
      border-color:transparent !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card img,
      .home-sections .categories > .card img,
      body.inline-view #inlinePage > .categories > .card img,
      body.inline-view #inlinePage .categories > .card img,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card img,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"] img,
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card img,
      #depositInlineContainer #grid .card img,
      body[data-inline-route="deposit"] #grid.categories .card img,
      body[data-inline-route="edaa"] #grid.categories .card img
    ){
      width:100% !important;
      aspect-ratio:1/1 !important;
      object-fit:cover !important;
      object-position:center !important;
      border:none !important;
      box-shadow:none !important;
      border-radius:16px 16px 0 0 !important;
      margin:0 !important;
      display:block !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media{
      position:relative !important;
      width:100% !important;
      aspect-ratio:1/1 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
      border-radius:18px !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
      margin:0 !important;
    }
    html[data-theme="dark"] :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media{
      background:none !important;
      background-image:none !important;
      background-color:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media img{
      width:100% !important;
      height:100% !important;
      aspect-ratio:auto !important;
      object-fit:cover !important;
      object-position:center !important;
      border:none !important;
      box-shadow:none !important;
      border-radius:inherit !important;
      margin:0 !important;
      display:block !important;
      background:transparent !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty{
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    html[data-theme="dark"] :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty{
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty img{
      width:min(44%, 96px) !important;
      height:auto !important;
      aspect-ratio:1/1 !important;
      object-fit:contain !important;
      border-radius:0 !important;
      opacity:.96 !important;
      filter:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media-badge{
      display:none !important;
    }
    :is(
      .catalog-branch-card,
     .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
     body.inline-view #inlinePage .categories > .card,
  body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
  body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
   body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media-badge::before{
      display:none !important;
  }
    :is(
      .catalog-branch-card,
   .home-sections .categories > .card,
  body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
   body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media{
      border-radius:inherit !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    html[data-theme="dark"] :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media{
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media img{
      border-radius:inherit !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty{
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty img{
      width:min(44%, 96px) !important;
      height:auto !important;
      border-radius:0 !important;
      opacity:.96 !important;
      filter:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media-badge,
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media-badge::before{
      display:none !important;
      content:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media,
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card,
      body[data-inline-route="deposit"] #grid.categories .card,
      body[data-inline-route="edaa"] #grid.categories .card
    ) .catalog-card-media.is-empty{
      background:none !important;
      background-image:none !important;
      background-color:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card h2,
      .home-sections .categories > .card h2,
      body.inline-view #inlinePage > .categories > .card h2,
      body.inline-view #inlinePage .categories > .card h2,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card h2,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"] h2,
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card h2,
      #depositInlineContainer #grid .card h2,
      body[data-inline-route="deposit"] #grid.categories .card h2,
      body[data-inline-route="edaa"] #grid.categories .card h2
    ){
      position:static !important;
      margin:0 !important;
      padding:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      line-height:1.3 !important;
      text-align:center !important;
    }
    :is(
      .catalog-branch-card h2,
      .home-sections .categories > .card:not([data-card-type="product"]) h2,
      body.inline-view #inlinePage > .categories > .card:not([data-card-type="product"]) h2,
      body.inline-view #inlinePage .categories > .card:not([data-card-type="product"]) h2,
      body.catalog-inline-active .catalog-inline-host .categories .card:not([data-card-type="product"]) h2,
      #depositInlineContainer #grid .card:not([data-card-type="product"]) h2,
      body[data-inline-route="deposit"] #grid.categories .card:not([data-card-type="product"]) h2,
      body[data-inline-route="edaa"] #grid.categories .card:not([data-card-type="product"]) h2
    ){
      font-size:var(--site-category-title-size, .95rem) !important;
    }
    :is(
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card h2,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"] h2,
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card h2,
      #depositInlineContainer #grid .card[data-card-type="product"] h2,
      body[data-inline-route="deposit"] #grid.categories .card[data-card-type="product"] h2,
      body[data-inline-route="edaa"] #grid.categories .card[data-card-type="product"] h2
    ){
      font-size:var(--site-product-title-size, .95rem) !important;
      unicode-bidi:plaintext !important;
    }
    :is(
      .catalog-branch-card,
      .card.catalog-card,
      .catalog-offer,
      .inline-favorite-card,
      a.card.auto,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card
    ){
      background:none !important;
      background-image:none !important;
      background-color:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .card.catalog-card,
      .catalog-offer,
      .inline-favorite-card,
      a.card.auto,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card
    )::after{
      content:none !important;
      display:none !important;
      background:none !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .card.catalog-card,
      .catalog-offer,
      .inline-favorite-card,
      a.card.auto,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card
    ) img,
    :is(
      .catalog-branch-card,
      .card.catalog-card,
      .catalog-offer,
      .inline-favorite-card,
      a.card.auto,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card
    ) .catalog-card-media,
    :is(
      .catalog-branch-card,
      .card.catalog-card,
      .catalog-offer,
      .inline-favorite-card,
      a.card.auto,
      .home-sections .categories > .card,
      body.inline-view #inlinePage > .categories > .card,
      body.inline-view #inlinePage .categories > .card,
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card
    ) .catalog-card-media img{
      background:none !important;
      background-image:none !important;
      background-color:transparent !important;
      box-shadow:none !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card:not([data-card-type="product"]),
      body.inline-view #inlinePage > .categories > .card:not([data-card-type="product"]),
      body.inline-view #inlinePage .categories > .card:not([data-card-type="product"]),
      body.catalog-inline-active .catalog-inline-host .categories .card:not([data-card-type="product"]),
      #depositInlineContainer #grid .card:not([data-card-type="product"]),
      body[data-inline-route="deposit"] #grid.categories .card:not([data-card-type="product"]),
      body[data-inline-route="edaa"] #grid.categories .card:not([data-card-type="product"])
    ) .catalog-card-media{
      aspect-ratio:var(--site-category-image-shape, 1/1) !important;
      border-radius:var(--site-category-image-radius, 18px 18px 0 0) !important;
    }
    :is(
      .catalog-branch-card,
      .home-sections .categories > .card:not([data-card-type="product"]),
      body.inline-view #inlinePage > .categories > .card:not([data-card-type="product"]),
      body.inline-view #inlinePage .categories > .card:not([data-card-type="product"]),
      body.catalog-inline-active .catalog-inline-host .categories .card:not([data-card-type="product"]),
      #depositInlineContainer #grid .card:not([data-card-type="product"]),
      body[data-inline-route="deposit"] #grid.categories .card:not([data-card-type="product"]),
      body[data-inline-route="edaa"] #grid.categories .card:not([data-card-type="product"])
    ) img{
      aspect-ratio:var(--site-category-image-shape, 1/1) !important;
      object-fit:cover !important;
      border-radius:var(--site-category-image-radius, 18px 18px 0 0) !important;
    }
    :is(
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      .home-sections .categories > .card[data-card-type="product"],
      .catalog-inline-host .categories .card[data-card-type="product"],
      body.inline-view #inlinePage > .categories > .card[data-card-type="product"],
      body.inline-view #inlinePage .categories > .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card[data-card-type="product"],
      body[data-inline-route="deposit"] #grid.categories .card[data-card-type="product"],
      body[data-inline-route="edaa"] #grid.categories .card[data-card-type="product"]
    ) .catalog-card-media{
      aspect-ratio:var(--site-product-image-shape, 1/1) !important;
      border-radius:var(--site-product-image-radius, 18px 18px 0 0) !important;
      overflow:hidden !important;
      -webkit-clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
      clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
    }
    :is(
      body.catalog-inline-active .catalog-inline-host #catalogOffersContainer > .offer-box.card,
      .home-sections .categories > .card[data-card-type="product"],
      .catalog-inline-host .categories .card[data-card-type="product"],
      body.inline-view #inlinePage > .categories > .card[data-card-type="product"],
      body.inline-view #inlinePage .categories > .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .categories .card[data-card-type="product"],
      body.catalog-inline-active .catalog-inline-host .inline-favorite-card,
      #depositInlineContainer #grid .card[data-card-type="product"],
      body[data-inline-route="deposit"] #grid.categories .card[data-card-type="product"],
      body[data-inline-route="edaa"] #grid.categories .card[data-card-type="product"]
    ) img{
      aspect-ratio:var(--site-product-image-shape, 1/1) !important;
      object-fit:cover !important;
      border-radius:var(--site-product-image-radius, 18px 18px 0 0) !important;
      overflow:hidden !important;
      -webkit-clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
      clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
    }
    @media (max-width:1100px){
      :is(
        .catalog-branches,
        .home-sections .categories,
        body.inline-view #inlinePage > .categories,
        body.inline-view #inlinePage .categories
      ){
        grid-template-columns:repeat(var(--site-category-grid-desktop, 5),minmax(0,1fr)) !important;
        gap:14px !important;
      }
      :is(
        body.catalog-inline-active .catalog-inline-host #catalogOffersContainer,
        body.catalog-inline-active .catalog-inline-host .inline-favorites-grid,
        #depositInlineContainer #grid,
        body[data-inline-route="deposit"] #grid.categories,
        body[data-inline-route="edaa"] #grid.categories
      ){
        grid-template-columns:repeat(var(--site-product-grid-desktop, 5),minmax(0,1fr)) !important;
        gap:14px !important;
      }
    }
    @media (max-width:760px){
      :is(
        .catalog-branches,
        .home-sections .categories,
        body.inline-view #inlinePage > .categories,
        body.inline-view #inlinePage .categories
      ){
        grid-template-columns:repeat(var(--site-category-grid-mobile, 3),minmax(0,1fr)) !important;
        gap:10px !important;
      }
      :is(
        body.catalog-inline-active .catalog-inline-host #catalogOffersContainer,
        body.catalog-inline-active .catalog-inline-host .inline-favorites-grid,
        #depositInlineContainer #grid,
        body[data-inline-route="deposit"] #grid.categories,
        body[data-inline-route="edaa"] #grid.categories
      ){
        grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr)) !important;
        gap:10px !important;
      }
    }

/* #catalog-progressive-render */
.catalog-cards-sentinel{
      grid-column:1 / -1;
      width:100%;
      height:1px;
      opacity:0;
      pointer-events:none;
    }

/* inline-style-31 */
.support-dock-admin-hidden{
      display:none !important;
    }

/* #final-dynamic-theme-surfaces */
html[data-theme="dark"],
    html[data-theme="dark"] body,
    body.dark-mode{
      --bg:#0C0C0C !important;
      --bg-app:#0C0C0C !important;
      --modal-bg:#0C0C0C !important;
      --card-bg:#0C0C0C !important;
      --input-bg:#0C0C0C !important;
      --card-gradient:#0C0C0C !important;
      --surface-tint:#0C0C0C !important;
      background:#0C0C0C !important;
      background-color:#0C0C0C !important;
      background-image:none !important;
    }
    html[data-theme="dark"] :is(
      body,
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ),
    body.dark-mode :is(
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ){
      background:#0C0C0C !important;
      background-image:none !important;
    }
    html[data-theme="dark"] :is(
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body
    ),
    body.dark-mode :is(
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
    }
    html[data-theme="light"],
    html[data-theme="light"] body,
    body.light-mode{
      --bg:#DCDCDC !important;
      --bg-app:#DCDCDC !important;
      --modal-bg:#DCDCDC !important;
      --card-bg:#DCDCDC !important;
      --input-bg:#DCDCDC !important;
      --card-gradient:#DCDCDC !important;
      --surface-tint:#DCDCDC !important;
      background:#DCDCDC !important;
      background-color:#DCDCDC !important;
      background-image:none !important;
    }
    html[data-theme="light"] :is(
      body,
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ),
    body.light-mode :is(
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ){
      background:#DCDCDC !important;
      background-image:none !important;
    }
    html[data-theme="light"] :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body
    ),
    body.light-mode :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
    }
    :is(
      .modal-content,
      .transfer-modal,
      .telegram-link-page .container,
      .agents-card,
      .agents-empty,
      .wallet-history-modal-card,
      #purchase-modal .pm-card,
      #depositInlineApp #methodModal .modal-content,
      #securityMethodModal .modal-content,
      #telegramLinkCodeModal .modal-content,
      #transferTotpModal .modal-content,
      #securityAlertModal .modal-content,
      #securityEmailCodeModal .modal-content,
      .currency-pm-select-menu,
      .lang-pm-select-menu,
      #sidebar .sidebar-currency-menu,
      .smm-select-dropdown
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
    }
    :is(
      input,
      textarea,
      select,
      .search-container input[type="text"],
      .catalog-inline-host .search-container input[type="text"],
      .transfer-page .transfer-field input,
      .transfer-page .transfer-field textarea,
      .telegram-link-page .telegram-link-input,
      .settings-page .telegram-link-input,
      .orders-search input,
      .reviews-page .reply-box .reply-input,
      #apiInlineRoot .api-inline-input,
      .security-input input,
      .smm-inline-field,
      .smm-select-trigger,
      #depositInlineApp #methodModal .calc,
      #depositInlineApp #methodModal .calc input
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:none !important;
    }
    :is(input,textarea,select,.search-container input[type="text"],.smm-select-trigger):focus,
    :is(input,textarea,select,.search-container input[type="text"],.smm-select-trigger):focus-visible{
      border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
      box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .24) !important;
    }
    html[data-theme="light"] #loginInline,
    body.light-mode #loginInline{
      --login-fixed-surface:#ffffff !important;
      --surface:#ffffff !important;
      --surface-2:#ffffff !important;
      --field-bg:#ffffff !important;
    }
    html[data-theme="light"] #loginInline :is(
      .form-side,
      .card,
      .login-box,
      .modal-content,
      .input-group input,
      .input-group input:focus,
      .input-group i,
      .phone-group,
      .phone-group:focus-within,
      .phone-group .iti,
      .phone-group .iti__flag-container,
      .phone-group .iti__selected-flag,
      .phone-group .iti__selected-flag:hover,
      .phone-group .iti__selected-flag:focus,
      .phone-group input[type="tel"],
      .phone-group input[type="tel"]:focus,
      .phone-group .iti input,
      .phone-group .iti input:focus,
      .phone-group .iti input[type="tel"],
      .phone-group .iti input[type="tel"]:focus,
      #googleUsernameInput
    ),
    body.light-mode #loginInline :is(
      .form-side,
      .card,
      .login-box,
      .modal-content,
      .input-group input,
      .input-group input:focus,
      .input-group i,
      .phone-group,
      .phone-group:focus-within,
      .phone-group .iti,
      .phone-group .iti__flag-container,
      .phone-group .iti__selected-flag,
      .phone-group .iti__selected-flag:hover,
      .phone-group .iti__selected-flag:focus,
      .phone-group input[type="tel"],
      .phone-group input[type="tel"]:focus,
      .phone-group .iti input,
      .phone-group .iti input:focus,
      .phone-group .iti input[type="tel"],
      .phone-group .iti input[type="tel"]:focus,
      #googleUsernameInput
    ){
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:none !important;
      filter:none !important;
    }
    html[data-theme="light"] #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill,
    html[data-theme="light"] #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill:hover,
    html[data-theme="light"] #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill:focus,
    body.light-mode #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill,
    body.light-mode #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill:hover,
    body.light-mode #loginInline :is(.input-group input, .phone-group input[type="tel"]):-webkit-autofill:focus{
      -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
      -webkit-text-fill-color:var(--text) !important;
      caret-color:var(--text) !important;
    }
    :is(
      h1,h2,h3,
      .section-title,
      .footer-title,
      .transfer-page h2,
      .telegram-link-page h2,
      .agents-header h2,
      .telegram-link-page .label,
      .telegram-link-page .label i,
      .transfer-modal h3,
      .transfer-modal .confirm-label,
      .currency-pm-select-option.selected,
      .lang-pm-select-option.selected,
      #sidebar .sidebar-currency-option.active
    ){
      color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    html[data-theme="dark"] :is(
      h1,h2,h3,
      .section-title,
      .footer-title,
      .transfer-page h2,
      .telegram-link-page h2,
      .agents-header h2,
      .telegram-link-page .label,
      .telegram-link-page .label i,
      .transfer-modal h3,
      .transfer-modal .confirm-label,
      .currency-pm-select-option.selected,
      .lang-pm-select-option.selected,
      #sidebar .sidebar-currency-option.active
    ),
    body.dark-mode :is(
      h1,h2,h3,
      .section-title,
      .footer-title,
      .transfer-page h2,
      .telegram-link-page h2,
      .agents-header h2,
      .telegram-link-page .label,
      .telegram-link-page .label i,
      .transfer-modal h3,
      .transfer-modal .confirm-label,
      .currency-pm-select-option.selected,
      .lang-pm-select-option.selected,
      #sidebar .sidebar-currency-option.active
    ){
      color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #9c9ede))) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    :is(.currency-pm-select-option,.lang-pm-select-option,#sidebar .sidebar-currency-option,.smm-option){
      color:var(--text) !important;
      background:transparent !important;
    }
    :is(.currency-pm-select-option:hover,.currency-pm-select-option:focus,.currency-pm-select-option.selected,
        .lang-pm-select-option:hover,.lang-pm-select-option:focus,.lang-pm-select-option.selected,
        #sidebar .sidebar-currency-option:hover,#sidebar .sidebar-currency-option.active,
        .smm-option:hover,.smm-option.is-selected){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .22) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .44) !important;
    }
    :is(
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      #ordersContainer .content-container,
      #ordersContainer .orders-list,
      #ordersContainer #ordersList,
      #ordersContainer .order-card,
      #ordersContainer .order-header,
      #ordersContainer #ordersEmptyMessage,
      #paymentsContainer,
      #paymentsContainer .content-container,
      #paymentsContainer .list,
      #paymentsContainer #paymentsList,
      #paymentsContainer .empty,
      #paymentsContainer .wallet-empty,
      #paymentsContainer .payment-empty,
      body[data-inline-route="dafaati"] .wallet-page,
      body[data-inline-route="dafaati"] .wallet-page main,
      body[data-inline-route="dafaati"] .wallet-page .list,
      body[data-inline-route="dafaati"] .wallet-page #paymentsList,
      body[data-inline-route="dafaati"] .wallet-page .empty,
      body[data-inline-route="dafaati"] .wallet-page .wallet-empty
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
      box-shadow:none !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
    }
    :is(
      .security-input,
      .security-input input,
      .security-secret,
      .security-method-switch,
      .security-btn.ghost,
      .security-btn.ghost.neutral,
      #ordersContainer .orders-search,
      #ordersContainer .orders-search:hover,
      #ordersContainer .orders-search:focus-within,
      #ordersContainer .orders-search input,
      #ordersContainer .orders-search input:hover,
      #ordersContainer .orders-search input:focus,
      #ordersContainer .orders-search input:active,
      #paymentsContainer .chip,
      #paymentsContainer #paymentsDateChip,
      body[data-inline-route="dafaati"] .wallet-page .chip,
      body[data-inline-route="dafaati"] .wallet-page #paymentsDateChip,
      #ordersContainer .chip,
      #ordersContainer #dateChip
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      box-shadow:none !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .38) !important;
    }
    :is(
      .security-header h2,
      .security-devices h3,
      #ordersContainer h2,
      #ordersContainer h2 i,
      #ordersContainer .orders-search i,
      #ordersContainer #ordersEmptyMessage .caption,
      #paymentsContainer h2,
      #paymentsContainer h2 i,
      body[data-inline-route="dafaati"] .wallet-page h2,
      body[data-inline-route="dafaati"] .wallet-page h2 i
    ){
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    :is(
      .security-card,
      .security-devices-card,
      #ordersContainer .content-container,
      #ordersContainer .orders-list,
      #ordersContainer #ordersList,
      #paymentsContainer,
      #paymentsContainer .content-container,
      body[data-inline-route="dafaati"] .wallet-page main,
      body[data-inline-route="dafaati"] .wallet-page .list
    ){
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .45) !important;
    }
    :is(
      .security-badge,
      #paymentsContainer .chip.active,
      #paymentsContainer .chip[aria-pressed="true"],
      body[data-inline-route="dafaati"] .wallet-page .chip.active,
      body[data-inline-route="dafaati"] .wallet-page .chip[aria-pressed="true"],
      #ordersContainer .chip.active,
      #ordersContainer .chip[aria-pressed="true"],
      #ordersContainer #dateChip.active,
      #paymentsContainer #paymentsDateChip.active,
      body[data-inline-route="dafaati"] .wallet-page #paymentsDateChip.active
    ){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .16) !important;
      color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
      border-color:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
      box-shadow:none !important;
    }
    html[data-theme="dark"] :is(
      .security-badge,
      #paymentsContainer .chip.active,
      #paymentsContainer .chip[aria-pressed="true"],
      body[data-inline-route="dafaati"] .wallet-page .chip.active,
      body[data-inline-route="dafaati"] .wallet-page .chip[aria-pressed="true"],
      #ordersContainer .chip.active,
      #ordersContainer .chip[aria-pressed="true"],
      #ordersContainer #dateChip.active,
      #paymentsContainer #paymentsDateChip.active,
      body[data-inline-route="dafaati"] .wallet-page #paymentsDateChip.active
    ),
    body.dark-mode :is(
      .security-badge,
      #paymentsContainer .chip.active,
      #paymentsContainer .chip[aria-pressed="true"],
      body[data-inline-route="dafaati"] .wallet-page .chip.active,
      body[data-inline-route="dafaati"] .wallet-page .chip[aria-pressed="true"],
      #ordersContainer .chip.active,
      #ordersContainer .chip[aria-pressed="true"],
      #ordersContainer #dateChip.active,
      #paymentsContainer #paymentsDateChip.active,
      body[data-inline-route="dafaati"] .wallet-page #paymentsDateChip.active
    ){
      color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #9c9ede))) !important;
      border-color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #9c9ede))) !important;
    }
    #paymentsContainer :is(.list,.empty,.wallet-empty,.payment-empty){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
    }
    body[data-inline-route="dafaati"] .wallet-page :is(.list,.empty,.wallet-empty,.payment-empty){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
    }
    body[data-inline-route="wallet"] .wallet-page,
    body[data-inline-route="wallet"] .wallet-page main,
    body[data-inline-route="wallet"] .wallet-page .list,
    body[data-inline-route="wallet"] .wallet-page #walletList,
    body[data-inline-route="wallet"] .wallet-page .empty,
    body[data-inline-route="wallet"] .wallet-page .wallet-empty,
    body[data-inline-route="wallet"] .wallet-page .payment-empty{
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      box-shadow:none !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
    }
    body[data-inline-route="wallet"] .wallet-page main{
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 18px 42px rgba(var(--site-accent-rgb, 148, 163, 184), .08) !important;
    }
    body[data-inline-route="wallet"] .wallet-page .list{
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .24) !important;
      border-radius:14px !important;
      padding:12px !important;
    }
    body[data-inline-route="wallet"] .wallet-page :is(h2,h2 span,h2 i){
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    body[data-inline-route="wallet"] .wallet-page :is(.chip,#walletDateChip){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:none !important;
    }
    body[data-inline-route="wallet"] .wallet-page :is(.chip:hover,#walletDateChip:hover){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .08) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .46) !important;
    }
    body[data-inline-route="wallet"] .wallet-page :is(.chip.active,.chip[aria-pressed="true"],#walletDateChip.active){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .14) !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .68) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .14) inset !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .modal-content,
    #depositInlineApp #methodModal .modal-content{
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 22px 56px rgba(var(--site-accent-rgb, 148, 163, 184), .10) !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .modal-content::before,
    #depositInlineApp #methodModal .modal-content::before{
      background:linear-gradient(90deg, rgba(var(--site-accent-rgb, 148, 163, 184), .28), rgba(var(--site-accent-rgb, 148, 163, 184), .06)) !important;
      opacity:.82 !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(h1,h2,h3,.modal-title,.method-title),
    #depositInlineApp #methodModal :is(h1,h2,h3,.modal-title,.method-title){
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(input,textarea,select,.calc,.field,.form-field,.amount-box,.copy-box,.method-field,.beneficiary-field,.proof-box,.upload-box),
    #depositInlineApp #methodModal :is(input,textarea,select,.calc,.field,.form-field,.amount-box,.copy-box,.method-field,.beneficiary-field,.proof-box,.upload-box){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:none !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(label,.label,.field-label,.badge,.pill),
    #depositInlineApp #methodModal :is(label,.label,.field-label,.badge,.pill){
      background:linear-gradient(180deg, rgba(var(--site-accent-rgb, 148, 163, 184), .07), rgba(var(--site-accent-rgb, 148, 163, 184), .03)), var(--bg-app) !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(button,.btn,.btn-primary,.submit,.upload-btn,.copy-btn),
    #depositInlineApp #methodModal :is(button,.btn,.btn-primary,.submit,.upload-btn,.copy-btn){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:none !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(button,.btn,.btn-primary,.submit,.upload-btn,.copy-btn):hover,
    #depositInlineApp #methodModal :is(button,.btn,.btn-primary,.submit,.upload-btn,.copy-btn):hover{
      background:linear-gradient(180deg, rgba(var(--site-accent-rgb, 148, 163, 184), .08), rgba(var(--site-accent-rgb, 148, 163, 184), .03)), var(--bg-app) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .58) !important;
    }
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.btn-primary,.submit,[type="submit"],.request-btn,.send-btn),
    #depositInlineApp #methodModal :is(.btn-primary,.submit,[type="submit"],.request-btn,.send-btn){
      background:linear-gradient(180deg, rgba(var(--site-accent-rgb, 148, 163, 184), .10), rgba(var(--site-accent-rgb, 148, 163, 184), .04)), var(--bg-app) !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .08) inset !important;
    }
    #depositInlineApp #methodModal :is(.calc .field,.rate-line,.rate-line .chip,.info-value,.info-item-fee .info-value,.info-item-group .info-value,.inline-extra-control),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.calc .field,.rate-line,.rate-line .chip,.info-value,.info-item-fee .info-value,.info-item-group .info-value,.inline-extra-control){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:none !important;
    }
    #depositInlineApp #methodModal :is(.calc label,.info-item strong,.info-item-fee strong,.info-item-group > strong,.inline-extra-label > :not(.inline-extra-badge)),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.calc label,.info-item strong,.info-item-fee strong,.info-item-group > strong,.inline-extra-label > :not(.inline-extra-badge)){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .08) inset !important;
    }
    #depositInlineApp #methodModal .inline-extra-label,
    #depositInlineApp #methodModal .dynamic-extra-label,
    #depositInlineApp #methodModal .inline-extra-label > :not(.inline-extra-badge),
    #depositInlineApp #methodModal .dynamic-extra-label > :not(.dynamic-extra-badge),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .inline-extra-label,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .dynamic-extra-label,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .inline-extra-label > :not(.inline-extra-badge),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .dynamic-extra-label > :not(.dynamic-extra-badge){
      background:transparent !important;
      background-image:none !important;
      border:0 !important;
      box-shadow:none !important;
      outline:0 !important;
    }
    #depositInlineApp #methodModal .inline-extra-label > :not(.inline-extra-badge),
    #depositInlineApp #methodModal .dynamic-extra-label > :not(.dynamic-extra-badge),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .inline-extra-label > :not(.inline-extra-badge),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .dynamic-extra-label > :not(.dynamic-extra-badge){
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:26px !important;
      padding:0 8px !important;
      border-radius:999px !important;
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .08) inset !important;
      outline:0 !important;
    }
    #depositInlineApp #methodModal #dynamicExtraFields,
    #depositInlineApp #methodModal .inline-extra-fields,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal #dynamicExtraFields,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal .inline-extra-fields{
      margin-top:-6px !important;
      margin-bottom:0 !important;
    }
    #depositInlineApp #methodModal :is(.info-value .value-text,.inline-extra-control,.calc input),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.info-value .value-text,.inline-extra-control,.calc input){
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    #depositInlineApp #methodModal :is(.copy-value-btn,.modal-x),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.copy-value-btn,.modal-x){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .10) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:none !important;
    }
    #depositInlineApp #methodModal :is(.info-item,.info-item-fee,.info-item-note,.info-item-group,.inline-extra-field),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal :is(.info-item,.info-item-fee,.info-item-note,.info-item-group,.inline-extra-field){
      background:transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
    }
    #depositInlineApp #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) :is(.info-value,.info-value.copyable-row,.info-value.copyable-long),
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) :is(.info-value,.info-value.copyable-row,.info-value.copyable-long){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border:1px solid rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:none !important;
    }
    #depositInlineApp #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) .info-value .value-text,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) .info-value .value-text{
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }
    #depositInlineApp #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) > strong,
    :is(
      body[data-inline-route="deposit"],
      body[data-inline-route="edaa"]
    ) #methodModal #methodInfo :is(.info-item,.inline-native-fee-item) > strong{
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .08) inset !important;
    }
    #ordersContainer #ordersEmptyMessage :is(.paper-back,.paper-front,.clip){
      fill:var(--site-accent-runtime, var(--accent-theme, #5c5ebf)) !important;
    }
    html[data-theme="dark"] #ordersContainer #ordersEmptyMessage :is(.paper-back,.paper-front,.clip),
    body.dark-mode #ordersContainer #ordersEmptyMessage :is(.paper-back,.paper-front,.clip){
      fill:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #9c9ede))) !important;
    }
    #ordersContainer :is(.chip,#dateChip),
    body[data-inline-route="orders"] #ordersContainer :is(.chip,#dateChip){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(148, 163, 184, .42) !important;
      box-shadow:none !important;
    }
    #ordersContainer :is(.chip.active,.chip[aria-pressed="true"],#dateChip.active),
    body[data-inline-route="orders"] #ordersContainer :is(.chip.active,.chip[aria-pressed="true"],#dateChip.active){
      background:rgba(148, 163, 184, .12) !important;
      color:var(--text) !important;
      border-color:rgba(226, 232, 240, .72) !important;
      box-shadow:none !important;
    }
    html[data-theme="light"] #ordersContainer :is(.chip.active,.chip[aria-pressed="true"],#dateChip.active){
      background:rgba(15, 23, 42, .06) !important;
      border-color:rgba(15, 23, 42, .32) !important;
    }
    #ordersContainer #ordersEmptyMessage :is(.paper-back,.paper-front,.clip,.dot){
      fill:#64748b !important;
    }
    #ordersContainer #ordersEmptyMessage .paper-front{
      fill:#94a3b8 !important;
    }
    html[data-theme="dark"] #ordersContainer #ordersEmptyMessage :is(.paper-back,.clip,.dot),
    body.dark-mode #ordersContainer #ordersEmptyMessage :is(.paper-back,.clip,.dot){
      fill:#64748b !important;
    }
    html[data-theme="dark"] #ordersContainer #ordersEmptyMessage .paper-front,
    body.dark-mode #ordersContainer #ordersEmptyMessage .paper-front{
      fill:#94a3b8 !important;
    }
    .calendar-popover{
      background:rgba(0, 0, 0, .42) !important;
    }
    .calendar-panel{
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .36) !important;
      box-shadow:0 18px 42px rgba(var(--site-accent-rgb, 148, 163, 184), .10) !important;
    }
    .calendar-panel :is(.cal-nav,.calendar-mode-btn,.calendar-day){
      background:var(--bg-app) !important;
      background-image:none !important;
      color:var(--text) !important;
      border-color:rgba(148, 163, 184, .34) !important;
      box-shadow:none !important;
    }
    .calendar-panel :is(.cal-nav:hover,.calendar-mode-btn:hover,.calendar-day:hover){
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .08) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .42) !important;
    }
    .calendar-panel :is(.calendar-mode-btn.active,.calendar-day.active,.calendar-day.range-start,.calendar-day.range-end){
      background:linear-gradient(180deg, rgba(var(--site-accent-rgb, 148, 163, 184), .22), rgba(var(--site-accent-rgb, 148, 163, 184), .10)) !important;
      color:var(--text) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .72) !important;
      box-shadow:0 0 0 1px rgba(var(--site-accent-rgb, 148, 163, 184), .18) inset !important;
      outline:none !important;
    }
    html[data-theme="light"] .calendar-panel :is(.calendar-mode-btn.active,.calendar-day.active,.calendar-day.range-start,.calendar-day.range-end){
      background:linear-gradient(180deg, rgba(var(--site-accent-rgb, 15, 23, 42), .18), rgba(var(--site-accent-rgb, 15, 23, 42), .08)) !important;
      border-color:rgba(var(--site-accent-rgb, 15, 23, 42), .56) !important;
    }
    .calendar-panel .calendar-day.in-range{
      background:rgba(var(--site-accent-rgb, 148, 163, 184), .08) !important;
      border-color:rgba(var(--site-accent-rgb, 148, 163, 184), .34) !important;
    }
    .calendar-panel .calendar-day.disabled{
      color:rgba(148, 163, 184, .46) !important;
      border-color:rgba(148, 163, 184, .18) !important;
      opacity:1 !important;
    }
    .calendar-panel .calendar-weekday,
    .calendar-panel .calendar-sub,
    .calendar-panel .calendar-selection{
      color:rgba(148, 163, 184, .92) !important;
    }
    .calendar-panel .calendar-day.has{
      background:rgba(148, 163, 184, .12) !important;
      color:var(--text) !important;
      border-color:rgba(148, 163, 184, .44) !important;
    }
    .calendar-panel .calendar-day .count{
      background:#64748b !important;
      color:#fff !important;
      box-shadow:none !important;
    }
    .telegram-link-page :is(.sub,.hint),
    #telegramLinkCodeModal .security-code-subtitle,
    #securityEmailCodeModal .security-code-subtitle,
    .agents-empty{
      color:var(--text) !important;
      -webkit-text-fill-color:currentColor !important;
    }

/* #final-flat-light-background */
html[data-theme="light"],
    html[data-theme="light"] body,
    body.light-mode{
      --bg:#DCDCDC !important;
      --bg-app:#DCDCDC !important;
      --modal-bg:#DCDCDC !important;
      --card-bg:#DCDCDC !important;
      --input-bg:#DCDCDC !important;
      --card-gradient:#DCDCDC !important;
      --surface-tint:#DCDCDC !important;
      background:#DCDCDC !important;
      background-color:#DCDCDC !important;
      background-image:none !important;
    }
    html[data-theme="light"] :is(
      body,
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ),
    body.light-mode :is(
      main,
      #inlinePage,
      .home-sections,
      .content-container,
      .catalog-inline-host,
      #depositInlineContainer,
      #depositInlineApp,
      .wallet-page,
      .settings-page,
      .security-page,
      .reviews-page,
      .transfer-page,
      .agents-page,
      .telegram-page,
      #apiInlineRoot,
      #ordersContainer,
      #paymentsContainer,
      #notFoundInline,
      .levels-page
    ){
      background:#DCDCDC !important;
      background-color:#DCDCDC !important;
      background-image:none !important;
    }
    html[data-theme="light"] :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-page main,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body,
      .calendar-panel
    ),
    body.light-mode :is(
      .content-container,
      .card,
      .offer-box,
      .catalog-branch-card,
      .inline-favorite-card,
      .order-card,
      .settings-page .container,
      .settings-page .info-card,
      .settings-page .theme-toggle,
      .settings-page #resetBtn,
      .settings-page .telegram-link-input,
      .settings-page .telegram-link-btn,
      .security-card,
      .security-devices-card,
      .security-enabled,
      .device-card,
      .reviews-page main,
      .reviews-page .reply-box,
      .wallet-page main,
      .wallet-page .list,
      .wallet-page .card,
      .wallet-page .empty,
      .wallet-empty,
      .payment-empty,
      .transfer-page main,
      .transfer-recipient,
      .transfer-field,
      .transfer-card,
      .transfer-panel,
      .transfer-modal,
      .modal-content,
      .levels-hero,
      .levels-stat,
      .levels-card,
      .levels-card-media,
      .smm-inline-form,
      .smm-inline-field,
      .smm-inline-select,
      .smm-select-trigger,
      .smm-select-dropdown,
      .smm-inline-description-body,
      .calendar-panel
    ){
      background:var(--bg-app) !important;
      background-image:none !important;
    }
    html[data-theme="light"] .transfer-page main::before,
    html[data-theme="light"] .transfer-page main::after,
    body.light-mode .transfer-page main::before,
    body.light-mode .transfer-page main::after,
    html[data-theme="light"] #depositInlineApp #methodModal .modal-content::before,
    body.light-mode #depositInlineApp #methodModal .modal-content::before,
    html[data-theme="light"] #notFoundInline .not-found-card::after,
    body.light-mode #notFoundInline .not-found-card::after,
    html[data-theme="light"] .catalog-branch-card::after,
    body.light-mode .catalog-branch-card::after{
      content:none !important;
      display:none !important;
      background:none !important;
      background-image:none !important;
    }
    html[data-theme="light"] #depositInlineApp #methodModal :is(
      label,
      .label,
      .field-label,
      .badge,
      .pill,
      button,
      .btn,
      .btn-primary,
      .btn-outline,
      .submit,
      .upload-btn,
      .copy-btn,
      [type="submit"],
      .request-btn,
      .send-btn,
      #proofTrigger,
      #submitDepositBtn
    ),
    body.light-mode #depositInlineApp #methodModal :is(
      label,
      .label,
      .field-label,
      .badge,
      .pill,
      button,
      .btn,
      .btn-primary,
      .btn-outline,
      .submit,
      .upload-btn,
      .copy-btn,
      [type="submit"],
      .request-btn,
      .send-btn,
      #proofTrigger,
      #submitDepositBtn
    ),
    html[data-theme="light"] .calendar-panel :is(.calendar-mode-btn.active,.calendar-day.active,.calendar-day.range-start,.calendar-day.range-end),
    body.light-mode .calendar-panel :is(.calendar-mode-btn.active,.calendar-day.active,.calendar-day.range-start,.calendar-day.range-end){
      background:var(--bg-app) !important;
      background-image:none !important;
    }

/* #final-inline-method-arrow-side */
html[dir="rtl"] #depositInlineApp #methodModal.inline-method-page .modal-x,
    html[data-lang="ar"] #depositInlineApp #methodModal.inline-method-page .modal-x{
      left:0 !important;
      right:auto !important;
      inset-inline-start:auto !important;
      inset-inline-end:0 !important;
    }

/* #final-toast-above-inline-method */
#toast.app-toast,
    .toast.app-toast{
      position:fixed !important;
      z-index:2147483647 !important;
      pointer-events:auto !important;
    }
    #toast.app-toast:not(.toast-center){
      left:50% !important;
      right:auto !important;
      top:auto !important;
      bottom:24px !important;
      transform:translateX(-50%) scale(.84) !important;
    }
    #toast.app-toast.is-visible,
    .toast.app-toast.is-visible{
      visibility:visible !important;
      opacity:1 !important;
    }
    #toast.app-toast.is-visible:not(.toast-center){
      transform:translateX(-50%) scale(1) !important;
    }
    @media (max-width:560px){
      #toast.app-toast:not(.toast-center){
        bottom:16px !important;
      }
    }

/* #final-transfer-dynamic-accent-guard */
.transfer-page{
  --transfer-dynamic-border:rgba(var(--site-accent-rgb, 148, 163, 184), .42);
  --transfer-dynamic-border-strong:rgba(var(--site-accent-rgb, 148, 163, 184), .58);
  --transfer-dynamic-soft:rgba(var(--site-accent-rgb, 148, 163, 184), .10);
  --transfer-dynamic-soft-2:rgba(var(--site-accent-rgb, 148, 163, 184), .18);
}
.transfer-page .transfer-field span,
.transfer-page .transfer-meta :is(.meta-card, .card) .title,
.transfer-page .copy-chip{
  color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #94a3b8))) !important;
  border-color:var(--transfer-dynamic-border) !important;
  background:linear-gradient(135deg,var(--transfer-dynamic-soft-2),var(--transfer-dynamic-soft)) !important;
}
.transfer-page .transfer-field input,
.transfer-page .transfer-field textarea,
.transfer-page .transfer-meta :is(.meta-card, .card) .value,
.transfer-page .transfer-helper,
.transfer-page .transfer-status{
  border-color:var(--transfer-dynamic-border) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(var(--site-accent-rgb, 148, 163, 184), .12) !important;
}
.transfer-page .transfer-field input:focus,
.transfer-page .transfer-field textarea:focus{
  border-color:var(--site-accent-runtime, var(--accent-theme, #94a3b8)) !important;
  box-shadow:0 0 0 3px rgba(var(--site-accent-rgb, 148, 163, 184), .22) !important;
}
.transfer-modal h3,
html[data-theme="light"] .transfer-modal h3,
body.dark-mode .transfer-modal h3,
.transfer-modal .confirm-label,
html[data-theme="light"] .transfer-modal .confirm-label,
body.dark-mode .transfer-modal .confirm-label{
  color:var(--site-accent-runtime-light, var(--site-accent-runtime, var(--accent-theme, #94a3b8))) !important;
}
.transfer-modal .btn-primary{
  background:linear-gradient(135deg,var(--site-accent-runtime-light, var(--accent-theme, #94a3b8)),var(--site-accent-runtime, var(--accent-theme, #94a3b8))) !important;
  border-color:var(--site-accent-runtime, var(--accent-theme, #94a3b8)) !important;
}

/* Clickable links in product and deposit descriptions */
#purchase-modal .pm-desc a,
#depositInlineApp #methodModal .value-text a,
#depositInlineApp #methodModal .inline-method-link,
body[data-inline-route="deposit"] #methodModal .value-text a,
body[data-inline-route="deposit"] #methodModal .inline-method-link,
body[data-inline-route="edaa"] #methodModal .value-text a,
body[data-inline-route="edaa"] #methodModal .inline-method-link,
.smm-inline-description-body a{
  color:#3b82f6 !important;
  -webkit-text-fill-color:#3b82f6 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
  cursor:pointer;
  pointer-events:auto !important;
  position:relative;
  z-index:3;
  direction:ltr;
  unicode-bidi:plaintext;
  overflow-wrap:anywhere;
}
#purchase-modal .pm-desc a:hover,
#depositInlineApp #methodModal .value-text a:hover,
#depositInlineApp #methodModal .inline-method-link:hover,
body[data-inline-route="deposit"] #methodModal .value-text a:hover,
body[data-inline-route="deposit"] #methodModal .inline-method-link:hover,
body[data-inline-route="edaa"] #methodModal .value-text a:hover,
body[data-inline-route="edaa"] #methodModal .inline-method-link:hover,
.smm-inline-description-body a:hover{
  color:#60a5fa !important;
  -webkit-text-fill-color:#60a5fa !important;
}

/* Favorites product cards must follow catalog product layout, not category layout. */
body.inline-view #inlinePage .categories.inline-favorites-grid,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"].inline-favorites-grid{
  display:grid !important;
  grid-template-columns:repeat(var(--site-product-grid-desktop, 5),minmax(0,1fr)) !important;
  gap:18px !important;
  width:min(100%,var(--home-section-width)) !important;
  max-width:var(--home-section-width) !important;
  margin:0 auto !important;
}
body.inline-view #inlinePage .inline-favorite-card,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:var(--site-product-image-radius, 18px 18px 0 0) !important;
  padding:0 !important;
  gap:10px !important;
  overflow:visible !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  cursor:pointer !important;
}
body.inline-view #inlinePage .inline-favorite-card::after,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card::after{
  content:none !important;
  display:none !important;
}
body.inline-view #inlinePage .inline-favorite-card .catalog-card-media,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card .catalog-card-media{
  position:relative !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  aspect-ratio:var(--site-product-image-shape, 1/1) !important;
  border-radius:var(--site-product-image-radius, 18px 18px 0 0) !important;
  -webkit-clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
  clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
}
body.inline-view #inlinePage .inline-favorite-card img,
body.inline-view #inlinePage .inline-favorite-card .catalog-card-media img,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card img,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card .catalog-card-media img{
  aspect-ratio:var(--site-product-image-shape, 1/1) !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:var(--site-product-image-radius, 18px 18px 0 0) !important;
  overflow:hidden !important;
  -webkit-clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
  clip-path:inset(0 round var(--site-product-image-radius, 18px 18px 0 0)) !important;
  margin:0 !important;
  display:block !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.inline-view #inlinePage .inline-favorite-card h2,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card h2{
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1.3 !important;
  text-align:center !important;
  font-size:var(--site-product-title-size, .95rem) !important;
  unicode-bidi:plaintext !important;
}
body.inline-view #inlinePage .inline-favorite-card .offer-price,
body.inline-view #inlinePage .categories[data-catalog-target="favorites"] > .inline-favorite-card .offer-price{
  font-size:.95rem !important;
  font-weight:700 !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  display:block !important;
  line-height:1.3 !important;
  text-align:center !important;
  background:transparent !important;
  border-radius:0 !important;
}
@media (max-width:760px){
  body.inline-view #inlinePage .categories.inline-favorites-grid,
  body.inline-view #inlinePage .categories[data-catalog-target="favorites"].inline-favorites-grid{
    grid-template-columns:repeat(var(--site-product-grid-mobile, 3),minmax(0,1fr)) !important;
    gap:10px !important;
  }
}

/* Keep floating navigation/support controls below blocking purchase and deposit forms. */
body.modal-open .mobile-dock,
body.modal-open #supportFloatingWidget,
body.modal-open #waJoinShortcutButton,
body.modal-open #siteSupportChatFab,
body:has(#purchase-modal.show) .mobile-dock,
body:has(#purchase-modal.show) #supportFloatingWidget,
body:has(#purchase-modal.show) #waJoinShortcutButton,
body:has(#purchase-modal.show) #siteSupportChatFab,
body:has(#catalogInlineHost.catalog-modal-only #purchase-modal.show) .mobile-dock,
body:has(#catalogInlineHost.catalog-modal-only #purchase-modal.show) #supportFloatingWidget,
body:has(#catalogInlineHost.catalog-modal-only #purchase-modal.show) #waJoinShortcutButton,
body:has(#catalogInlineHost.catalog-modal-only #purchase-modal.show) #siteSupportChatFab,
body:has(#depositInlineApp.method-modal-open) .mobile-dock,
body:has(#depositInlineApp.method-modal-open) #supportFloatingWidget,
body:has(#depositInlineApp.method-modal-open) #waJoinShortcutButton,
body:has(#depositInlineApp.method-modal-open) #siteSupportChatFab,
body:has(#depositInlineApp #methodModal:not(.hidden)) .mobile-dock,
body:has(#depositInlineApp #methodModal:not(.hidden)) #supportFloatingWidget,
body:has(#depositInlineApp #methodModal:not(.hidden)) #waJoinShortcutButton,
body:has(#depositInlineApp #methodModal:not(.hidden)) #siteSupportChatFab{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:0 !important;
}