/* XPLAYZ Design System 2026 — visual modernization layer */
:root{--ui26-green:#27ef73;--ui26-green-deep:#0dad47;--ui26-ink:#020805;--ui26-panel:#07150d;--ui26-line:rgba(65,255,128,.18);--ui26-text:#f4fff7;--ui26-muted:#9bb5a3;--ui26-radius:16px;--ui26-shadow:0 18px 50px rgba(0,0,0,.32)}
img{image-rendering:auto;-ms-interpolation-mode:bicubic}
img[src*="/bank_bg/"],img[src*="payment-bank-"]{object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));transition:transform .2s ease,filter .2s ease}
img[src*="/bank_bg/"]:hover,img[src*="payment-bank-"]:hover{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 10px 18px rgba(25,230,100,.2))}
.x-bank-choices-type .-label,.bank-choice,.bank-logo-wrap{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;border:1px solid var(--ui26-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 26px rgba(0,0,0,.18)!important}
.x-bank-choices-type .-label .-logo{padding:2px!important;background:transparent!important}
.x-bank-choices-type .-input-radio:checked+.-label{border-color:var(--ui26-green)!important;box-shadow:0 0 0 3px rgba(39,239,115,.13),0 12px 30px rgba(0,0,0,.3)!important}
/* Modernize legacy raster icons without changing app behavior */
img[class*="-icon"],img[class*="-ic-"],img[src*="/images/build/ic-"]{object-fit:contain;image-rendering:auto;transform:translateZ(0)}
.x-header .-img-wrapper,.x-menu-list .-icon-wrapper,.x-account-menu .-icon-image{border-radius:12px;background:linear-gradient(145deg,rgba(39,239,115,.14),rgba(0,0,0,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
button,.btn,input,select,textarea{font-family:Kanit,"Noto Sans Thai",sans-serif}
.btn:not(.btn-link),button:not(.close):not([class*="swal"]){border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:not(.btn-link):hover,button:not(.close):hover{transform:translateY(-1px);filter:brightness(1.04)}
.card,.modal-content,.x-card,.x-modal-separator-container{border-radius:var(--ui26-radius);box-shadow:var(--ui26-shadow)}
@media(max-width:576px){img[src*="/bank_bg/"],img[src*="payment-bank-"]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.16))}.x-bank-choices-type .-outer-wrapper{gap:10px!important}}