/* Customer account area (test, 2026-10-01) */
.customer-page:not(.customer-auth-page) .customer-shell{max-width:1180px;margin:0 auto;padding:22px 20px 40px}
.acc-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}
.acc-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;border:1px solid rgba(169,163,212,.16);background:#120e29}
.acc-profile{display:flex;align-items:center;gap:10px;min-width:0}
.acc-av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#ff5a7a);color:#fff;font:800 1.15rem Inter,Cairo,sans-serif;box-shadow:0 6px 16px rgba(124,92,255,.35)}
.acc-profile>div{display:flex;flex-direction:column;min-width:0}
.acc-profile small{color:#8b84b8;font-size:.66rem;font-weight:700}
.acc-profile strong{color:#fff;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-profile span{color:#a9a3d4;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:end}
.acc-balance{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;border:1px solid transparent;background:radial-gradient(circle at 100% 0,rgba(255,90,122,.22),transparent 60%) padding-box,#1b1540 padding-box,linear-gradient(135deg,rgba(124,92,255,.8),rgba(255,90,122,.5)) border-box}
.acc-balance small{color:#c9c3ec;font-size:.72rem}
.acc-balance strong{color:#ffc04d;font:800 1.35rem Inter,Cairo,sans-serif;text-align:end}
.acc-balance a{margin-top:6px;display:flex;justify-content:center;padding:8px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#ff5a7a);color:#fff;font-weight:800;font-size:.8rem;text-decoration:none}
.customer-page .acc-nav{display:flex!important;flex-direction:column;gap:2px;margin:0!important;padding:0!important;border:0!important;background:none!important;flex-wrap:nowrap!important;overflow:visible!important}
.customer-page .acc-nav a{position:relative;display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:11px!important;border:0!important;background:transparent!important;color:#cfcaf0!important;font-size:.86rem!important;font-weight:700;text-decoration:none;min-height:0!important;box-shadow:none!important}
.customer-page .acc-nav a svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:#9a8cff}
.customer-page .acc-nav a:hover{background:rgba(124,92,255,.1)!important;color:#fff!important}
.customer-page .acc-nav a.active{background:rgba(124,92,255,.18)!important;color:#fff!important}
.customer-page .acc-nav a.active svg{color:#ff8aa2}
.customer-page .acc-nav a.active::before{content:"";position:absolute;inset-inline-start:-14px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(#7c5cff,#ff5a7a)}
.customer-page .acc-nav a b{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#ff5a7a;color:#fff;font-size:.68rem}
.acc-logout{margin:4px 0 0;padding-top:8px;border-top:1px solid rgba(169,163,212,.14)}
.acc-logout .customer-logout{width:100%;display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:11px!important;border:0!important;background:transparent!important;color:#ff8aa2!important;font-weight:700;font-size:.86rem;cursor:pointer;box-shadow:none!important}
.acc-logout .customer-logout:hover{background:rgba(255,90,122,.1)!important}
.acc-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.acc-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.acc-main>.admin-error,.acc-main>.admin-success{margin:0!important}
.acc-main>section,.acc-main .acc-card{margin:0!important}
.acc-card,.acc-main>.history-card,.acc-main>.wallet-overview,.acc-main>.customer-notification-center,.acc-main>.notification-preferences{padding:16px!important;border-radius:18px!important;border:1px solid rgba(169,163,212,.16)!important;background:#120e29!important;box-shadow:none!important}
.acc-main .customer-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px!important}
.acc-main .customer-section-head h2,.acc-main h2{margin:0!important;font-size:1.05rem!important;font-weight:900;color:#fff}
.acc-main .customer-section-head a{color:#b9a8ff;font-size:.8rem;font-weight:800;text-decoration:none}
.acc-overview{display:flex;flex-direction:column;gap:12px}
.acc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.acc-stats article{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;border:1px solid rgba(169,163,212,.16);background:#17122f}
.acc-stats small{color:#a9a3d4;font-size:.74rem;font-weight:700}
.acc-stats strong{color:#fff;font:800 1.45rem Inter,Cairo,sans-serif}
.acc-stats .st-balance strong{color:#ffc04d}
.acc-stats a{color:#b9a8ff;font-size:.76rem;font-weight:800;text-decoration:none}
.acc-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.acc-info div{padding:10px 12px;border-radius:12px;background:#17122f;border:1px solid rgba(169,163,212,.12);min-width:0}
.acc-info dt{color:#8b84b8;font-size:.7rem;font-weight:700}
.acc-info dd{margin:2px 0 0;color:#fff;font-weight:700;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.acc-filter button{padding:6px 12px;border-radius:999px;border:1px solid rgba(169,163,212,.22);background:transparent;color:#a9a3d4;font:700 .76rem Cairo,Inter,sans-serif;cursor:pointer}
.acc-filter button.active{background:linear-gradient(135deg,#7c5cff,#ff5a7a);border-color:transparent;color:#fff}
.acc-tl{display:flex;flex-direction:column;gap:6px}
.acc-tl-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:#17122f;border:1px solid rgba(169,163,212,.12)}
.acc-tl-item[hidden]{display:none}
.acc-tl-ic{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center}
.acc-tl-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kind-topup .acc-tl-ic{color:#3ddc84;background:rgba(61,220,132,.12)}
.kind-order .acc-tl-ic{color:#b9a8ff;background:rgba(124,92,255,.16)}
.kind-wallet .acc-tl-ic{color:#ffc04d;background:rgba(255,192,77,.12)}
.acc-tl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.acc-tl-body strong{color:#fff;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-tl-body small{color:#a9a3d4;font-size:.72rem}
.acc-tl-kind{color:#cfc3ff;font-weight:700}
.acc-tl-date{color:#7d77a6!important;direction:ltr;text-align:end}
.acc-tl-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.acc-amount{font:800 .9rem Inter,Cairo,sans-serif;color:#fff}
.acc-amount.sign-credit{color:#3ddc84}.acc-amount.sign-debit{color:#ff8aa2}.acc-amount.sign-order{color:#ffc04d}
.acc-tl .wallet-status{font-size:.66rem!important;padding:2px 8px!important}
.acc-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.acc-settings>.admin-success{grid-column:1/-1;margin:0!important}
.acc-settings .acc-form:first-of-type{grid-column:1/-1}
.acc-form{display:flex;flex-direction:column;gap:10px}
.acc-form p{margin:0;color:#a9a3d4;font-size:.78rem}
.acc-form p b{color:#fff}
.acc-form label{display:flex;flex-direction:column;gap:5px}
.acc-form label>span{color:#cfcaf0;font-size:.76rem;font-weight:700}
.acc-form input{height:42px;padding:0 12px;border-radius:11px;border:1px solid rgba(169,163,212,.22);background:#0d0a20;color:#fff;font:600 .88rem Cairo,Inter,sans-serif;width:100%;box-sizing:border-box}
.acc-form input:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.2)}
.acc-form button[type=submit]{align-self:flex-start;padding:10px 18px;border-radius:11px;border:0;background:linear-gradient(135deg,#7c5cff,#ff5a7a);color:#fff;font:800 .84rem Cairo,Inter,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(124,92,255,.3)}
@media(max-width:860px){
 .acc-layout{grid-template-columns:1fr}
 .acc-side{position:static}
 .customer-page .acc-nav{flex-direction:row!important;overflow-x:auto!important;gap:6px;padding-bottom:2px!important;scrollbar-width:none}
 .customer-page .acc-nav a{flex:0 0 auto;border:1px solid rgba(169,163,212,.18)!important;padding:7px 11px!important;font-size:.78rem!important}
 .customer-page .acc-nav a.active::before{display:none}

}
@media(max-width:600px){
 .customer-page:not(.customer-auth-page) .customer-shell{padding:14px 12px 30px}
 .acc-stats,.acc-info,.acc-settings{grid-template-columns:1fr}
 .acc-stats{grid-template-columns:1fr 1fr}.acc-stats .st-balance{grid-column:1/-1}
}

/* Settings: summary rows + edit on demand */
.acc-settings2{display:flex;flex-direction:column;gap:8px}
.acc-settings2>.admin-success{margin:0 0 4px!important}
.acc-set-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#17122f;border:1px solid rgba(169,163,212,.14);transition:border-color .2s}
.acc-set-row.is-open{border-color:rgba(124,92,255,.6)}
.acc-set-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.acc-set-info small{color:#8b84b8;font-size:.72rem;font-weight:700}
.acc-set-info strong{color:#fff;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.acc-edit{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid rgba(169,163,212,.22);background:transparent;color:#cfc3ff;font:700 .78rem Cairo,Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.acc-edit:hover{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.5)}
.acc-edit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-set-row.is-open .acc-edit{display:none}
.acc-set-row>.acc-form{display:none;grid-column:1/-1;padding-top:10px;border-top:1px solid rgba(169,163,212,.12)}
.acc-set-row.is-open>.acc-form{display:flex}
.acc-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.acc-form .acc-cancel{padding:10px 16px;border-radius:11px;border:1px solid rgba(169,163,212,.25);background:transparent;color:#cfcaf0;font:700 .84rem Cairo,Inter,sans-serif;cursor:pointer}
@media(max-width:600px){.acc-edit span{display:none}.acc-edit{padding:8px}}
.acc-set-info strong[dir=ltr]{align-self:flex-start;max-width:100%}

/* Notifications: gear opens preferences */
.customer-notification-center .customer-section-head>div:first-child{display:flex;flex-direction:column;gap:2px}
.customer-notification-center .customer-section-head>div:first-child span{color:#8b84b8;font-size:.72rem;font-weight:700}
.ntf-actions{display:flex;align-items:center;gap:8px}
.ntf-actions form{margin:0}
.ntf-actions form button{padding:7px 12px;border-radius:10px;border:1px solid rgba(169,163,212,.22);background:transparent;color:#cfc3ff;font:700 .76rem Cairo,Inter,sans-serif;cursor:pointer}
.ntf-gear{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(169,163,212,.22);background:#17122f;color:#cfc3ff;cursor:pointer;transition:background .2s,transform .3s}
.ntf-gear:hover{background:rgba(124,92,255,.16)}
.ntf-gear[aria-expanded=true]{background:linear-gradient(135deg,#7c5cff,#ff5a7a);color:#fff;border-color:transparent;transform:rotate(60deg)}
.ntf-gear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-notification-list .history-empty{margin:0;color:#a9a3d4;font-size:.8rem}
.acc-main>.notification-preferences{display:none!important}
.acc-main>.notification-preferences.is-open{display:block!important}
.notification-preferences h2{font-size:1rem!important}
.notification-preferences>p{margin:4px 0 12px!important;color:#a9a3d4!important;font-size:.78rem!important}
.notification-preferences form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.notification-preferences form label{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0!important;padding:10px 12px!important;border-radius:12px;background:#17122f;border:1px solid rgba(169,163,212,.14);color:#e6e2ff;font-size:.82rem;font-weight:700;cursor:pointer}
.notification-preferences form label span{order:1}
.notification-preferences form input[type=checkbox]{order:2;appearance:none;-webkit-appearance:none;width:36px;height:20px;margin:0;border-radius:999px;background:#2a2450;position:relative;cursor:pointer;transition:background .2s;flex:0 0 36px}
.notification-preferences form input[type=checkbox]::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#8b84b8;transition:all .2s}
.notification-preferences form input[type=checkbox]:checked{background:linear-gradient(135deg,#7c5cff,#ff5a7a)}
.notification-preferences form input[type=checkbox]:checked::after{inset-inline-start:19px;background:#fff}
.notification-preferences form button[type=submit]{grid-column:1/-1;justify-self:start;padding:10px 18px!important;border-radius:11px!important;border:0!important;background:linear-gradient(135deg,#7c5cff,#ff5a7a)!important;color:#fff!important;font:800 .84rem Cairo,Inter,sans-serif!important;cursor:pointer}
@media(max-width:600px){.notification-preferences form{grid-template-columns:1fr}}

/* v5: gear without frame, settings on own page */
.ntf-gear{width:auto!important;height:auto!important;padding:4px!important;border:0!important;background:none!important;color:#a9a3d4!important;border-radius:8px;text-decoration:none;transform:none!important}
.ntf-gear:hover{color:#fff!important;background:none!important;transform:rotate(45deg)!important}
.ntf-gear svg{width:21px!important;height:21px!important}
.ntf-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:#b9a8ff;font-size:.78rem;font-weight:800;text-decoration:none}
.ntf-back:hover{color:#fff}
[dir=ltr] .ntf-back{flex-direction:row-reverse}

/* SMM order support buttons */
.smm-support{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.smm-support form{margin:0}
.smm-support button,.smm-support a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;border:1px solid rgba(169,163,212,.25);background:#17122f;color:#cfc3ff;font:700 .76rem Cairo,Inter,sans-serif;cursor:pointer;text-decoration:none}
.smm-support button:hover,.smm-support a:hover{border-color:rgba(124,92,255,.6);color:#fff}
.smm-support .is-cancel{color:#ffb3c1;border-color:rgba(255,90,122,.3)}
.smm-refill-st{display:block;margin-top:6px;color:#8ff0bb!important}
.customer-order-list[hidden]{display:none!important}
.order-search{width:100%;height:40px;margin:0 0 10px;padding:0 12px;border-radius:11px;border:1px solid rgba(169,163,212,.22);background:#0d0a20;color:#fff;font:600 .84rem Cairo,Inter,sans-serif;box-sizing:border-box}.order-search:focus{outline:none;border-color:#7c5cff}

/* ===== Login / register in site colors (test 2026-10-02) ===== */
body.customer-auth-page{background:radial-gradient(circle at 15% 10%,rgba(124,92,255,.22),transparent 38%),radial-gradient(circle at 85% 90%,rgba(255,90,122,.16),transparent 40%),#0b0819!important;color:#f3f1ff}
.customer-auth-page .customer-auth-card{background:linear-gradient(180deg,#171233,#110d27)!important;border:1px solid rgba(160,130,255,.22)!important;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset!important;color:#f3f1ff!important;position:relative;overflow:hidden}
.customer-auth-page .customer-auth-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#7c5cff,#ff5a7a)!important;border:0!important}
.customer-auth-page .customer-auth-card>img{content:url(favicon.svg);width:74px!important;height:74px!important;border-radius:20px;box-shadow:0 12px 30px rgba(124,92,255,.4)}
.customer-auth-page .customer-auth-card h1{color:#fff!important}
.customer-auth-page .customer-auth-card>p{color:#a59dd0!important}
.customer-auth-page .customer-auth-card label{color:#c9c3ec!important}
.customer-auth-page .customer-auth-card input:not([type=hidden]):not([type=checkbox]){background:#0d0a20!important;border:1px solid rgba(160,130,255,.25)!important;color:#fff!important;box-shadow:none!important}
.customer-auth-page .customer-auth-card input:focus{border-color:#8b6bff!important;box-shadow:0 0 0 3px rgba(124,92,255,.22)!important;outline:none}
.customer-auth-page .customer-auth-card input::placeholder{color:#6f6896}
.customer-auth-page .password-field{background:transparent!important}
.customer-auth-page .password-visibility-toggle{color:#a59dd0!important;background:transparent!important}
.customer-auth-page .customer-auth-card form button[type=submit]{background:linear-gradient(135deg,#7c5cff,#ff5a7a)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(124,92,255,.35)!important}
.customer-auth-page .customer-auth-card form button[type=submit]:hover{filter:brightness(1.08)}
.customer-auth-page .customer-forgot-link{color:#b4a4ff!important}
.customer-auth-page .customer-auth-switch{background:transparent!important;border:1px solid rgba(160,130,255,.4)!important;color:#e9e4ff!important}
.customer-auth-page .customer-auth-switch:hover{background:rgba(124,92,255,.14)!important;border-color:#8b6bff!important}
.customer-auth-page .customer-auth-visual{display:none!important}
.customer-auth-page input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #0d0a20 inset!important;caret-color:#fff}
.customer-auth-page .customer-auth-switch:not(.customer-register-link){border:0!important;background:transparent!important;color:#b4a4ff!important;padding:6px!important;text-decoration:none;font-weight:700}
.customer-auth-page .customer-auth-switch:not(.customer-register-link):hover{color:#fff!important;background:transparent!important}
body.customer-auth-page .customer-auth-card input[type=email],body.customer-auth-page .customer-auth-card input[type=password],body.customer-auth-page .customer-auth-card input[type=text],body.customer-auth-page .customer-auth-card input[type=tel],body.customer-auth-page .customer-auth-card input:not([type]){color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;font-weight:600}
.customer-auth-page .customer-auth-card>img{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;width:96px!important;height:96px!important;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(124,92,255,.35))}
body.customer-auth-page .customer-auth-card input:-webkit-autofill,body.customer-auth-page .customer-auth-card input:-webkit-autofill:hover,body.customer-auth-page .customer-auth-card input:-webkit-autofill:focus,body.customer-auth-page .customer-auth-card input:autofill{-webkit-box-shadow:0 0 0 60px #0d0a20 inset!important;box-shadow:0 0 0 60px #0d0a20 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;transition:background-color 9999s ease-in-out 0s}

/* ===== Ledger (Razer-style) ===== */
.lg-wrap .lg-table{margin-top:12px;border:1px solid rgba(169,163,212,.16);border-radius:16px;overflow:hidden;background:#100c24}
.lg-wrap .lg-head,.lg-wrap .lg-row{display:grid;grid-template-columns:110px minmax(0,1.6fr) 100px 140px 110px 120px 120px 18px;gap:12px;align-items:center;padding:12px 16px;text-align:start}
.lg-wrap .lg-head{background:#1b1540;color:#c9c3ec;font-size:.74rem;font-weight:800}
.lg-wrap .lg-month{padding:16px 16px 8px;color:#8b84b8;font-size:.72rem;font-weight:800;letter-spacing:.02em;border-top:1px solid rgba(169,163,212,.1)}
.lg-wrap .lg-month[hidden],.lg-wrap .lg-row[hidden]{display:none}
.lg-wrap .lg-row{width:100%;background:transparent;border:0;border-top:1px solid rgba(169,163,212,.08);color:#e9e4ff;font:inherit;font-size:.82rem;cursor:pointer;transition:background .15s}
.lg-wrap .lg-row:hover{background:rgba(124,92,255,.08)}
.lg-wrap .lg-date{color:#c9c3ec;white-space:nowrap}
.lg-wrap .lg-title{font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-wrap .lg-type,.lg-wrap .lg-method{color:#a9a3d4}
.lg-wrap .lg-ref{font-family:Inter,monospace;color:#a9a3d4;font-size:.78rem}
.lg-wrap .lg-amt{font-weight:900;white-space:nowrap}
.lg-wrap .is-plus{color:#3ddc84}.lg-wrap .is-minus{color:#ffc04d}
.lg-badge{display:inline-block;font-style:normal;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}
.lg-badge.st-approved{color:#7ef0b5;background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.3)}
.lg-badge.st-pending{color:#ffd27a;background:rgba(255,192,77,.12);border:1px solid rgba(255,192,77,.3)}
.lg-badge.st-rejected{color:#ffb3c1;background:rgba(255,90,122,.12);border:1px solid rgba(255,90,122,.3)}
.lg-wrap .lg-go{color:#8b84b8;font-size:1.2rem;line-height:1}
/* dialog */
.lg-dialog{width:min(480px,calc(100vw - 32px));max-height:85vh;padding:22px;border-radius:20px;border:1px solid rgba(160,130,255,.3);background:linear-gradient(180deg,#1a1438,#110d27);color:#f3f1ff;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lg-dialog::backdrop{background:rgba(6,4,16,.7);backdrop-filter:blur(3px)}
.lg-close{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(160,130,255,.3);background:rgba(255,255,255,.04);color:#fff;font-size:1.2rem;cursor:pointer}
.lg-dhead{display:flex;align-items:center;gap:12px;padding-inline-end:40px}
.lg-dhead strong{display:block;font-size:1rem}
.lg-dhead small{color:#a59dd0;font-size:.76rem}
.lg-dic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:1.3rem;background:rgba(255,192,77,.14);color:#ffc04d}
.lg-dic.k-topup,.lg-dic.k-refund{background:rgba(61,220,132,.14);color:#3ddc84}
.lg-damt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(169,163,212,.14);font-size:1.4rem;font-weight:900}
.lg-dl{margin:0;display:flex;flex-direction:column}
.lg-dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 2px;border-top:1px solid rgba(169,163,212,.1);font-size:.84rem}
.lg-dl dt{color:#a59dd0}
.lg-dl dd{margin:0;color:#fff;font-weight:700;text-align:end;word-break:break-all}
.lg-dact{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.lg-dact a{flex:1;text-align:center;padding:11px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.84rem;border:1px solid rgba(160,130,255,.35);color:#e9e4ff}
.lg-dact a.lg-wa{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.4);color:#7ef0b5}
/* mobile: rows become cards */
@media(max-width:860px){
.lg-wrap .lg-head{display:none}
.lg-wrap .lg-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title amt" "meta st";gap:4px 10px;padding:12px 14px}
.lg-wrap .lg-title{grid-area:title}
.lg-wrap .lg-amt{grid-area:amt;text-align:end}
.lg-wrap .lg-date{grid-area:meta;font-size:.72rem;color:#8b84b8}
.lg-wrap .lg-st{grid-area:st;text-align:end}
.lg-wrap .lg-type,.lg-wrap .lg-method,.lg-wrap .lg-ref,.lg-wrap .lg-go{display:none}
}
@media(min-width:861px){.lg-wrap .lg-head,.lg-wrap .lg-row{grid-template-columns:96px minmax(150px,1.7fr) 78px minmax(90px,1fr) 64px 112px 104px 12px;gap:10px;padding:12px 14px}}
@media(min-width:861px) and (max-width:1100px){.lg-wrap .lg-head,.lg-wrap .lg-row{grid-template-columns:92px minmax(150px,1.7fr) 74px 60px 108px 100px 12px}.lg-wrap .lg-method{display:none}.lg-wrap .lg-head span:nth-child(4){display:none}}
@media(max-width:980px){.acc-layout{grid-template-columns:minmax(0,1fr)!important}.acc-main,.acc-side,.lg-wrap{min-width:0;max-width:100%}}
.lg-wrap .lg-table{max-width:100%}
.lg-wrap .lg-row{min-width:0}
/* ledger: unified simple look (Razer-like) */
.lg-wrap .lg-table{background:#141024;border-color:rgba(255,255,255,.06)}
.lg-wrap .lg-head{background:#221c38;color:#fff;font-size:.74rem;font-weight:700}
.lg-wrap .lg-row,.lg-wrap .lg-head{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.lg-wrap .lg-row{color:#d6d3e4;font-size:.82rem;font-weight:400;border-top-color:rgba(255,255,255,.06)}
.lg-wrap .lg-row:hover{background:rgba(255,255,255,.03)}
.lg-wrap .lg-date,.lg-wrap .lg-title,.lg-wrap .lg-type,.lg-wrap .lg-method,.lg-wrap .lg-ref{color:#d6d3e4;font-weight:400;font-family:inherit;font-size:.82rem}
.lg-wrap .lg-month{color:#8f8aa3;font-weight:600;font-size:.72rem;font-family:"Segoe UI",Tahoma,Arial,sans-serif;border-top-color:rgba(255,255,255,.06)}
.lg-wrap .lg-amt,.lg-wrap .lg-amt.is-plus,.lg-wrap .lg-amt.is-minus{color:#ffc04d;font-weight:600}
.lg-wrap .lg-st .lg-badge{background:none!important;border:0!important;padding:0;font-size:.8rem;font-weight:400;color:#d6d3e4}
.lg-wrap .lg-st .lg-badge.st-rejected{color:#ff8fa5}
.lg-wrap .lg-st .lg-badge.st-pending{color:#ffd27a}
.lg-wrap .lg-go{color:#d6d3e4}
@media(min-width:1101px){.lg-wrap .lg-head,.lg-wrap .lg-row{grid-template-columns:96px minmax(140px,1.6fr) 112px minmax(100px,1fr) 64px 112px 120px 12px}}
@media(min-width:861px) and (max-width:1100px){.lg-wrap .lg-head,.lg-wrap .lg-row{grid-template-columns:92px minmax(130px,1.6fr) 104px 60px 108px 112px 12px}}
.lg-wrap .lg-row>span{min-width:0;overflow-wrap:anywhere}
.lg-wrap .lg-type,.lg-wrap .lg-method,.lg-wrap .lg-st{line-height:1.35}
.lg-wrap .lg-st .lg-badge{white-space:normal;line-height:1.35}
/* ===== compact orders (طلباتي) ===== */
.customer-orders .customer-order-list{display:flex!important;flex-direction:column;gap:8px!important}
.customer-orders article.ord{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:12px 14px!important;border-radius:14px!important;background:#141024!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.customer-orders article.ord:hover{border-color:rgba(160,130,255,.28)!important}
.customer-orders .ord-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.customer-orders .ord-main h3{margin:0!important;font-size:.9rem!important;font-weight:600!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-orders .ord-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.74rem;color:#8f8aa3}
.customer-orders .ord-meta span{white-space:nowrap}
.customer-orders .ord-id{color:#b4a4ff;font-weight:600}
.customer-orders .ord-link{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.customer-orders .ord-done{font-style:normal;color:#7ef0b5}
.customer-orders .ord-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.customer-orders .ord-amt{color:#ffc04d;font-weight:600;font-size:.88rem;white-space:nowrap}
.customer-orders .ord-st{font-size:.68rem!important;padding:2px 9px!important;border-radius:999px!important}
.customer-orders .ord-notes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 14px}
.customer-orders .ord-notes small{font-size:.72rem;color:#a9a3d4;margin:0!important;padding:0!important;background:none!important;border:0!important}
.customer-orders .ord-actions{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0!important;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}
.customer-orders .ord-actions form{margin:0}
.customer-orders .ord-actions button,.customer-orders .ord-actions a{padding:4px 11px!important;font-size:.72rem!important;border-radius:999px!important;min-height:0!important;line-height:1.5}
@media(max-width:600px){.customer-orders .ord-link{max-width:150px}}
/* ===== Support tickets ===== */
.sup-wrap{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.sup-wrap h3{margin:0 0 10px;font-size:.95rem;color:#fff}
.sup-new{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#141024;border:1px solid rgba(255,255,255,.06);margin-bottom:18px}
.sup-new label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#c9c3ec}
.sup-new input,.sup-new textarea,.sup-form textarea{width:100%;background:#0d0a20;border:1px solid rgba(160,130,255,.25);border-radius:12px;color:#fff;padding:10px 12px;font:inherit;font-size:.85rem;resize:vertical}
.sup-new input{max-width:220px}
.sup-new input:focus,.sup-new textarea:focus,.sup-form textarea:focus{outline:none;border-color:#8b6bff;box-shadow:0 0 0 3px rgba(124,92,255,.2)}
.sup-new button,.sup-form button{align-self:flex-start;border:0;border-radius:12px;padding:10px 20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c5cff,#ff5a7a);cursor:pointer}
.sup-list-h{margin-top:4px!important}
.sup-list{display:flex;flex-direction:column;gap:8px}
.sup-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#141024;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#d6d3e4;transition:border-color .15s}
.sup-item:hover{border-color:rgba(160,130,255,.35)}
.sup-item-main{min-width:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.sup-item-main b{color:#b4a4ff;font-size:.82rem}
.sup-ref{font-size:.74rem;color:#8f8aa3;background:rgba(255,255,255,.05);padding:1px 8px;border-radius:999px}
.sup-item-main p{flex-basis:100%;margin:0;font-size:.8rem;color:#d6d3e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.sup-item-side small{font-size:.7rem;color:#8f8aa3}
.sup-back{display:inline-block;color:#b4a4ff;text-decoration:none;font-size:.82rem;margin-bottom:10px}
.sup-thead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.sup-thead h2{margin:0;font-size:1.05rem;color:#fff}
.sup-thead small{color:#8f8aa3;font-size:.76rem}
.sup-thread{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.sup-msg{max-width:85%;padding:10px 14px;border-radius:14px;background:#141024;border:1px solid rgba(255,255,255,.06)}
.sup-msg.is-me{align-self:flex-start}
.sup-msg.is-team{align-self:flex-end;background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.35)}
.sup-who{display:flex;gap:10px;align-items:baseline;margin-bottom:4px}
.sup-who b{font-size:.78rem;color:#fff}
.sup-who small{font-size:.68rem;color:#8f8aa3}
.sup-msg p{margin:0;font-size:.85rem;line-height:1.6;color:#e9e4ff;word-break:break-word}
.sup-form{display:flex;flex-direction:column;gap:8px}
.sup-close{margin-top:10px}
.sup-close button{background:none;border:0;color:#ff8fa5;font-size:.78rem;cursor:pointer;padding:4px 0}
.acc-nav-badge{margin-inline-start:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5a7a;color:#fff;font-size:.66rem;display:inline-grid;place-items:center;font-style:normal}
.customer-orders .ord-actions a.ord-ticket{color:#cfc3ff}
.sup-back::before{content:"→ "}[dir=ltr] .sup-back::before,.sup-wrap[dir=ltr] .sup-back::before{content:"← "}
.customer-orders .ord-actions a.ord-ticket{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(160,130,255,.35);background:rgba(255,255,255,.03);color:#e9e4ff;text-decoration:none;font-weight:700}
.customer-orders .ord-actions a.ord-ticket:hover{background:rgba(124,92,255,.15)}