/*
 * Lion2 Signal — Wave 2 detail-surface compatibility, immutable revision 1.
 *
 * This final layer closes three active legacy visual leaks without changing
 * markup or behavior: the shared betting-history attachment modal, account
 * money-transfer flyouts, and the mini-game play shell.  Repeated application
 * IDs intentionally outrank historical Lion1 declarations that use !important.
 */

/* --------------------------------------------------------------------------
 * Free/customer betting-history attachment modal.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer)) #mybetmodal#mybetmodal {
    --signal-attach-bg: #090c0d;
    --signal-attach-panel: #111516;
    --signal-attach-panel-raised: #202526;
    --signal-attach-line: #5f6667;
    --signal-attach-line-soft: #343a3b;
    --signal-attach-copy: #f0f1eb;
    --signal-attach-muted: #aeb3b0;
    --signal-attach-yellow: var(--signal-yellow-hot, #ffd316);
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal-dialog {
    width: min(1180px, calc(100vw - 32px)) !important;
    max-width: 1180px !important;
    margin: 16px auto !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal-content {
    display: flex !important;
    max-height: calc(100dvh - 32px) !important;
    overflow: hidden !important;
    border: 8px solid transparent !important;
    border-radius: 0 !important;
    border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 8px / 0 stretch !important;
    background-color: var(--signal-attach-bg) !important;
    background-image:
        linear-gradient(rgb(7 10 11 / 88%), rgb(7 10 11 / 95%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: var(--signal-attach-copy) !important;
    box-shadow: 18px 22px 0 rgb(0 0 0 / 42%), 0 28px 72px rgb(0 0 0 / 64%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal :is(.modal-header, .modal-footer) {
    flex: 0 0 auto !important;
    border-color: var(--signal-attach-line) !important;
    border-radius: 0 !important;
    background-color: var(--signal-attach-panel-raised) !important;
    background-image: var(--signal-part-title-signal) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-attach-copy) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 8%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal-header {
    min-height: 52px !important;
    padding: 8px 12px !important;
    border-bottom: 3px solid var(--signal-attach-yellow) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal-title {
    color: var(--signal-attach-copy) !important;
    font-family: var(--signal-font-display) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
    text-shadow: 0 2px 3px #000 !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal_close {
    display: inline-flex !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid var(--signal-attach-line) !important;
    border-radius: 0 !important;
    background-color: #171b1c !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-attach-yellow) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal_close:is(:hover, :focus-visible) {
    border-color: var(--signal-attach-yellow) !important;
    background-image: var(--signal-part-nav-neutral) !important;
    color: #fff !important;
    outline: 2px solid rgb(255 211 22 / 35%) !important;
    outline-offset: 1px !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    background-color: var(--signal-attach-bg) !important;
    background-image:
        linear-gradient(rgb(8 11 12 / 90%), rgb(8 11 12 / 96%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: var(--signal-attach-copy) !important;
    scrollbar-color: var(--signal-attach-yellow) #090c0d !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) {
    gap: 5px !important;
    margin: 0 0 10px !important;
    padding: 6px !important;
    border: 1px solid var(--signal-attach-line) !important;
    border-bottom: 3px solid var(--signal-attach-yellow) !important;
    border-radius: 0 !important;
    background-color: var(--signal-attach-panel) !important;
    background-image: var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .cpmenu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .gametype-button {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 74px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid var(--signal-attach-line) !important;
    border-radius: 0 !important;
    background-color: #1a1f20 !important;
    background-image: var(--signal-part-nav-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #d8dad5 !important;
    font-family: var(--signal-font-body) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: 0 1px #000 !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 7%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) a:is(:hover, :focus-visible) {
    border-color: var(--signal-attach-yellow) !important;
    background-image: var(--signal-part-nav-neutral) !important;
    color: #fff !important;
    outline: none !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) a.on {
    border-color: var(--signal-attach-yellow) !important;
    background-color: var(--signal-attach-yellow) !important;
    background-image: var(--signal-part-nav-active) !important;
    color: #080a0b !important;
    box-shadow: inset 0 -3px #a98800 !important;
    text-shadow: 0 1px rgb(255 255 255 / 24%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list {
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--signal-attach-line) !important;
    border-radius: 0 !important;
    background: var(--signal-attach-panel) !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list .betting_title li {
    border-color: var(--signal-attach-line-soft) !important;
    background: var(--signal-attach-panel-raised) !important;
    color: var(--signal-attach-copy) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list .betting_content li {
    border-color: var(--signal-attach-line-soft) !important;
    background: #111516 !important;
    color: var(--signal-attach-copy) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list .betting_content:nth-of-type(odd) li {
    background: #181d1e !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list .betting-footer {
    border-color: var(--signal-attach-line-soft) !important;
    background: #202526 !important;
    color: var(--signal-attach-muted) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal .game_list input[type='checkbox'] {
    accent-color: var(--signal-attach-yellow) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal #deposi_wallet_btn {
    min-width: 148px !important;
    min-height: 42px !important;
    border: 1px solid #806800 !important;
    border-radius: 0 !important;
    background-color: var(--signal-attach-yellow) !important;
    background-image: var(--signal-part-key-yellow) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #080a0b !important;
    font-family: var(--signal-font-display) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 34%), 0 3px 0 #665100 !important;
    text-shadow: 0 1px rgb(255 255 255 / 24%) !important;
}

body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
    #mybetmodal#mybetmodal #deposi_wallet_btn:is(:hover, :focus-visible) {
    filter: brightness(1.06) contrast(1.04) !important;
    outline: 2px solid rgb(255 211 22 / 36%) !important;
    outline-offset: 2px !important;
}

@media (width <= 767px) {
    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: none !important;
        height: calc(100dvh - 12px) !important;
        margin: 6px auto !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .modal-content {
        height: 100% !important;
        max-height: 100% !important;
        border-width: 6px !important;
        border-radius: 0 !important;
        border-image-width: 6px !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .modal-body {
        padding: 8px !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) {
        flex-wrap: nowrap !important;
        gap: 4px !important;
        padding: 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-x: contain !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button)::-webkit-scrollbar {
        display: none !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal :is(.cpmenu, .gametype-button) a {
        min-width: 68px !important;
        min-height: 36px !important;
        padding: 6px 9px !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .game_list {
        display: none !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history {
        display: grid !important;
        gap: 9px !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history > div[id$='_MOBILE'] {
        min-width: 0 !important;
        overflow: hidden !important;
        border: 1px solid var(--signal-attach-line) !important;
        border-left: 5px solid var(--signal-attach-yellow) !important;
        border-radius: 0 !important;
        background-color: var(--signal-attach-panel) !important;
        background-image:
            linear-gradient(rgb(9 12 13 / 88%), rgb(9 12 13 / 96%)),
            var(--signal-part-concrete) !important;
        background-repeat: repeat !important;
        background-position: center !important;
        box-shadow: 5px 5px 0 rgb(0 0 0 / 34%) !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history
        :is(.betting_content, .betting_content1) {
        border-color: var(--signal-attach-line-soft) !important;
        background: #111516 !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history
        :is(.betting_content, .betting_content1) > li {
        border-right-color: var(--signal-attach-line-soft) !important;
        background: transparent !important;
        color: var(--signal-attach-copy) !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history
        :is(.betting-footer, .my_bet_game_result_head) {
        background: #202526 !important;
        color: var(--signal-attach-muted) !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history
        :is(.betting-footer, .my_bet_game_result_head) > div {
        border-color: var(--signal-attach-line-soft) !important;
        color: var(--signal-attach-muted) !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .moblie_bet_history input[name='betNo'] {
        accent-color: var(--signal-attach-yellow) !important;
    }

    body.lion2-skin.lion-skin:has(:is(.w_free, .w_customer))
        #mybetmodal#mybetmodal .mybet-mobile-order__header .bet-kind-badge {
        border-color: var(--signal-attach-yellow) !important;
        border-radius: 0 !important;
        background: var(--signal-attach-yellow) !important;
        color: #080a0b !important;
    }
}

/* --------------------------------------------------------------------------
 * Account/slip casino-money transfer flyouts.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) .slip-panel {
    padding: 12px !important;
    border: 6px solid transparent !important;
    border-radius: 0 !important;
    border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 6px / 0 stretch !important;
    background-color: #0b0e0f !important;
    background-image:
        linear-gradient(rgb(8 11 12 / 84%), rgb(8 11 12 / 92%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: #f0f1eb !important;
    box-shadow: inset 0 0 18px rgb(0 0 0 / 46%), 5px 5px 0 rgb(0 0 0 / 36%) !important;
}

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) :is(
    .slip-panel-toggle,
    .slip-tab-btn,
    .slip-amount-preset,
    .slip-submit-blue,
    .slip-refresh-btn
) {
    border: 1px solid #62696a !important;
    border-radius: 0 !important;
    background-color: #1b2021 !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #e5e7e2 !important;
    -webkit-text-fill-color: #e5e7e2 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 7%) !important;
    text-shadow: 0 1px #000 !important;
}

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) :is(
    .slip-panel-toggle,
    .slip-tab-btn,
    .slip-amount-preset,
    .slip-submit-blue,
    .slip-refresh-btn
):is(:hover, :focus-visible) {
    border-color: var(--signal-yellow-hot, #ffd316) !important;
    background-image: var(--signal-part-nav-neutral) !important;
    color: var(--signal-yellow-hot, #ffd316) !important;
    -webkit-text-fill-color: var(--signal-yellow-hot, #ffd316) !important;
    outline: 2px solid rgb(255 211 22 / 28%) !important;
    outline-offset: 1px !important;
}

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) .slip-tab-btn.active,
body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) :is(
    .slip-submit-green,
    .casino-transfer-submit-deposit,
    .casino-transfer-submit-withdraw
) {
    border: 1px solid #806800 !important;
    border-radius: 0 !important;
    background-color: var(--signal-yellow-hot, #ffd316) !important;
    background-image: var(--signal-part-key-yellow) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 36%), 0 3px 0 #665100 !important;
    text-shadow: 0 1px rgb(255 255 255 / 24%) !important;
}

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) .slip-amount-input {
    min-width: 0 !important;
    border: 1px solid #555c5d !important;
    border-radius: 0 !important;
    background-color: #090c0d !important;
    background-image: var(--signal-part-input-well) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #f0f1eb !important;
    -webkit-text-fill-color: #f0f1eb !important;
    box-shadow: inset 0 2px 8px rgb(0 0 0 / 66%) !important;
    caret-color: var(--signal-yellow-hot, #ffd316) !important;
}

body.lion2-skin.lion-skin .right_content :is(
    .lion-account-console,
    .lion-main-betslip,
    .lion-betslip-panel
) .slip-amount-input:focus {
    border-color: var(--signal-yellow-hot, #ffd316) !important;
    outline: 2px solid rgb(255 211 22 / 28%) !important;
    outline-offset: 1px !important;
}

/* --------------------------------------------------------------------------
 * Mini-game play: retire the active warm Lion1 shell around the live renderer.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page {
    --signal-mini-copy: #f0f1eb;
    --signal-mini-muted: #aeb3b0;
    --signal-mini-line: #5f6667;
    --signal-mini-line-soft: #343a3b;
    --signal-mini-yellow: var(--signal-yellow-hot, #ffd316);

    background-color: #090c0d !important;
    background-image:
        linear-gradient(rgb(7 10 11 / 90%), rgb(7 10 11 / 96%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: var(--signal-mini-copy) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-game-tabs {
    border: 1px solid var(--signal-mini-line) !important;
    border-bottom: 4px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #111516 !important;
    background-image: var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: var(--signal-mini-copy) !important;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 34%) !important;
    scrollbar-color: var(--signal-mini-yellow) #090c0d !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-game-tab {
    border: 1px solid var(--signal-mini-line) !important;
    border-radius: 0 !important;
    background-color: #1b2021 !important;
    background-image: var(--signal-part-nav-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #d8dad5 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 7%) !important;
    text-shadow: 0 1px #000 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page
    .mini-game-tab:is(:hover, :focus-visible) {
    border-color: var(--signal-mini-yellow) !important;
    background-image: var(--signal-part-nav-neutral) !important;
    color: #fff !important;
    outline: 2px solid rgb(255 211 22 / 28%) !important;
    outline-offset: 1px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-game-tab.on {
    border-color: var(--signal-mini-yellow) !important;
    background-color: var(--signal-mini-yellow) !important;
    background-image: var(--signal-part-nav-active) !important;
    color: #080a0b !important;
    box-shadow: inset 0 -3px #a98800 !important;
    text-shadow: 0 1px rgb(255 255 255 / 24%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-game-tab.locked {
    border-color: var(--signal-mini-line-soft) !important;
    background-image: var(--signal-part-nav-dark) !important;
    color: #777d7d !important;
    filter: grayscale(1) brightness(.68) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-game-icon {
    filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-video-area {
    border: 1px solid var(--signal-mini-line) !important;
    border-top: 5px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #050708 !important;
    background-image: url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%), 5px 5px 0 rgb(0 0 0 / 34%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-video-frame {
    background: #000 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-notice {
    border: 1px solid var(--signal-mini-line) !important;
    border-left: 6px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #111516 !important;
    background-image: var(--signal-part-notice-well) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-mini-copy) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-notice-label {
    border: 1px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #0b0e0f !important;
    background-image: var(--signal-part-badge) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-mini-yellow) !important;
    font-weight: 900 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-play-layout {
    background: transparent !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page :is(
    .mini-betting-board,
    .mini-order-inline,
    .item-container
) {
    border: 1px solid var(--signal-mini-line) !important;
    border-radius: 0 !important;
    background-color: #111516 !important;
    background-image:
        linear-gradient(rgb(10 13 14 / 86%), rgb(10 13 14 / 94%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    color: var(--signal-mini-copy) !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page :is(
    .item-container__header,
    .mini-order-inline > .title
) {
    border-color: var(--signal-mini-line) !important;
    border-bottom: 3px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #202526 !important;
    background-image: var(--signal-part-title-signal) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-mini-copy) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 7%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .header-title {
    color: var(--signal-mini-copy) !important;
    font-family: var(--signal-font-display) !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 3px #000 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .btn-panel-toggle {
    border: 1px solid var(--signal-mini-yellow) !important;
    border-radius: 0 !important;
    background-color: #0b0e0f !important;
    background-image: var(--signal-part-badge) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: var(--signal-mini-yellow) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page :is(
    .item-container__body--small,
    .item-container__body--big
) {
    border-color: var(--signal-mini-line-soft) !important;
    background: #121617 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .item-panel__left {
    border-color: var(--signal-mini-line-soft) !important;
    background: #202526 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .item-panel__left-text {
    color: var(--signal-mini-copy) !important;
    font-weight: 800 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .custom-btn {
    border: 1px solid var(--signal-mini-line) !important;
    border-radius: 0 !important;
    background-color: #1b2021 !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    color: #e4e6e1 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page
    .custom-btn:is(:hover, :focus-visible) {
    border-color: var(--signal-mini-yellow) !important;
    background-image: var(--signal-part-nav-neutral) !important;
    color: #fff !important;
    outline: 2px solid rgb(255 211 22 / 24%) !important;
    outline-offset: 1px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .custom-btn.active {
    border-color: var(--signal-mini-yellow) !important;
    background-color: var(--signal-mini-yellow) !important;
    background-image: var(--signal-part-key-yellow) !important;
    color: #080a0b !important;
    box-shadow: inset 0 -3px #a98800 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page
    .custom-btn.active :is(.button-text, .txt_odds) {
    color: #080a0b !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .custom-btn.processing {
    border-color: var(--signal-mini-line-soft) !important;
    background: #202526 !important;
    color: var(--signal-mini-muted) !important;
    filter: grayscale(1) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .txt_odds {
    color: var(--signal-mini-yellow) !important;
    font-family: var(--signal-font-numeric) !important;
    font-weight: 900 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-order-list {
    background: #0b0e0f !important;
    color: var(--signal-mini-copy) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-order-row {
    border-color: var(--signal-mini-line-soft) !important;
    background: #121617 !important;
    color: var(--signal-mini-copy) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-order-row:hover {
    border-color: var(--signal-mini-yellow) !important;
    background: #202526 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page :is(
    .mini-order-amount,
    .mini-timer
) {
    color: var(--signal-mini-yellow) !important;
    font-family: var(--signal-font-numeric) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .mini-page .mini-order-empty {
    color: var(--signal-mini-muted) !important;
}

/* --------------------------------------------------------------------------
 * General detail pages: restore Signal material parts after the cohesion layer
 * has neutralized Lion1 backgrounds. Content/admin images are not selected.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join
) {
    background-color: var(--detail-bg, #0b0f11) !important;
    background-image:
        linear-gradient(rgb(8 11 12 / 90%), rgb(8 11 12 / 96%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo
) .signal-page-heading__surface {
    background-color: #202526 !important;
    background-image:
        linear-gradient(90deg, rgb(5 8 9 / 22%), rgb(5 8 9 / 8%)),
        var(--signal-part-title-signal) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_rule,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    .rectBox,
    .payment_method,
    .stat_money,
    .wd-card,
    .wd-status-box,
    .receive-type-card,
    .point-treasury,
    .point-treasury__exchange,
    .point-ledger,
    .pointdetail,
    .coupon-toolbar,
    .coupon-summary,
    .coupon-grid,
    .couponwrap,
    .memo-overview,
    #memo_list_card,
    .memo-table-card,
    .myinfo-overview,
    .myinfo-profile,
    .myinfo-work-panel,
    .myinfo-assets,
    .myinfo-profile-fields,
    .board-layout-scope,
    .board-detail-card,
    #event_list,
    #event_view,
    .list_history,
    .boardinput,
    .customer-attach-block,
    .questions_detail,
    .rule_detail,
    .result-filters,
    .quick-stats,
    .stats-grid,
    .loading-area,
    .honor-ranking-shell,
    .honor-cat-tabs
) {
    background-color: var(--detail-panel, #151a1c) !important;
    background-image:
        linear-gradient(rgb(11 15 16 / 86%), rgb(11 15 16 / 94%)),
        var(--signal-part-concrete) !important;
    background-repeat: repeat !important;
    background-position: center !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%), 4px 4px 0 rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_coupon,
    .page.w_memo,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    .coupon-history-card,
    .coupon-history-row,
    .coupon-ticket,
    .memo-item,
    .memo-row,
    .notice-card,
    .event_detail,
    .customer-detail-card,
    .match-card,
    .score-box,
    .ranking-event-card,
    .ranking-view-content,
    .honor-champion
) {
    background-color: var(--detail-panel-2, #202628) !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%), 4px 4px 0 rgb(0 0 0 / 28%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_rule,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    .button,
    .btn,
    .btn_blue,
    .btn_gray,
    .amount_button,
    .all_amount_button,
    .reset_button,
    .deposit-method-tab,
    .withdraw-method-tab,
    .cpmenu a,
    .ranking-status-tab,
    .sport-tab,
    .date-btn,
    .detail-toggle,
    .memo-toolbar-action,
    .coupon-delete-action
) {
    background-color: #242a2c !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_rule,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    .deposit-method-tab,
    .withdraw-method-tab,
    .cpmenu a,
    .ranking-status-tab,
    .sport-tab,
    .date-btn,
    .detail-toggle
):is(.on, .active, [aria-selected='true']) {
    background-color: var(--detail-accent, #ffd400) !important;
    background-image: var(--signal-part-nav-active) !important;
    color: var(--detail-accent-ink, #090b0c) !important;
    -webkit-text-fill-color: var(--detail-accent-ink, #090b0c) !important;
}

/* Generated fallback artwork is useful category media, not a disabled state. */
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) img:is(.lion-provider-fallback, .signal-media-fallback),
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont[data-media-state='fallback'] > .el-row > img:first-child {
    filter: saturate(.96) contrast(1.04) !important;
    opacity: 1 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont:is(.provider-locked, .locked, .is-disabled, [aria-disabled='true'])
    > .el-row > img:first-child {
    filter: grayscale(1) contrast(1.08) brightness(.62) !important;
}

/* Memo bulk delete uses the loaded Flaticon semantic glyph, not a legacy raster. */
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_memo #all_memo_del_btn::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
    content: none !important;
    filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_memo #all_memo_del_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_memo #all_memo_del_btn .signal-memo-toolbar-icon {
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--detail-accent, #ffd400) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}