/* 충전·환전 본문: 밝은 E.F.S.F. 장갑 패널 디자인. */
@media (min-width: 1200px) {
    html:has(:is(.w_deposit, .w_withdraw)) body.gundam-skin :is(.w_deposit, .w_withdraw) {
        padding-bottom: 28px !important;
        color: #102f51 !important;
        -webkit-font-smoothing: auto;
        background:
            linear-gradient(90deg, rgb(195 205 215 / 32%) 1px, transparent 1px) 0 0 / 72px 100%,
            #f5f7f9 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpis {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        min-height: 80px;
        margin: 0;
        padding: 10px 30px;
        border-bottom: 1px solid #b8cbd9;
        background: #fbfcfd;
        box-shadow: inset 0 -5px #e1e8ed;
        box-sizing: border-box;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        min-width: 0;
        border-right: 1px solid #cbd8e2;
        color: #607b92;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi:last-child { border-right: 0; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi > i { color: #6e99bd; font-size: 29px; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi > span { display: grid; gap: 4px; color: #294b65; font-size: 12px; font-weight: 800; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi strong { color: #123a68; font-size: 16px; font-weight: 900; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi small { font-size: 11px; }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn {
        display: grid !important;
        grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr) !important;
        align-items: stretch !important;
        gap: 0 !important;
        margin: 0 30px !important;
        padding: 10px 0 0 !important;
        background: transparent !important;
    }

    /* Deposit only: reduce the left request frame by 10% (59% -> 53.1%). */
    html body.gundam-skin #ajax-content.contents > .w_deposit > .forColumn {
        grid-template-columns: minmax(0, 53.1%) minmax(380px, 46.9%) !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw > .forColumn {
        grid-template-columns: minmax(0, 53%) minmax(380px, 47%) !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .col {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #173959 !important;
        background: transparent !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .m1 { border: 1px solid #b8cbd9; border-right: 0; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .m2 { border: 1px solid #b8cbd9; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .m3 {
        grid-column: 1 / -1;
        margin-top: 10px !important;
        padding: 0 12px 14px !important;
        border: 1px solid #b8cbd9;
        background: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .rectBox {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #173959 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method {
        display: block !important;
        height: auto !important;
        color: #173959 !important;
        background: #fff !important;
    }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row {
        display: grid !important;
        grid-template-columns: 122px minmax(0, 1fr) !important;
        min-height: 0 !important;
        height: auto !important;
        flex: none !important;
        margin: 0 !important;
        padding: 12px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #d7e1e8 !important;
        color: #173959 !important;
        background: #fff !important;
        box-sizing: border-box;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m1 .payment_method > .row:first-child { display: none !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row:last-child { border-bottom: 0 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method .l1 {
        display: flex !important;
        align-items: flex-start !important;
        width: auto !important;
        padding: 3px 12px 0 0 !important;
        color: #0d4d80 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.4 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method .l2 {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        color: #193b55 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tabs, .withdraw-method-tabs) {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tab, .withdraw-method-tab, .amount_button, .all_amount_button, .reset_button) {
        width: 100% !important;
        min-height: 32px !important;
        margin: 0 !important;
        border: 1px solid #b9cedd !important;
        border-radius: 3px !important;
        color: #244b6c !important;
        background: #f8fbfd !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tab, .withdraw-method-tab).active {
        border-color: #0c63a7 !important;
        color: #fff !important;
        background: #124f8a !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-action-button {
        min-width: 190px !important;
        min-height: 38px !important;
        border: 1px solid #0d6fac !important;
        border-radius: 3px !important;
        color: #fff !important;
        background: linear-gradient(#169bd3, #0872b3) !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .input-info,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .info-txt {
        margin: 0 0 7px !important;
        color: #314f66 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) input:is([type="text"], [type="password"]) {
        width: 100% !important;
        height: 38px !important;
        padding: 0 12px !important;
        border: 1px solid #afc8d9 !important;
        border-radius: 3px !important;
        outline: 0 !important;
        color: #102f51 !important;
        background: #fff !important;
        box-shadow: inset 0 1px 2px rgb(20 55 85 / 6%) !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) input:focus { border-color: #1598d1 !important; box-shadow: 0 0 0 2px rgb(21 152 209 / 12%) !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .input-btn-cont {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 5px !important;
        margin-top: 6px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .btnCont { grid-column: 1 / -1; padding: 0 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(#deposit_proc, #withdraw_proc) {
        width: min(100%, 410px) !important;
        height: 42px !important;
        border: 1px solid #0870b5 !important;
        border-radius: 3px !important;
        color: #fff !important;
        background: linear-gradient(#159bd5, #066ab0) !important;
        box-shadow: inset 0 1px rgb(255 255 255 / 25%) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-cards { display: grid !important; gap: 8px !important; }
    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card {
        margin: 0 !important;
        border: 1px solid #b9cedd !important;
        border-radius: 3px !important;
        color: #173959 !important;
        background: #fbfcfd !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card:is(.selected, .active) { border: 2px solid #1597cf !important; background: #f4fbff !important; }
    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card :is(.type-name, .label, .display-text) { color: #233f55 !important; -webkit-text-fill-color: #233f55 !important; font-weight: 600 !important; }
    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card .type-name { color: #17466d !important; -webkit-text-fill-color: #17466d !important; font-size: 14px !important; }
    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card .value { font-weight: 800 !important; }
    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card .display-text { font-size: 12px !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-card {
        margin: 0 0 8px !important;
        padding: 12px !important;
        border: 1px solid #bfd1dd !important;
        border-radius: 3px !important;
        color: #173959 !important;
        background: #fbfcfd !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-progress-track { overflow: hidden; height: 12px !important; border-radius: 8px !important; background: #e7eef3 !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-progress-fill { background: linear-gradient(90deg, #10a8c9, #25c49a) !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw :is(.wd-label, .wd-inline-label, .wd-stats) { color: #29485f !important; -webkit-text-fill-color: #29485f !important; font-weight: 600 !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw :is(.wd-label, .wd-inline-label) { font-size: 13px !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw :is(.wd-inline-value, .wd-progress-text) { color: #173a55 !important; -webkit-text-fill-color: #173a55 !important; font-weight: 700 !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-stats { font-size: 13px !important; line-height: 1.55 !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-stats-white { color: #1e425f !important; -webkit-text-fill-color: #1e425f !important; }
    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-status-box { color: #147c45 !important; -webkit-text-fill-color: #147c45 !important; font-weight: 800 !important; }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 .payment_method > .row {
        display: block !important;
        padding: 18px 20px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 .payment_method .l1 {
        margin-bottom: 12px !important;
        padding: 0 0 8px !important;
        border-bottom: 1px solid #cbd9e2 !important;
        color: #0d4d80 !important;
        font-size: 14px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dl { margin: 0 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dt {
        position: relative;
        margin: 0 0 4px !important;
        color: #173a55 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.55 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dd {
        margin: 0 0 12px !important;
        color: #334f64 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.55 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .content-sub-title {
        height: auto !important;
        margin: 0 -12px 10px !important;
        padding: 10px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #b8cbd9 !important;
        color: #0d4d80 !important;
        background: #f4f9fc !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history {
        width: 100% !important;
        margin: 0 !important;
        border-collapse: collapse !important;
        border: 1px solid #bfd0dc !important;
        color: #1f4059 !important;
        background: #fff !important;
        table-layout: fixed !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history :is(th, td) {
        height: 35px !important;
        padding: 5px 8px !important;
        border: 1px solid #d7e1e8 !important;
        color: #284b67 !important;
        background: #fff !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history th { color: #0d4d80 !important; background: #f2f7fa !important; font-weight: 900 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history td > :not(.deposit-status) { color: #1f4059 !important; -webkit-text-fill-color: #1f4059 !important; font-weight: 600 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .deposit-status { display: inline-flex !important; align-items: center; gap: 4px; padding: 3px 7px !important; border-radius: 3px !important; font-size: 10px !important; font-weight: 800 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .deposit-status-complete { color: #158341 !important; background: #e7f7ed !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .deposit-status-cancel { color: #cf3342 !important; background: #fdebed !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .deposit-status-pending { color: #9a6500 !important; background: #fff5da !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(#deposit_del_btn, #withdraw_del_btn) {
        min-width: 116px !important;
        height: 34px !important;
        border: 1px solid #176ca5 !important;
        border-radius: 3px !important;
        color: #fff !important;
        background: #176ca5 !important;
        font-size: 11px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .el-pagination button,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .el-pager li {
        border-color: #bfd0dc !important;
        color: #31536d !important;
        background: #fff !important;
    }
}

/* High-legibility pass shared with the betting-history tables. */
@media (min-width: 1200px) {
    html:has(:is(.w_deposit, .w_withdraw)) body.gundam-skin #ajax-content.contents > .page:is(.w_deposit, .w_withdraw) {
        color: #163e5d !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method .l1,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .content-sub-title,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dt {
        color: #173e5c !important;
        -webkit-text-fill-color: #173e5c !important;
        font-weight: 800 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.input-info, .info-txt, .payment_method dd),
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.input-info, .info-txt, .payment_method dd) :is(span, p, strong, small) {
        color: #294d69 !important;
        -webkit-text-fill-color: #294d69 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history th {
        color: #173e5c !important;
        -webkit-text-fill-color: #173e5c !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        opacity: 1 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history td,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history td :is(span, p, time):not(.deposit-status) {
        color: #163e5d !important;
        -webkit-text-fill-color: #163e5d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
}

@media (max-width: 1199px) {
    body.gundam-skin :is(.w_deposit, .w_withdraw) .finance-kpis { display: none; }
}

/* Mobile finance pages: preserve the PC Federation language without squeezing PC columns. */
@media (max-width: 767px) {
    html:has(:is(.w_deposit, .w_withdraw)) body.gundam-skin #ajax-content.contents > .page:is(.w_deposit, .w_withdraw) {
        gap: 0 !important;
        margin: -12px 0 0 !important;
        padding: 0 0 28px !important;
        color: #173e5c !important;
        background: #f3f7fa !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .col {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) > .forColumn > .col + .col {
        margin-top: 6px !important;
        border-top: 3px solid #0c6fae !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.rectBox, .payment_method) {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row {
        display: block !important;
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 12px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #c8d8e3 !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row > .l1 {
        display: flex !important;
        align-items: center !important;
        width: calc(100% + 24px) !important;
        max-width: none !important;
        min-height: 34px !important;
        margin: 0 -12px 12px !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-bottom: 1px solid #a9c8dc !important;
        color: #0d4d7c !important;
        background: #eaf5fb !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.3 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row > .l2 {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #294d69 !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m1 .payment_method > .row:first-child {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 8px 12px !important;
        background: #f8fbfd !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m1 .payment_method > .row:first-child > .l1 {
        width: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        font-size: 12px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m1 .payment_method > .row:first-child > .l2 {
        text-align: right !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .stat_money {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        width: 100% !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        border: 1px solid #a9c8dc !important;
        border-radius: 3px !important;
        color: #315873 !important;
        -webkit-text-fill-color: #315873 !important;
        background: #edf7fc !important;
        box-shadow: inset 3px 0 #159bd5 !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .stat_money :is(i, b) {
        color: #0873b8 !important;
        -webkit-text-fill-color: #0873b8 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .stat_money b {
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tabs, .withdraw-method-tabs) {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tab, .withdraw-method-tab, .amount_button, .all_amount_button, .reset_button) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        border: 1px solid #b7cddd !important;
        border-radius: 3px !important;
        color: #244c6b !important;
        -webkit-text-fill-color: #244c6b !important;
        background: #f8fbfd !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.deposit-method-tab, .withdraw-method-tab).active {
        border-color: #0b6eaf !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #12558e !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.input-info, .info-txt) {
        margin: 0 0 8px !important;
        color: #36566d !important;
        -webkit-text-fill-color: #36566d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.55 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) input:is([type="text"], [type="password"]) {
        width: 100% !important;
        height: 40px !important;
        padding: 0 11px !important;
        border: 1px solid #abc6d8 !important;
        border-radius: 3px !important;
        color: #102f51 !important;
        -webkit-text-fill-color: #102f51 !important;
        background: #fff !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .input-btn-cont {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-top: 7px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-action-button,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(#deposit_proc, #withdraw_proc) {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        border: 1px solid #0873b8 !important;
        border-radius: 4px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: linear-gradient(#159bd5, #086fb4) !important;
        box-shadow: inset 0 1px rgb(255 255 255 / 22%) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row:has(.btnCont) {
        padding: 12px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .btnCont { padding: 0 !important; }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card {
        min-width: 0 !important;
        margin: 0 !important;
        border: 1px solid #b7cddd !important;
        border-radius: 3px !important;
        color: #294d69 !important;
        -webkit-text-fill-color: #294d69 !important;
        background: #fbfdfe !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card:is(.selected, .active) {
        border: 2px solid #1496ce !important;
        background: #f1faff !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card * {
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_deposit .receive-type-card :is(.type-name, .label, .display-text) {
        color: #294d69 !important;
        -webkit-text-fill-color: #294d69 !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-card {
        margin: 0 0 8px !important;
        padding: 12px !important;
        border: 1px solid #b9cbd8 !important;
        border-radius: 4px !important;
        color: #294d69 !important;
        background: #fbfdfe !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-progress-track {
        overflow: hidden !important;
        height: 13px !important;
        border-radius: 8px !important;
        background: #dfeaf1 !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-status-box {
        color: #147c45 !important;
        -webkit-text-fill-color: #147c45 !important;
        background: #e4f7eb !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 .payment_method > .row {
        padding-bottom: 12px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 :is(dt, dd) {
        margin: 0 0 7px !important;
        color: #294d69 !important;
        -webkit-text-fill-color: #294d69 !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dt { font-weight: 800 !important; }
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m2 dd { color: #4b667a !important; -webkit-text-fill-color: #4b667a !important; }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .m3 {
        padding: 0 0 20px !important;
        overflow: hidden !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .content-sub-title {
        min-height: 36px !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid #9fc1d8 !important;
        color: #0d4d7c !important;
        background: #eaf5fb !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history {
        width: 100% !important;
        margin: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        background: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history :is(th, td) {
        height: 34px !important;
        padding: 4px 2px !important;
        border: 1px solid #c8d8e3 !important;
        color: #294d69 !important;
        -webkit-text-fill-color: #294d69 !important;
        background: #fff !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history th {
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #eef7fb !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history .deposit-status {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        min-width: 46px !important;
        min-height: 24px !important;
        padding: 3px 6px !important;
        border: 1px solid transparent !important;
        border-radius: 4px !important;
        box-sizing: border-box !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history .deposit-status-complete {
        border-color: #0e713d !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #16864b !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history .deposit-status-cancel {
        border-color: #b62d3b !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #d84450 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history .deposit-status-pending {
        border-color: #d89916 !important;
        color: #422d00 !important;
        -webkit-text-fill-color: #422d00 !important;
        background: #ffc94d !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .el-pagination :is(.btn-prev, .btn-next) {
        width: auto !important;
        min-width: 46px !important;
        padding: 0 9px !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(#deposit_del_btn, #withdraw_del_btn) {
        width: auto !important;
        min-width: 132px !important;
        height: 36px !important;
        border: 1px solid #176ca5 !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #176ca5 !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    /* Coin deposit/withdraw: full-screen mobile sheet above the fixed site shell. */
    html body.gundam-skin .coinmodal {
        position: fixed !important;
        inset: 0 !important;
        z-index: 20020 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: rgb(1 8 15 / 76%) !important;
    }

    html body.gundam-skin .coinmodal.show {
        opacity: 1 !important;
        transition: none !important;
    }

    html body.gundam-skin.modal-open { overflow: hidden !important; }
    html body.gundam-skin .modal-backdrop { z-index: 20010 !important; background: #01070d !important; }
    html body.gundam-skin .modal-backdrop.show { opacity: .88 !important; }

    html body.gundam-skin .coinmodal .modal-dialog,
    html body.gundam-skin .coinmodal .modal-dialog-centered {
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body.gundam-skin .coinmodal .modal-content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #dcecff !important;
        background: #07111e !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    html body.gundam-skin .coinmodal .modal-header {
        position: relative !important;
        z-index: 2 !important;
        flex: 0 0 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: max(10px, env(safe-area-inset-top)) 16px 10px !important;
        border: 0 !important;
        border-bottom: 2px solid #18bde8 !important;
        color: #fff !important;
        background: #061522 !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin .coinmodal .modal-title {
        margin: 0 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body.gundam-skin .coinmodal .modal_close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgb(150 195 222 / 36%) !important;
        border-radius: 4px !important;
        color: #e9f6ff !important;
        -webkit-text-fill-color: #e9f6ff !important;
        background: #10283b !important;
        font-size: 17px !important;
    }

    html body.gundam-skin .coinmodal .modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 14px 14px 20px !important;
        color: #dcecff !important;
        background: #07111e !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin .coinmodal .modal-body > div {
        width: 100% !important;
        margin: 0 0 13px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin .coinmodal .info {
        padding: 11px 12px !important;
        border: 1px solid #176a97 !important;
        border-left: 3px solid #17bee8 !important;
        border-radius: 3px !important;
        color: #c8dbea !important;
        -webkit-text-fill-color: #c8dbea !important;
        background: #0b1c2b !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.55 !important;
    }

    html body.gundam-skin .coinmodal .info > div {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
        line-height: inherit !important;
    }

    html body.gundam-skin .coinmodal .choice {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html body.gundam-skin .coinmodal .choice > div {
        display: block !important;
        min-width: 0 !important;
    }

    html body.gundam-skin .coinmodal :is(.choice, .basic) h5 {
        width: 100% !important;
        min-height: 16px !important;
        margin: 0 0 5px !important;
        color: #8fb6cf !important;
        -webkit-text-fill-color: #8fb6cf !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    html body.gundam-skin .coinmodal .choice h5 { text-align: center !important; }
    html body.gundam-skin .coinmodal .choice .bg {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 38px !important;
        min-width: 0 !important;
        padding: 0 4px !important;
        border: 1px solid #31536b !important;
        border-radius: 3px !important;
        color: #eff8ff !important;
        -webkit-text-fill-color: #eff8ff !important;
        background: #102334 !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.gundam-skin .coinmodal .basic > div {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        gap: 7px !important;
    }

    html body.gundam-skin .coinmodal .basic input,
    html body.gundam-skin .coinmodal .basic .bg {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 48px 0 11px !important;
        border: 1px solid #36546a !important;
        border-radius: 3px !important;
        color: #f0f7fc !important;
        -webkit-text-fill-color: #f0f7fc !important;
        background: #101e2b !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        opacity: 1 !important;
    }

    html body.gundam-skin .coinmodal .basic :is(.coin-wallet-editor, .coin-wallet-pass) input {
        padding-right: 11px !important;
        text-align: left !important;
    }

    html body.gundam-skin .coinmodal .basic > div > span:not(.bg) {
        position: absolute !important;
        right: 11px !important;
        z-index: 1 !important;
        color: #72cde8 !important;
        -webkit-text-fill-color: #72cde8 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        pointer-events: none !important;
    }

    html body.gundam-skin .coinmodal .basic > div.coin-wallet-editor button.adcopy {
        flex: 0 0 64px !important;
        width: 64px !important;
        height: 42px !important;
        margin: 0 !important;
        border: 1px solid #1485c5 !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #0b72b1 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    html body.gundam-skin .coinmodal .basic > div.bg.light {
        justify-content: flex-end !important;
        gap: 4px !important;
        padding-right: 11px !important;
    }

    html body.gundam-skin .coinmodal .basic > div.bg.light > span {
        position: static !important;
        color: #72cde8 !important;
        -webkit-text-fill-color: #72cde8 !important;
        pointer-events: auto !important;
    }

    html body.gundam-skin .coinmodal .modal-footer {
        position: relative !important;
        z-index: 2 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px max(10px, env(safe-area-inset-bottom)) !important;
        border: 0 !important;
        border-top: 1px solid #24475f !important;
        background: #061522 !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin .coinmodal .modal-footer .btnRed {
        width: 100% !important;
        height: 44px !important;
        margin: 0 !important;
        border: 1px solid #08a99b !important;
        border-radius: 4px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: linear-gradient(#0cae9c, #08766f) !important;
        box-shadow: inset 0 1px rgb(255 255 255 / 18%) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }
}

@media (max-width: 340px) {
    html:has(:is(.w_deposit, .w_withdraw)) body.gundam-skin #ajax-content.contents > .page:is(.w_deposit, .w_withdraw) {
        margin-top: -10px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) table.list_history :is(th, td) {
        font-size: 9px !important;
    }
}