/* Shared view components; payment submission remains in the existing payment views. */
@font-face{font-family:BetcioPoster;src:url('/fonts/default/Roboto.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BetcioPoster;src:url('/fonts/default/RobotoBold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:BetcioPlatforms;src:url('/assets/fontawesome-webfont.20fd1704ea223900efa9.woff2') format('woff2');font-weight:400;font-display:block}
.app-promo{container-type:inline-size;width:100%;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#1e2a30 0%,#1d2b30 66%,#070b0c 100%);color:#f5f7f8;text-align:center;font-family:BetcioPoster,Roboto,Arial,sans-serif}
.app-promo-content{padding:16.6cqw 2.6cqw 3.8cqw}
.app-promo .app-promo-title,.app-promo .app-promo-warning{margin:0;font-size:4.15cqw;font-weight:700;line-height:1.22;white-space:nowrap;letter-spacing:-.09cqw}
.app-promo .app-promo-warning{margin-top:.4cqw;color:#e94565}
.app-promo .app-promo-download{display:inline-flex;align-items:center;justify-content:center;width:50%;margin:3.4cqw 0 3.8cqw;padding:.6cqw 1cqw 1cqw;border-radius:.8cqw;background:#e94364;color:#fff;font-size:6.7cqw;font-weight:700;line-height:1.15;text-decoration:none}
.app-promo .app-promo-download:focus-visible{outline:2px solid #fff;outline-offset:3px}
.app-promo-address{display:flex;flex-direction:column;justify-content:center;gap:1.5cqw;min-height:19.7cqw;border:1px dotted #35576b;border-radius:1.9cqw;background:linear-gradient(180deg,#19364c,#142b3b);padding:2cqw 1cqw}
.app-promo-address>span{color:#ea4566;font-size:4.9cqw;font-weight:700;line-height:1.2}
.app-promo-address>strong{display:block;max-width:100%;color:#f2f5f7;font-size:7.1cqw;font-weight:700;line-height:1.1;letter-spacing:-.22cqw;overflow-wrap:anywhere}
.app-promo .app-promo-platform-title{margin:2cqw 0 1.2cqw;color:#a72f46;font-size:4.25cqw;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:-.1cqw}
.app-promo-platforms{display:flex;align-items:center;justify-content:center;gap:.8cqw;height:4.5cqw;color:#737979}
.app-promo-platforms>*{display:block;width:3.5cqw;height:4cqw;flex:0 0 auto}
.app-promo-platforms .app-platform-fa{width:auto;font-family:BetcioPlatforms;font-size:4cqw;line-height:1}
.cio-panel-header{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:60px;padding:10px 16px;border-bottom:1px solid #333b44;background:#222932;color:#e6e8eb;box-sizing:border-box}
.cio-panel-brand{display:flex;align-items:center;gap:8px;min-width:0}
.cio-panel-brand>a{display:flex;align-items:center;flex:0 0 auto}
.cio-panel-logo{display:block;width:auto!important;height:36px!important;max-width:170px;object-fit:contain}
.cio-panel-app{display:block;width:26px!important;height:26px!important;object-fit:contain}
.cio-panel-close{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:-4px -8px -4px 0;padding:0;border:0;background:none;color:#a9adb3;font-family:Arial,sans-serif;font-size:37px;font-weight:400;line-height:1;cursor:pointer}
.cio-panel-close:hover{color:#fff}
.cio-mobile #menuhesapp,.cio-mobile [data-mobile-page="deposit"],.cio-mobile [data-mobile-page="withdraw"]{position:fixed;inset:0!important;width:100%;height:100dvh!important;max-height:100dvh;background:#222932;z-index:1003;transform:none!important;overflow:hidden}
.cio-mobile #menuhesapp:not(.goster){animation:cio-panel-up .25s ease-out}
.cio-mobile #menuhesapp>.overlay-sliding-w-c-content-slider-bc,.cio-mobile [data-mobile-page="deposit"]>.overlay-sliding-w-c-content-slider-bc,.cio-mobile [data-mobile-page="withdraw"]>.overlay-sliding-w-c-content-slider-bc{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;padding:0;overflow:hidden;transform:none!important}
.cio-mobile #menuhesapp .u-i-p-c-body-bc,.cio-mobile [data-mobile-page="deposit"] .u-i-p-c-body-bc,.cio-mobile [data-mobile-page="withdraw"] .u-i-p-c-body-bc{position:relative;flex:1 1 auto;width:100%;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}
.cio-mobile #menuhesapp .u-i-profile-page-bc{width:100%;min-height:0;padding-bottom:20px}
.cio-mobile #menuhesapp .u-i-p-links-lists-holder-bc{display:flex;flex-direction:column;width:100%}
.cio-mobile #menuhesapp .u-i-p-l-head-bc{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:10px 15px;box-sizing:border-box}
.cio-mobile #menuhesapp .u-i-p-l-head-bc>.user-nav-icon{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin:0;font-size:20px;line-height:1}
.cio-mobile #menuhesapp .u-i-p-l-head-bc>.u-i-p-l-h-title-bc{flex:1 1 auto;min-width:0;width:auto;margin:0;line-height:1.3}
.cio-mobile #menuhesapp .u-i-p-l-head-bc>.u-i-p-l-h-icon-bc{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0;font-size:16px;line-height:1}
.cio-mobile #menuhesapp .u-i-p-l-head-bc>.count-blink-even:empty{display:none}
.cio-mobile #menuhesapp .userLogoutBtn{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 30px);height:44px;margin:16px 15px 0;padding:10px 14px;line-height:1.3}
.cio-mobile #menuhesapp .userLogoutIcon{position:static;width:20px;height:20px;margin:0;font-size:18px;line-height:20px}
/* Payment components follow the captured desktop and mobile sizes. */
.cio-payment-categories{display:flex;align-items:center;gap:5px;width:100%;padding:8px 7px 0;overflow-x:auto;box-sizing:border-box}
.cio-payment-categories button{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:30px;padding:0 8px;border:1px solid #49505a;border-radius:4px;background:transparent;color:#bbc0c8;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}
.cio-payment-categories button.active{background:#424a56;color:#fff}
.cio-payment-categories i{font-size:15px}
.cio-payment-methods .m-nav-items-list-item-bc{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:0!important;width:100%;height:40px!important;margin:0;padding:0!important;border:1px solid transparent;border-radius:5px;background:#ffffff05;cursor:pointer;box-sizing:border-box}
.cio-payment-methods .m-nav-items-list-item-bc:hover,.cio-payment-methods .m-nav-items-list-item-bc.active{border-color:#e8d636;background:#ffffff0c}
.cio-payment-methods .m-nav-items-list-item-bc .payment-logo{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain}
.cio-payment-methods [hidden]{display:none!important}
.cio-payment-empty{padding:18px;color:#a4a9b1;font-size:12px;text-align:center}
.cio-payment-fields{color:#e0e3e8}
.cio-payment-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 0;margin:0 0 10px;box-sizing:border-box}
.cio-payment-selected-logo{display:flex;align-items:center;width:150px;max-width:42%;flex:0 0 auto}
.cio-payment-selected-logo img{display:block;width:100%!important;max-width:100%!important;height:auto;max-height:65px;object-fit:contain}
.cio-payment-terms{display:grid;grid-template-columns:1fr;gap:6px;width:140px;max-width:54%;margin:0;font-size:12px;line-height:16px}
.cio-payment-terms>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cio-payment-terms dt{color:#a0a5ad;font-weight:400;white-space:nowrap}
.cio-payment-terms dd{margin:0;color:#e0e3e8;white-space:nowrap}
.cio-payment-notice{position:relative;margin:0 0 10px;padding:23px 0;border-radius:5px;background:#00000026;color:#969da6;font-size:12px;line-height:14px}
.cio-payment-notice p{margin:0;padding:0 0 8px;font:inherit;color:inherit}
.cio-payment-notice summary{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:24px;margin:0;padding:0;list-style:none;cursor:pointer;color:#a2a7af}
.cio-payment-notice summary::-webkit-details-marker{display:none}
.cio-payment-notice summary i{font-size:20px;line-height:1;transition:transform .15s}
.cio-payment-notice:not([open]){padding:12px 0}
.cio-payment-notice:not([open]) summary i{transform:rotate(180deg)}
.cio-payment-form{margin:0;padding:0 0 12px;border-bottom:1px solid #4c535d}
.cio-payment-amount{position:relative;display:block;width:100%;height:52px;margin:0 0 30px;border:1px solid transparent;border-radius:5px;background:#434a54;box-sizing:border-box}
.cio-payment-amount>span{position:absolute;top:17px;left:14px;color:#a4aab2;font-size:12px;line-height:16px;pointer-events:none;transition:top .12s,font-size .12s}
.cio-payment-amount input{display:block;width:100%;height:100%;padding:16px 14px 5px;border:0;outline:0;background:none;color:#fff;font-family:inherit;font-size:12px;box-sizing:border-box}
.cio-payment-amount:focus-within{border-color:#f0d51b}
.cio-payment-amount:focus-within>span,.cio-payment-amount:has(input:not(:placeholder-shown))>span{top:4px;font-size:10px}
.cio-payment-submit{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:36px!important;margin:0;border:0;border-radius:5px;background:#ecd329;color:#171b23;font-family:inherit;font-size:12px!important;font-weight:500;cursor:pointer;box-sizing:border-box}
.cio-payment-submit:disabled{background:#393f48!important;color:#82878e!important;cursor:default;opacity:1!important}
.cio-payment-error{margin:-20px 0 12px;color:#f2788d;font-size:12px}
.cio-payment-detail{position:fixed;inset:0;z-index:1020;display:flex;background:#222932}
.cio-payment-detail[hidden]{display:none!important}
.cio-payment-panel{display:flex;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;background:#222932;color:#e6e8eb;animation:cio-panel-up .25s ease-out}
.cio-payment-body{flex:1 1 auto;min-height:0;padding:0 7px calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
.cio-payment-back{display:flex;align-items:center;gap:8px;width:100%;height:38px;margin:0;padding:0;border:0;background:none;color:inherit;font-family:inherit;font-size:14px;text-align:left;cursor:pointer}
.cio-payment-back i{flex:0 0 auto;font-size:20px;line-height:1}
.cio-payment-back span{text-transform:uppercase}
.cio-mobile-payment .cio-payment-panel .cio-panel-header{min-height:50px;height:50px;padding:7px 12px}
.cio-mobile-payment .cio-payment-panel .cio-panel-logo{height:30px!important}
.cio-mobile-payment .cio-payment-panel .cio-panel-close{width:32px;height:32px;flex-basis:32px;font-size:29px}
.cio-mobile-payment .cio-payment-name-term,.cio-mobile-payment .cio-payment-time-term dt{display:none}
.cio-mobile-payment .cio-payment-terms{position:relative;padding-top:22px}
.cio-mobile-payment .cio-payment-fee-term{position:absolute;top:0;left:0;justify-content:flex-start;gap:3px}
.cio-mobile-payment .cio-payment-time-term{position:absolute;top:0;right:0}
.cio-mobile-payment .cio-payment-time-term dd{color:#838a94}
.cio-mobile [data-mobile-page="deposit"] .cio-payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 7px}
.cio-mobile-payment .cio-payment-amount input{font-size:16px}
body.cio-payment-open{overflow:hidden}
html:has(body.cio-modal-open),html:has(body.cio-payment-open){overflow:hidden!important}
/* Desktop selection updates this region in place, beneath the method grid. */
#bakiye .popup-inner-bc{width:1000px;max-width:calc(100vw - 40px);height:calc(100dvh - 40px)!important;overflow:hidden}
#bakiye .u-i-p-c-body-bc{height:100%;min-height:0;overflow-y:auto}
#bakiye .my-profile-info-block{min-width:0;width:100%}
#bakiye .cio-desktop-deposit{display:flex;flex-direction:column;min-height:0;width:100%;overflow:visible}
#bakiye .cio-payment-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:none;padding:15px 15px 20px;overflow:visible}
#bakiye .cio-payment-inline{padding:0 15px 20px}
#bakiye .cio-payment-inline[hidden]{display:none!important}
#bakiye .cio-payment-selected-logo{display:none}
#bakiye .cio-payment-summary{margin:0;padding:10px 0}
#bakiye .cio-payment-terms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:none}
#bakiye .cio-payment-terms>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#bakiye .cio-payment-terms dt span{display:none}
#bakiye .cio-payment-terms dd{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#bakiye .cio-payment-notice{padding:0;margin:0 0 10px;border-radius:0;background:none;font-size:12px;line-height:14px}
#bakiye .cio-payment-notice summary{display:none}
#bakiye .cio-payment-form{width:100%;max-width:560px;border:0}
#bakiye .cio-payment-amount{height:52px;margin-bottom:10px}
#bakiye .cio-payment-submit{width:200px!important;margin-top:0}
#bakiye .cio-payment-error{margin:0 0 10px}
@keyframes cio-panel-up{from{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.cio-payment-panel,.cio-mobile #menuhesapp:not(.goster){animation:none}}