/* =============================================================
 * SC BET — 게시판 · 팝업(공지 · 이벤트 · 고객센터 · 자유게시판 · 규정 · 게시판이벤트 · 로그인/가입 모달 · 폐쇄형 로그인 · 알림창 · 채팅)
 * 규칙은 tests/scbet-skin-20261023/STYLE.md, 선택자는 body.scbet-skin 으로 시작.
 *
 * 기준: sc2480 공지 · 이벤트 · 고객센터 캡처 — 검정 판 안에 "금색 아이콘 + 흰 제목",
 * 회색 머리줄 표, 금색 주 버튼 · 빨강 삭제 버튼, 선택된 쪽번호 금색.
 * 라이온2 겉모양(주황 · 갈색 판, 콘크리트 질감, 노랑 경고색)은 여기서 SC BET 무채색 · 금색으로 덮는다.
 * lion2 의 css/signal 이 맡던 동작용 규칙(팝업 위치, 규정 펼침, 404, 채팅 이미지 확대)도 여기서 되살린다.
 * ============================================================= */

/* -------------------------------------------------------------
 * 0. 공통 부품 — 버튼 · 입력칸 (게시판 화면 안)
 * ------------------------------------------------------------- */
body.scbet-skin .page:is(.w_notice, .w_event, .w_customer, .w_questions, .w_free, .w_rule, .w_quiz_event, .w_stream) {
    --sc-board-row: #262626;
    --sc-board-hover: rgb(255 255 255 / 4%);
    --sc-board-deep: #101010;
    color: var(--sc-text);
}

/* 주 버튼(금색) */
body.scbet-skin .page.w_customer :is(#write_panel_btn, #write_btn),
body.scbet-skin .page.w_free :is(#write_cotent, #write_btn, #comment_btn),
body.scbet-skin .page.w_free #write-panel #write_btn,
body.scbet-skin .page.w_quiz_event .quiz-submit-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 20px !important;
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 3px !important;
    background: var(--sc-gold-soft) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 2px 6px rgb(0 0 0 / 40%) !important;
    color: #2a1800 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%) !important;
    cursor: pointer;
}

/* 보조 버튼(짙은 회색) */
body.scbet-skin .page.w_customer :is(#customer_account_btn, #customer_attach_bet_btn),
body.scbet-skin .page.w_free #free_attach_bet_btn,
body.scbet-skin .page.w_free #write-panel #free_attach_bet_btn,
body.scbet-skin .page.w_quiz_event .quiz-back-btn,
body.scbet-skin .page .board-layout-scope .board-detail-back {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    height: auto;
    padding: 0 18px !important;
    border: 1px solid #3b3b3b !important;
    border-radius: 3px !important;
    background: #262626 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%) !important;
    color: #e6e6e6 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    cursor: pointer;
}

/* 삭제(읽은 문의 전체 삭제 · 글 삭제 · 댓글 삭제) → 공통 부품 B(10-shell.css 끝) */

/* 마우스 올림 · 누름 · 포커스 — customer.css:1093 의 라이온 hover
 * html body.lion-skin .w_customer :is(#write_panel_btn, #customer_account_btn, #write_btn, #customer_attach_bet_btn, #cancel_btn):hover
 * (1,3,2) · !important 가 갈색 판(#8a3b0b→#441807) · 주황 테두리(#efa128) · 연노랑 글자를 칠하고, 위 평상 규칙(1,3,1)은 hover 에서 졌다.
 * 터치하면 hover 가 남아 창을 닫은 뒤에도 갈색 → 상태 셋 모두 평상과 같은 SC BET 값을 다시 박는다.
 * 명시도는 라이온과 같은 (1,3,2) — 이 파일이 customer.css 뒤라 이기고, 모바일 80-mobile.css 의 문의하기 · 계좌문의 모양(1,3,2)은 그 뒤라 그대로 남는다.
 * 밝아지는 효과는 마우스가 있는 기기에서만(아래 @media (hover: hover)) — 터치 뒤 남는 hover 는 평상과 똑같이 보인다. */
html body.scbet-skin .w_customer :is(#write_panel_btn, #write_btn):is(:hover, :active, :focus),
html body.scbet-skin .w_free :is(#write_cotent, #write_btn, #comment_btn):is(:hover, :active, :focus) {
    border-color: var(--sc-gold-line) !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%) !important;
    transform: none;
}

html body.scbet-skin .w_customer :is(#customer_account_btn, #customer_attach_bet_btn):is(:hover, :active, :focus),
html body.scbet-skin .w_free #free_attach_bet_btn:is(:hover, :active, :focus) {
    border-color: #3b3b3b !important;
    background: #262626 !important;
    color: #e6e6e6 !important;
    text-shadow: none !important;
    transform: none;
}

body.scbet-skin .page.w_quiz_event :is(.quiz-submit-btn, .quiz-back-btn):hover,
body.scbet-skin .page .board-layout-scope .board-detail-back:hover {
    transform: none;
}

@media (hover: hover) {
    body.scbet-skin .page.w_customer :is(#write_panel_btn, #write_btn, #customer_account_btn, #customer_attach_bet_btn):hover,
    body.scbet-skin .page.w_free :is(#write_cotent, #write_btn, #comment_btn, #free_attach_bet_btn):hover,
    body.scbet-skin .page.w_quiz_event :is(.quiz-submit-btn, .quiz-back-btn):hover,
    body.scbet-skin .page .board-layout-scope .board-detail-back:hover {
        filter: brightness(1.1);
    }

    body.scbet-skin .page.w_customer :is(#customer_account_btn, #customer_attach_bet_btn):hover,
    body.scbet-skin .page.w_free #free_attach_bet_btn:hover,
    body.scbet-skin .page.w_free #write-panel #free_attach_bet_btn:hover,
    body.scbet-skin .page.w_quiz_event .quiz-back-btn:hover,
    body.scbet-skin .page .board-layout-scope .board-detail-back:hover {
        border-color: var(--sc-gold-line) !important;
        color: var(--sc-gold-hi) !important;
    }
}

body.scbet-skin .page.w_customer :is(#write_panel_btn, #write_btn, #customer_account_btn, #customer_attach_bet_btn):active,
body.scbet-skin .page.w_free :is(#write_cotent, #write_btn, #comment_btn, #free_attach_bet_btn):active {
    filter: brightness(.94);
}

/* 글쓰기 '취소'(고객센터 · 자유게시판) — 지우는 동작이 아니라 글쓰기 창을 닫는 보조 버튼.
 * 10-shell 공통 부품 B(삭제 · 위험, 높이 34 · ✕ 아이콘 · (2,3,2))가 걸려 옆 버튼(40px)보다 6px 짧고 위에 붙던 것 →
 * 옆 '배팅내역 첨부'와 같은 보조 버튼 모양 · 같은 높이. ID 두 개를 더해 (3,3,2) 로 공통 부품 B 를 이긴다. */
html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn {
    gap: 6px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 1px solid #3b3b3b !important;
    border-radius: 3px !important;
    background: #262626 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%) !important;
    color: #e6e6e6 !important;
    -webkit-text-fill-color: currentcolor !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn::before {
    content: none !important;
    display: none !important;
}

html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn:is(:hover, :active, :focus) {
    border-color: #3b3b3b !important;
    background: #262626 !important;
    color: #e6e6e6 !important;
}

@media (hover: hover) {
    html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn:hover {
        border-color: var(--sc-gold-line) !important;
        color: var(--sc-gold-hi) !important;
        filter: brightness(1.1) !important;
    }
}

html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn:active {
    filter: brightness(.94) !important;
}

/* 쪽 번호(자유게시판 · 고객센터 · 규정 · 자주 묻는 질문) → 공통 부품 F(10-shell.css 끝) */
/* 입력칸 — 글쓰기 · 댓글 (customer.css 가 #write-panel 로 주황 칸을 박아 두어 같은 ID 로 이긴다) */
body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput :is(input, textarea),
body.scbet-skin .page.w_free textarea[id^="input_comment_"] {
    border: 1px solid #3a3a3a !important;
    border-radius: 3px !important;
    background: #0f0f0f !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
    caret-color: var(--sc-gold-hi);
    font-size: 13px;
}

body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput :is(input, textarea)::placeholder,
body.scbet-skin .page.w_free textarea[id^="input_comment_"]::placeholder {
    color: #7a7a7a !important;
}

body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput :is(input, textarea):focus,
body.scbet-skin .page.w_free textarea[id^="input_comment_"]:focus {
    border-color: var(--sc-gold) !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgb(212 172 79 / 14%) !important;
}

/* -------------------------------------------------------------
 * 1. 페이지 판 — 제목(공통 부품 A, 10-shell.css 끝)은 맨바닥, 그 아래 14px 에서 바로 내용 판(표 · 목록 · 카드)
 *    3차 다듬기 H10 · H11: 전에는 .page::before 로 큰 검정 판을 한 장 더 깔아(제목 아래 54px) 표 · 목록 판이 그 안 16px 에서
 *    시작 → 제목에서 내용 판까지 30px(다른 화면 14px) · 빈 상태가 판 속의 판이었다. 큰 판을 없애고 계정 화면 · 모바일처럼
 *    제목 → 14px(제목 아래 2px + 판 gap 12px) → 내용 판. 좌우 여백도 없애 제목 · 판 왼쪽 끝을 다른 화면과 맞춘다.
 * ------------------------------------------------------------- */
@media screen and (min-width: 981px) {
    body.scbet-skin .page:is(.w_notice, .w_event, .w_customer, .w_questions, .w_free, .w_rule, .w_quiz_event, .w_stream) {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 12px;
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 0 24px;
        border: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
    }

    body.scbet-skin #ajax-content .page:is(.w_notice, .w_event, .w_customer, .w_questions, .w_free, .w_rule, .w_quiz_event, .w_stream) > .page_ttl {
        margin: 0 0 2px !important;
    }
}

/* -------------------------------------------------------------
 * 2. 표 — 고객센터 · 자유게시판 (머리줄 #222, 줄 사이 #262626)
 * ------------------------------------------------------------- */
body.scbet-skin .page:is(.w_customer, .w_free) .list_history.customerdetail {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--sc-line) !important;
    border-radius: 3px;
    border-spacing: 0;
    background: #141414 !important;
    box-shadow: none !important;
}

/* 머리줄 표와 본문 표를 붙여 한 장처럼(PC — 판 gap 12px 만큼 끌어올림).
 * 모바일은 고객센터 머리 표가 숨고(카드) 판 gap 도 10px 이라 아래 16절에서 따로 */
@media screen and (min-width: 981px) {
    body.scbet-skin .page:is(.w_customer, .w_free) > table.list_history.customerdetail:first-of-type {
        border-bottom: 0 !important;
        border-radius: 3px 3px 0 0;
    }

    body.scbet-skin .page:is(.w_customer, .w_free) > table.list_history.customerdetail + table.list_history.customerdetail {
        margin-top: -12px;
        border-top: 0 !important;
        border-radius: 0 0 3px 3px;
    }
}

body.scbet-skin .page:is(.w_customer, .w_free) .list_history.customerdetail th {
    height: 42px;
    padding: 0 10px;
    border: 0 !important;
    border-bottom: 1px solid var(--sc-line) !important;
    background: var(--sc-row) !important;
    box-shadow: none !important;
    color: #ddd !important;
    font-size: 13px;
    font-weight: 700;
    text-shadow: none !important;
}

body.scbet-skin .page:is(.w_customer, .w_free) .list_history.customerdetail td {
    height: 46px;
    padding: 8px 10px;
    border: 0 !important;
    border-bottom: 1px solid var(--sc-board-row) !important;
    background: transparent !important;
    color: #cfcfcf !important;
    font-size: 13px;
}

body.scbet-skin .page:is(.w_customer, .w_free) .list_history.customerdetail tr:last-child > td {
    border-bottom: 0 !important;
}

body.scbet-skin .page:is(.w_customer, .w_free) .list_history.customerdetail tr:nth-child(even) > td,
body.scbet-skin .page.w_customer #customer_list > tr:not([class]):nth-child(odd) > td {
    background: transparent !important;
}

body.scbet-skin .page.w_free .list_history tr[class^="free_subject_"]:hover > td,
body.scbet-skin .page.w_customer #customer_list > tr[data-customer-id]:hover > td {
    background: var(--sc-board-hover) !important;
    color: #fff !important;
}

body.scbet-skin .page.w_free tr[class^="free_subject_"]:hover {
    background-color: transparent;
}

/* 제목 단추 — 기본 단추의 흰 바탕을 지운다(css/signal 이 하던 초기화) */
body.scbet-skin .page.w_free .free_detail,
body.scbet-skin .page.w_customer .customer-subject-trigger,
body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail) {
    appearance: none;
    display: inline;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #eee !important;
    font: inherit;
    font-weight: 600;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
}

body.scbet-skin .page.w_free .free_detail:hover,
body.scbet-skin .page.w_customer .customer-subject-trigger:hover,
body.scbet-skin .page.w_customer .customer-subject-trigger[aria-expanded="true"],
body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail):hover,
body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail)[aria-expanded="true"] {
    color: var(--sc-gold-hi) !important;
}

/* 아래 버튼 줄 */
body.scbet-skin .page:is(.w_customer, .w_free) > .dflexR {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin: 0;
}

/* -------------------------------------------------------------
 * 3. 공지 · 이벤트 — 세 가지 화면 구조(board_layout.js)
 * ------------------------------------------------------------- */

/* 3-0. 빈 목록(세 구조 공통) — board_layout.js 가 .notice-empty | .board-list-empty 안에 제목(strong) + 설명(span)을 그린다.
 *      상자 · 아이콘 · 가운데 정렬은 10-shell 공통 부품 D, 여기서는 안쪽 두 줄의 글자만(부모의 15px 굵게를 설명 줄이 물려받지 않게).
 *      분할형(이벤트)은 글이 없으면 목록 · 상세 두 칸 없이 이 빈 상태 하나만 그린다. */
body.scbet-skin .page .board-layout-scope .board-empty-state__title {
    display: block;
    margin: 0;
    color: var(--sc-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

body.scbet-skin .page .board-layout-scope .board-empty-state__description {
    display: block;
    margin: 0;
    color: var(--sc-text-dim);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

/* 3-1. 전환형(stack) 카드 */
body.scbet-skin .page .board-layout-scope.w_notice .notice-card-list {
    gap: 12px;
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card {
    border: 1px solid var(--sc-line);
    border-radius: 4px;
    background: #1b1b1b;
    box-shadow: 0 2px 8px rgb(0 0 0 / 35%);
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card:hover {
    border-color: var(--sc-gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgb(0 0 0 / 45%), 0 0 0 1px rgb(212 172 79 / 25%);
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card-thumb {
    border-bottom: 1px solid var(--sc-line);
    background: #0d0d0d;
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card-fallback {
    background:
        radial-gradient(90% 70% at 50% 100%, rgb(212 172 79 / 22%) 0%, rgb(0 0 0 / 0%) 70%),
        linear-gradient(180deg, #1d1d1d 0%, #0e0e0e 100%);
    color: var(--sc-gold-hi);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .18em;
    text-shadow: 0 2px 4px rgb(0 0 0 / 80%);
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card-body {
    padding: 10px 12px 12px;
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card-title {
    color: #eee;
    font-size: 14px;
    font-weight: 700;
}

body.scbet-skin .page .board-layout-scope.w_notice .notice-card:hover .notice-card-title {
    color: var(--sc-gold-hi);
}

/* 3-2. 상세 글(전환형 · 분할형 공용) */
body.scbet-skin .page .board-layout-scope .board-detail-shell {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.scbet-skin .page .board-layout-scope .board-detail-back {
    margin: 0 0 10px;
}

body.scbet-skin .page .board-layout-scope .board-detail-card {
    border: 1px solid var(--sc-line);
    border-radius: 4px;
    background: #161616;
    box-shadow: none;
    color: #ddd;
}

body.scbet-skin .page .board-layout-scope .board-detail-header {
    padding: 18px 22px 16px;
    border-bottom: 1px solid var(--sc-line);
    background: var(--sc-row);
}

body.scbet-skin .page .board-layout-scope .board-detail-badge {
    min-height: 22px;
    padding: 0 9px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 2px;
    background: var(--sc-gold-soft);
    box-shadow: none;
    color: #2a1800;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

body.scbet-skin .page .board-layout-scope .board-detail-date {
    color: #9a9a9a;
}

body.scbet-skin .page .board-layout-scope .board-detail-title {
    color: #fff;
    font-family: var(--font-family-base);
    font-size: 22px;
    font-weight: 800;
    text-shadow: none;
}

body.scbet-skin .page .board-layout-scope .board-detail-body {
    padding: 22px 22px 30px;
    color: #ddd;
}

/* 3-3. 분할형(split) — 왼쪽 목록 + 오른쪽 상세 */
body.scbet-skin .page .board-layout-scope.w_event :is(#event_list, #event_view) {
    border: 1px solid var(--sc-line);
    border-radius: 4px;
    background: #141414;
    box-shadow: none;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail {
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #1b1b1b;
    box-shadow: none;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail:hover,
body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail.is-active {
    border-color: var(--sc-gold);
    transform: none;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail.is-active {
    box-shadow: 0 0 0 1px var(--sc-gold) inset;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail .event-num {
    border-top: 1px solid var(--sc-line);
    background: #222;
    color: var(--sc-gold-hi);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail .event-title {
    background: transparent;
    color: #e6e6e6;
    font-weight: 600;
}

body.scbet-skin .page .board-layout-scope.w_event #event_list .event_detail.is-active .event-title {
    color: var(--sc-gold-hi);
}

body.scbet-skin .page .board-layout-scope.w_event #event_view .board-detail-card {
    border: 0;
    background: transparent;
}

body.scbet-skin .page .board-layout-scope.w_event #event_view img.u-event-logo {
    opacity: .35;
}

/* 3-4. 게시판형(list) — sc2480 표 모양, 상단 고정 글은 금색 */
body.scbet-skin .page .board-layout-scope .board-list {
    --bl-line: #262626;
    --bl-head-bg: #222;
    --bl-row-bg: transparent;
    --bl-hover: rgb(255 255 255 / 4%);
    --bl-open-bg: #101010;
    --bl-text: #ddd;
    --bl-muted: #9a9a9a;
    --bl-accent: var(--sc-gold);
    --bl-accent-text: #2a1800;
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #141414;
    font-size: 13px;
}

body.scbet-skin .page .board-layout-scope .board-list-head {
    min-height: 42px;
    border-bottom: 1px solid var(--sc-line);
    background: var(--sc-row);
    color: #ddd;
    font-size: 13px;
}

body.scbet-skin .page .board-layout-scope .board-list-row {
    min-height: 48px;
}

body.scbet-skin .page .board-layout-scope .board-list-title {
    color: #e6e6e6;
}

body.scbet-skin .page .board-layout-scope .board-list-item.is-open .board-list-title,
body.scbet-skin .page .board-layout-scope .board-list-row:hover .board-list-title {
    color: var(--sc-gold-hi);
}

body.scbet-skin .page .board-layout-scope .board-list-pin {
    border: 1px solid var(--sc-gold-line);
    border-radius: 2px;
    background: var(--sc-gold-soft);
    color: #2a1800;
}

body.scbet-skin .page .board-layout-scope .board-list-item:has(> .board-list-row .board-list-pin) > .board-list-row {
    background: linear-gradient(90deg, rgb(212 172 79 / 10%) 0%, rgb(212 172 79 / 0%) 60%) !important;
}

body.scbet-skin .page .board-layout-scope .board-list-item:has(> .board-list-row .board-list-pin) .board-list-title {
    color: var(--sc-gold-hi);
    font-size: 14px;
    font-weight: 700;
}

body.scbet-skin .page .board-layout-scope .board-list-new {
    background: #c0161d;
}

body.scbet-skin .page .board-layout-scope .board-list-body {
    border-top: 1px solid var(--sc-board-row);
    color: #ddd;
}

/* -------------------------------------------------------------
 * 4. 고객센터
 * ------------------------------------------------------------- */
body.scbet-skin .page.w_customer #customer_list > tr:is([class*="customer_content"], [class*="customer_reply"]) > td {
    padding: 8px 14px !important;
    background: var(--sc-board-deep) !important;
    color: #ddd !important;
}

body.scbet-skin .page.w_customer .customer-detail-card {
    margin: 4px 0;
    padding: 14px 16px;
    border-radius: 3px;
}

body.scbet-skin .page.w_customer .customer-detail-card--question {
    border: 1px solid var(--sc-line) !important;
    border-left: 3px solid var(--sc-gold) !important;
    background: #171717 !important;
    box-shadow: none !important;
}

body.scbet-skin .page.w_customer .customer-detail-card--answer {
    border: 1px solid var(--sc-line) !important;
    border-left: 3px solid #2fa84f !important;
    background: #141a15 !important;
    box-shadow: none !important;
}

body.scbet-skin .page.w_customer .customer-detail-badge {
    min-width: 46px;
    height: 22px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 800;
}

body.scbet-skin .page.w_customer .customer-detail-card--question .customer-detail-badge {
    border: 1px solid var(--sc-gold-line) !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
}

body.scbet-skin .page.w_customer .customer-detail-card--answer .customer-detail-badge {
    border: 1px solid #13521f !important;
    background: linear-gradient(180deg, #2fa84f 0%, #1d7a36 100%) !important;
    color: #fff !important;
}

body.scbet-skin .page.w_customer .customer-detail-card .customer-detail-title {
    color: #bdbdbd !important;
}

body.scbet-skin .page.w_customer .customer-detail-card .customer-detail-body {
    color: #e6e6e6 !important;
}

/* 답변 상태 꼬리표 */
body.scbet-skin .page.w_customer :is(.status-yes, .status-pending, .status-cancel-request) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    height: 24px;
    padding: 0 8px;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-size: 11px;
    font-weight: 800;
}

body.scbet-skin .page.w_customer .status-yes {
    border: 1px solid #13521f !important;
    background: linear-gradient(180deg, #2fa84f 0%, #1d7a36 100%) !important;
    color: #fff !important;
}

body.scbet-skin .page.w_customer .status-pending {
    border: 1px solid var(--sc-gold-line) !important;
    background: #2a2210 !important;
    color: var(--sc-gold-hi) !important;
}

body.scbet-skin .page.w_customer .status-cancel-request {
    border: 1px solid #3b3b3b !important;
    background: #262626 !important;
    color: #bdbdbd !important;
}

/* 문의 행 삭제 → 공통 부품 B */
/* 빈 목록 */
/* 글쓰기 판 */
body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput {
    gap: 10px;
    margin: 0 0 12px;
    padding: 16px;
    border: 1px solid var(--sc-line) !important;
    border-radius: 3px !important;
    background: #161616 !important;
    box-shadow: none !important;
}

body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput input {
    height: 42px;
    padding: 0 12px;
}

body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .boardinput textarea {
    min-height: 220px;
    padding: 12px;
    line-height: 1.6;
}

body.scbet-skin .page:is(.w_customer, .w_free) #write-panel .text-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 4px;
}

/* 배팅내역 첨부 판(고객센터 · 자유게시판) */
body.scbet-skin .page.w_customer #write_attch_bet,
body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) {
    border: 1px solid var(--sc-line) !important;
    border-radius: 3px !important;
    background: #141414 !important;
    box-shadow: none !important;
}

/* -------------------------------------------------------------
 * 5. 자유게시판
 * ------------------------------------------------------------- */
body.scbet-skin .page.w_free .comment-count {
    margin-left: 4px;
    color: var(--sc-num);
    font-size: 12px;
    font-weight: 700;
}

body.scbet-skin .page.w_free .level-badge {
    min-width: 26px;
    min-height: 20px;
    padding: 0 6px;
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 2px !important;
    background: #1f1a0e !important;
    box-shadow: none !important;
    color: var(--sc-gold-hi) !important;
    font-size: 11px;
    font-weight: 800;
}

/* 목록 칸 폭(PC) — 기본 .customerdetail 은 15% · 나머지 · 10% · 10% 라 1280 · 1366 에서 번호 칸은 153px 로 남고
 * 작성자 칸(102 · 111px)에서 '10 QA송지훈' 이 글자 단위로 두 줄이 됐다.
 * 머리 표와 본문 표가 따로라 둘 다 table-layout:fixed + 같은 고정 폭(번호 76 · 작성자 160 · 작성일 100, 제목이 나머지)으로 맞춘다.
 * 작성자는 한 줄(등급 배지 + 닉네임), 넘치면 말줄임. 모바일(≤980)은 16절. */
@media screen and (min-width: 981px) {
    body.scbet-skin .page.w_free > table.list_history.customerdetail {
        table-layout: fixed;
    }

    body.scbet-skin .page.w_free > table.list_history.customerdetail th:nth-child(1),
    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(1) {
        width: 76px;
    }

    body.scbet-skin .page.w_free > table.list_history.customerdetail th:nth-child(2),
    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(2) {
        width: auto;
    }

    body.scbet-skin .page.w_free > table.list_history.customerdetail th:nth-child(3),
    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(3) {
        width: 160px;
    }

    body.scbet-skin .page.w_free > table.list_history.customerdetail th:nth-child(4),
    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(4) {
        width: 100px;
    }

    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(3) {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body.scbet-skin .page.w_free tr[class^="free_subject_"] > td:nth-child(3) .level-badge {
        margin-right: 2px;
        vertical-align: middle;
    }
}

body.scbet-skin .page.w_free .board-icon.bet,
body.scbet-skin .page.w_free .board-icon.bet-attach {
    border: 1px solid #13521f !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #2fa84f 0%, #1d7a36 100%) !important;
    color: #fff !important;
}

body.scbet-skin .page.w_free .board-icon.new {
    border: 1px solid #6e0a0e !important;
    border-radius: 2px !important;
    background: #c0161d !important;
    color: #fff !important;
}

/* 펼친 글 */
body.scbet-skin .page.w_free .list_history.customerdetail td.content_detail {
    padding: 14px 18px 18px !important;
    border-left: 3px solid var(--sc-gold) !important;
    background: var(--sc-board-deep) !important;
    color: #ddd !important;
    text-align: left;
}

body.scbet-skin .page.w_free .list_history td.content_detail > .bbscc_title {
    min-height: 40px;
    margin: 0 0 8px !important;
    padding: 0 14px !important;
    border: 1px solid var(--sc-line) !important;
    border-radius: 3px 3px 0 0 !important;
    background: var(--sc-row) !important;
    box-shadow: none !important;
    color: #eee !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.scbet-skin .page.w_free .list_history td.content_detail > .bbscc_title:not(:first-child) {
    margin-top: 14px !important;
    border-radius: 3px !important;
}

body.scbet-skin .page.w_free .bbscc_title .--highlight-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 20px;
    margin-left: 6px;
    padding: 0 6px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 2px;
    background: var(--sc-gold-soft);
    box-shadow: none;
    color: #2a1800;
    font-size: 11px;
    font-weight: 800;
}

body.scbet-skin .page.w_free .bbsl_detail_wrap.bbsc_content {
    min-height: 110px;
    margin: 0 0 14px !important;
    padding: 16px 18px !important;
    border: 1px solid var(--sc-line) !important;
    border-radius: 0 0 3px 3px !important;
    background: #161616 !important;
    box-shadow: none !important;
    color: #e6e6e6 !important;
    font-size: 14px;
    line-height: 1.8;
}

body.scbet-skin .page.w_free .line_1px_border {
    border-color: var(--sc-board-row);
}

/* 댓글 */
body.scbet-skin .page.w_free #comment_list .bbscc_row,
body.scbet-skin .page.w_free .bbscc_row {
    border: 1px solid var(--sc-line) !important;
    border-radius: 3px !important;
    background: #161616 !important;
    box-shadow: none !important;
}

body.scbet-skin .page.w_free #comment_list .bbscc_row::before {
    background: linear-gradient(180deg, var(--sc-gold-hi), var(--sc-gold-line));
}

body.scbet-skin .page.w_free .level-badge-comment {
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 2px !important;
    background: #1f1a0e !important;
    box-shadow: none !important;
    color: var(--sc-gold-hi) !important;
}

body.scbet-skin .page.w_free #comment_list .--upper {
    border-bottom-color: var(--sc-board-row);
    color: #bdbdbd;
}

body.scbet-skin .page.w_free #comment_list .--upper i {
    color: #7a7a7a;
}

body.scbet-skin .page.w_free #comment_list .--cwrap_content {
    color: #e6e6e6;
}

/* 댓글 삭제 → 공통 부품 B */
body.scbet-skin .page.w_free textarea[id^="input_comment_"] {
    width: 100%;
    min-height: 90px;
    padding: 10px 12px;
}

body.scbet-skin .page.w_free .content_detail .txt_ac {
    text-align: left;
}

body.scbet-skin .page.w_free .content_detail .txt_ac.ad_padtb10 {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0 0;
}

/* 첨부 배팅내역(글 안 · 글쓰기) */
body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .attach_title {
    border: 0 !important;
    border-bottom: 1px solid var(--sc-line) !important;
    background: var(--sc-row) !important;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .attach_title::before {
    border: 1px solid var(--sc-gold-line);
    background: var(--sc-gold-soft);
    box-shadow: none;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .attach_title::after {
    border-color: #2a1800;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .attach_title h4 {
    color: #eee;
    font-family: var(--font-family-base), sans-serif;
    text-shadow: none;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting_title {
    border: 1px solid var(--sc-line);
    background: #222;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting_title li {
    border-right-color: var(--sc-board-row) !important;
    background: #222 !important;
    color: #ddd;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting_content {
    border-color: var(--sc-board-row);
    background: #121212;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting_content:nth-of-type(odd) {
    background: #171717;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting_content li {
    border-right-color: var(--sc-board-row) !important;
    color: #ddd;
}

body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer {
    border-color: var(--sc-board-row);
    background: #1b1b1b;
    color: #bdbdbd;
}

/* 합계 줄 글자는 회색, 숫자만 색(.num-accent 흰색 · .num-highlight 주황 — 15-2절) — 배팅내역 화면과 같게 */
body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer > span:last-child {
    color: #bdbdbd;
}

/* 바닥 줄(PC) — free.js 가 고객센터와 같은 공용 바닥 줄(접수시간 · 예상당첨 · 결과당첨 · 오른쪽 전체 결과 알약, common/bet-footer.js)을 그린다.
 * free.css 의 2칸 격자(grid 0.8fr 1.2fr)에서는 넷째 칸(결과 알약)이 다음 줄로 내려가 → 고객센터(customer.css .customer-attach-block)와 같은 한 줄 flex */
@media screen and (min-width: 981px) {
    body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px 12px;
    }

    body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer > span {
        min-width: 0;
    }

    body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer > span:is(:nth-child(2), :nth-child(3)) {
        flex: 1 1 260px;
    }

    body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .betting-footer > span:last-child {
        margin-right: 0 !important;
        margin-left: auto;
        float: none !important;
        white-space: nowrap;
        text-align: right;
    }

    /* 글 보기 첨부 표(PC) — free.js 가 종류별 상자(.free-attach-block.free-attach--*)로 감싼다.
     * free.css 의 % 칸 폭(:has 칸 수 세기)은 좁은 PC 에서 칸이 글자보다 좁아 '2026-10-19 12:5 / 0:00' · '10,000 X 2.10 21,00 / = 0' ·
     * '10-19 13: / 00' 처럼 숫자 중간이 꺾였다(3차 3) → 고객센터 첨부(customer.css .customer-attach--*)와 같은 종류별 칸 격자 + 한 줄.
     * 칸 최소 폭은 실제 글자 폭(나눔고딕 12px)에 맞췄고, 상자가 칸 합보다 좁으면(981~1279px) 표 안에서 가로로 민다.
     * 가상(BET365) '경기 시간' 은 실제 데이터가 '2026-10-19 12:55:00' 처럼 날짜까지 와서 배팅 시간과 같은 폭 */
    body.scbet-skin .page.w_free [class*="free_attach_"] > .sports-list > .game_list {
        overflow-x: auto;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach-block {
        --free-attach-cols: repeat(8, minmax(0, 1fr));
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 10px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach--sport {
        --free-attach-cols: minmax(84px, .7fr) minmax(140px, 1.15fr) minmax(200px, 2.15fr) minmax(100px, 1fr) minmax(70px, .75fr) minmax(52px, .5fr) minmax(64px, .65fr) minmax(76px, .7fr);
        min-width: 786px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach--inplay {
        --free-attach-cols: minmax(84px, .75fr) minmax(140px, 1.2fr) minmax(200px, 2.25fr) minmax(110px, 1.15fr) minmax(70px, 1fr) minmax(52px, .55fr) minmax(76px, .75fr);
        min-width: 732px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach--virtual {
        --free-attach-cols: minmax(140px, 1fr) minmax(90px, .85fr) minmax(140px, 1fr) minmax(110px, 1.5fr) minmax(104px, .9fr) minmax(158px, 1.25fr) minmax(76px, .6fr);
        min-width: 818px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] :is(.free-attach--minigame, .free-attach--token) {
        --free-attach-cols: minmax(76px, .75fr) minmax(140px, 1.2fr) minmax(96px, 1fr) minmax(96px, 1.3fr) minmax(158px, 1.45fr) minmax(76px, .7fr);
        min-width: 642px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach--mingo {
        --free-attach-cols: minmax(140px, 1.3fr) minmax(72px, .7fr) minmax(96px, 1fr) minmax(96px, 1fr) minmax(84px, .9fr) minmax(84px, .9fr) minmax(76px, .7fr);
        min-width: 648px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach--esport {
        --free-attach-cols: minmax(140px, 1.2fr) minmax(56px, .5fr) minmax(96px, 1fr) minmax(150px, 2fr) minmax(56px, .5fr) minmax(120px, 1.1fr) minmax(76px, .7fr);
        min-width: 694px;
    }

    body.scbet-skin .page.w_free [class*="free_attach_"] .free-attach-block :is(.betting_title, .betting_content) {
        display: grid !important;
        grid-template-columns: var(--free-attach-cols);
    }

    /* free.css 의 칸 수별 % 폭(!important — 7칸 팀 없는 표는 :not(:has()) 까지 붙어 명시도 1-6-3)과 li 인라인 width 를 이긴다 */
    html:root body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .free-attach-block :is(.betting_title, .betting_content) > li:nth-child(n) {
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 7px !important;
        flex: initial !important;
        white-space: nowrap;
    }

    /* 리그 · 팀 이름은 숫자가 아니라 길면 낱말 단위로 줄을 바꾼다(숫자 칸만 한 줄) */
    html:root body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) .free-attach-block .betting_content > li:is(.gleague, .gteam),
    html:root body.scbet-skin .page.w_free :is(#write_attach_bet, [class*="free_attach_"]) :is(.free-attach--virtual, .free-attach--esport) .betting_content > li:nth-child(4) {
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    /* 고객센터 글 보기 첨부(PC) 가상(BET365) — customer.css 의 배팅 시간 126px · 경기 시간 118px 은 실제 데이터의
     * '2026-10-19 12:55:00'(약 131px)보다 좁아 끝자리가 말줄임으로 잘렸다 → 두 칸 140px(팀 칸에서 덜어 합은 그대로 860px 안팎) */
    body.scbet-skin .page.w_customer .customer-attach--virtual {
        --customer-attach-cols: minmax(140px, 1.05fr) minmax(100px, 1fr) minmax(140px, 1fr) minmax(170px, 1.9fr) minmax(96px, .9fr) minmax(144px, 1.35fr) minmax(72px, .65fr);
    }
}

/* -------------------------------------------------------------
 * 6. 자주 묻는 질문 · 이용규칙 — 번호 + 제목 줄, 누르면 아래로 펼침
 * ------------------------------------------------------------- */
body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_wrap {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #141414;
    box-shadow: none;
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 50px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--sc-board-row);
    border-radius: 0;
    background: transparent;
    color: #e6e6e6;
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container:hover {
    background: var(--sc-board-hover);
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container .--num {
    border-right: 1px solid var(--sc-board-row);
    color: var(--sc-gold-hi);
    font-size: 13px;
    font-weight: 800;
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container .--extra {
    padding: 0 16px;
}

body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail) {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 0;
    font-size: 14px;
    word-break: keep-all;
}

body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail)::after {
    content: "\25BE";
    flex: none;
    margin-left: auto;
    color: #6a6a6a;
    font-size: 12px;
}

body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail)[aria-expanded="true"]::after {
    content: "\25B4";
    color: var(--sc-gold-hi);
}

/* 펼침(lion2 css/signal 이 하던 표시 규칙을 되살림) */
body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_detail_wrap[hidden] {
    display: none !important;
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_detail_wrap.is-open {
    display: block !important;
    margin: 0;
    padding: 18px 22px 22px 88px;
    border: 0;
    border-bottom: 1px solid var(--sc-board-row);
    border-radius: 0;
    background: var(--sc-board-deep);
    color: #ddd;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_detail_wrap img {
    max-width: 100%;
    height: auto;
}

/* 규정 그림을 못 불러올 때 rule.js 가 lion2 경고 그림(images/signal)을 끼운다 — 그림은 숨기고 안내 상자로 */
body.scbet-skin .page.w_rule .signal-content-unavailable {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 18px 20px;
    border: 1px solid var(--sc-line);
    border-left: 3px solid var(--sc-gold);
    border-radius: 3px;
    background: #161616;
}

body.scbet-skin .page.w_rule .signal-content-unavailable img {
    display: none !important;
}

body.scbet-skin .page.w_rule .signal-content-unavailable::before {
    content: "\e717";
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 50%;
    background: #1f1a0e;
    color: var(--sc-gold-hi);
    font-family: "uicons-solid-rounded";
    font-size: 15px;
    line-height: 1;
}

body.scbet-skin .page.w_rule .signal-content-unavailable figcaption {
    color: #cfcfcf;
    font-size: 13px;
}

/* 빈 상태(.bbsl_item_container--empty) → 공통 부품 D(10-shell.css 끝) */
/* 제목(옛 JS 의 한 줄 span · 새 JS 의 strong) */
/* 설명 */
/* -------------------------------------------------------------
 * 7. 게시판 이벤트(퀴즈 · 투표)
 * ------------------------------------------------------------- */
body.scbet-skin .page.w_quiz_event {
    --quiz-event-brand-gradient: var(--sc-row);
    --quiz-event-brand-panel: #1b1b1b;
    --quiz-event-brand-soft: #1f1a0e;
    --quiz-event-brand-text: var(--sc-gold-hi);
}

body.scbet-skin .page.w_quiz_event .quiz-prize-header {
    border-color: var(--sc-board-row) !important;
    background: var(--sc-row) !important;
    color: #fff !important;
}

body.scbet-skin .page.w_quiz_event .quiz-section-title {
    border: 1px solid var(--sc-gold-line);
    border-radius: 2px;
    background: #1f1a0e;
    color: var(--sc-gold-hi);
}

body.scbet-skin .page.w_quiz_event .quiz-view-content {
    border-color: var(--sc-line);
    border-radius: 3px;
    background: #161616;
}

body.scbet-skin .page.w_quiz_event .cpmenu {
    justify-content: flex-start;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

body.scbet-skin .page.w_quiz_event .cpmenu a {
    min-width: 120px;
}

body.scbet-skin .page.w_quiz_event :is(#quiz-event-list, #quiz-event-view) {
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #141414;
    box-shadow: none;
}

body.scbet-skin .page.w_quiz_event :is(.quiz-count, .quiz-total-votes, .quiz-deadline) {
    color: #9a9a9a;
}

body.scbet-skin .page.w_quiz_event .quiz-card {
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #1b1b1b;
    box-shadow: none;
}

body.scbet-skin .page.w_quiz_event .quiz-card:hover {
    border-color: var(--sc-gold);
    transform: translateY(-2px);
}

/* '진행중 · 종료' 띠 — quiz_event.css 는 그림 위에 띄워(absolute) 그림 윗부분(제목 글자)을 가렸다 → 그림 위 한 줄로 */
body.scbet-skin .page.w_quiz_event .quiz-card-badge {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 24px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--sc-gold-line);
    background: var(--sc-gold-soft);
    color: #2a1800;
    font-weight: 800;
    text-shadow: none;
}

body.scbet-skin .page.w_quiz_event .quiz-card-badge.ended {
    border-bottom-color: #3b3b3b;
    background: #2a2a2a;
    color: #9a9a9a;
}

body.scbet-skin .page.w_quiz_event .quiz-card-img {
    background: #0d0d0d;
}

body.scbet-skin .page.w_quiz_event .quiz-no-img {
    color: #6a6a6a;
}

body.scbet-skin .page.w_quiz_event .quiz-card-info {
    border-top: 1px solid var(--sc-line);
}

/* 참여 수 — 숫자만 덩그러니 있던 것을 "아이콘 + N명 참여" 로(JS 에 라벨이 없어 가상 요소로) */
body.scbet-skin .page.w_quiz_event .quiz-card-votes {
    min-height: 20px;
    margin-bottom: 4px;
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 600;
}

body.scbet-skin .page.w_quiz_event .quiz-card-votes > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #eee;
    font-weight: 800;
}

body.scbet-skin .page.w_quiz_event .quiz-card-votes > span:first-child::before {
    content: "\f404";
    color: var(--sc-gold-hi);
    font-family: "uicons-solid-rounded";
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
}

body.scbet-skin .page.w_quiz_event .quiz-card-votes > span:first-child::after {
    content: "명 참여";
    margin-left: -3px;
    color: #9a9a9a;
    font-weight: 600;
}

body.scbet-skin .page.w_quiz_event .quiz-card-voted-badge {
    border: 1px solid #13521f;
    background: #1d7a36;
    color: #fff;
}

body.scbet-skin .page.w_quiz_event .quiz-card-title {
    color: #eee;
    font-size: 14px;
    font-weight: 700;
}

body.scbet-skin .page.w_quiz_event .quiz-card:hover .quiz-card-title {
    color: var(--sc-gold-hi);
}

body.scbet-skin .page.w_quiz_event .quiz-card-period {
    color: #8a8a8a;
}

/* 상세 */
body.scbet-skin .page.w_quiz_event .quiz-view-badge.active {
    border: 1px solid var(--sc-gold-line);
    background: var(--sc-gold-soft);
    color: #2a1800;
}

body.scbet-skin .page.w_quiz_event .quiz-view-badge.ended {
    border: 1px solid #3b3b3b;
    background: #262626;
    color: #9a9a9a;
}

body.scbet-skin .page.w_quiz_event .quiz-view-table table {
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #141414;
}

body.scbet-skin .page.w_quiz_event .quiz-view-table th {
    border-color: var(--sc-board-row);
    background: #222;
    color: #ddd;
}

body.scbet-skin .page.w_quiz_event .quiz-view-table td {
    border-color: var(--sc-board-row);
    background: transparent;
    color: #e6e6e6;
}

body.scbet-skin .page.w_quiz_event :is(.quiz-prize-value, .quiz-option-count) {
    color: var(--sc-num);
}

body.scbet-skin .page.w_quiz_event .quiz-section-title {
    border-color: var(--sc-line);
    color: #fff;
}

body.scbet-skin .page.w_quiz_event .quiz-description {
    color: #ddd;
}

body.scbet-skin .page.w_quiz_event .quiz-option {
    border: 1px solid #333;
    border-radius: 3px;
    background: #1b1b1b;
    color: #e6e6e6;
}

body.scbet-skin .page.w_quiz_event .quiz-option:hover:not(:disabled) {
    border-color: var(--sc-gold-line);
}

body.scbet-skin .page.w_quiz_event :is(.quiz-option.selected, .quiz-option.voted) {
    border-color: var(--sc-gold);
    background: #241e10;
    box-shadow: inset 0 0 0 1px var(--sc-gold);
}

body.scbet-skin .page.w_quiz_event .quiz-option.correct {
    border-color: #2fa84f;
    background: #142318;
}

body.scbet-skin .page.w_quiz_event .quiz-opt-badge.my-vote {
    background: var(--sc-gold);
    color: #2a1800;
}

body.scbet-skin .page.w_quiz_event .quiz-opt-badge.correct-mark {
    background: #2fa84f;
    color: #fff;
}

body.scbet-skin .page.w_quiz_event .quiz-voted-msg {
    color: var(--sc-gold-hi);
}

/* -------------------------------------------------------------
 * 8. 라이브 중계
 * ------------------------------------------------------------- */
body.scbet-skin .page.w_stream .stream-stage {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
}

body.scbet-skin .page.w_stream .stream-stage-placeholder {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 10px;
    min-height: 260px;
    padding: 28px 20px;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background:
        radial-gradient(70% 90% at 50% 100%, rgb(212 172 79 / 12%) 0%, rgb(0 0 0 / 0%) 70%),
        #141414;
    color: #9a9a9a;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}

body.scbet-skin .page.w_stream .stream-stage-placeholder strong {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

body.scbet-skin .page.w_stream .stream-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid #6e0a0e;
    border-radius: 2px;
    background: linear-gradient(180deg, #d42a30 0%, #a50f16 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
}

body.scbet-skin .page.w_stream .stream-live-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

body.scbet-skin .page.w_stream .stream-player {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #141414;
}

body.scbet-skin .page.w_stream .stream-player > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    background: var(--sc-row);
    color: #eee;
    font-size: 14px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
}

body.scbet-skin .page.w_stream .stream-player > summary::-webkit-details-marker {
    display: none;
}

body.scbet-skin .page.w_stream .stream-player > summary::before {
    content: "\25B6";
    color: var(--sc-gold-hi);
    font-size: 11px;
}

body.scbet-skin .page.w_stream .stream-player[open] > summary {
    border-bottom: 1px solid var(--sc-line);
}

body.scbet-skin .page.w_stream .stream-player[open] > summary::before {
    content: "\25BC";
}

body.scbet-skin .page.w_stream .stream-frame iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    height: clamp(560px, 70vh, 920px);
    border: 0;
    background: #000;
}

/* -------------------------------------------------------------
 * 9. 404(없는 주소) — css/signal 이 맡던 판을 SC BET 으로
 * ------------------------------------------------------------- */
body.scbet-skin .spa-error-page {
    display: grid;
    place-items: center;
    min-height: clamp(420px, 60vh, 640px);
    padding: 40px 18px;
    border: 0; /* 판은 안쪽(__inner) 한 겹만 — 바깥까지 테두리 · 바탕이 있어 판 속의 판이었다 */
    border-radius: 0;
    background: none;
    color: var(--sc-text);
    text-align: center;
}

body.scbet-skin .spa-error-page__inner {
    width: min(560px, 100%);
    padding: 36px 32px 32px;
    border: 1px solid var(--sc-line);
    border-top: 3px solid var(--sc-gold);
    border-radius: 4px;
    background: linear-gradient(180deg, #1d1d1d 0%, #121212 100%);
    box-shadow: 0 14px 34px rgb(0 0 0 / 50%);
}

body.scbet-skin .spa-error-page__code {
    margin: 0;
    background: var(--sc-gold-plate);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 96px;
    font-weight: 900;
    line-height: .95;
    letter-spacing: .04em;
}

body.scbet-skin .spa-error-page__title {
    margin: 18px 0 10px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
}

body.scbet-skin .spa-error-page__description {
    max-width: 470px;
    word-break: keep-all;
    margin: 0 auto 26px;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1.7;
}

body.scbet-skin .spa-error-page__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

body.scbet-skin .spa-error-page__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #262626;
    color: #e6e6e6;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

body.scbet-skin .spa-error-page__action--primary {
    border-color: var(--sc-gold-line);
    background: var(--sc-gold-soft);
    color: #2a1800;
    font-weight: 800;
}

body.scbet-skin .spa-error-page__action:hover {
    filter: brightness(1.1);
}

/* -------------------------------------------------------------
 * 10. 로그인 · 회원가입 · 무기명가입 모달(#login · #join · #join2)
 * ------------------------------------------------------------- */
body.scbet-skin .loginContainer {
    background: rgb(0 0 0 / 74%);
    backdrop-filter: blur(2px);
}

@media screen and (min-width: 981px) {
    /* 가입 모달은 960px 가까이 길다 — 낮은 화면(1440×900 등)에서 아래가 잘리지 않게 겉판을 스크롤 */
    body.scbet-skin .loginContainer {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body.scbet-skin .loginContainer .wrap1 {
        box-sizing: border-box;
        align-items: center;
        height: auto;
        min-height: 100%;
        padding: 40px 16px;
    }

    body.scbet-skin .loginContainer .wrap2 {
        margin: 0;
    }
}

body.scbet-skin .loginContainer .wrap2 {
    overflow: hidden;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    background:
        radial-gradient(120% 60% at 50% 0%, rgb(212 172 79 / 10%) 0%, rgb(0 0 0 / 0%) 60%),
        linear-gradient(180deg, #1c1c1c 0%, #111 100%);
    box-shadow: 0 0 0 1px #000, 0 24px 60px rgb(0 0 0 / 70%), inset 0 1px 0 rgb(255 255 255 / 5%);
    color: var(--sc-text);
}

body.scbet-skin .loginContainer .wrap2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--sc-gold-plate);
}

body.scbet-skin .loginContainer .wrap2 .box {
    padding: 10px 10px 14px;
}

body.scbet-skin .loginContainer .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 30px 20px 4px;
    color: #cfcfcf;
}

body.scbet-skin .loginContainer .title.u-mt20-title {
    margin-top: 0;
}

body.scbet-skin .loginContainer .title img {
    display: block;
    width: auto;
    max-width: 260px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgb(0 0 0 / 60%));
}

body.scbet-skin .loginContainer .title span {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}

body.scbet-skin .loginContainer .wrap2 .box .col {
    margin: 4px 0;
    padding: 16px 22px 6px;
}

body.scbet-skin .loginContainer .wrap2 .box .col > div {
    padding: 4px 0;
}

body.scbet-skin .loginContainer .wrap2 .box .col > div label {
    margin: 4px 0 6px;
    color: #bdbdbd;
    font-size: 13px;
    font-weight: 700;
}

body.scbet-skin .loginContainer .wrap2 .box .col :is(input, select) {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    background: #0f0f0f;
    color: #f2f2f2;
    color-scheme: dark;
    font-size: 14px;
    outline: 0;
}

body.scbet-skin .loginContainer .wrap2 .box .col input::placeholder {
    color: #7a7a7a;
}

body.scbet-skin .loginContainer .wrap2 .box .col :is(input, select):focus {
    border-color: var(--sc-gold);
    box-shadow: 0 0 0 2px rgb(212 172 79 / 14%);
}

body.scbet-skin .loginContainer .wrap2 .box .col > div p {
    color: var(--sc-num);
    font-size: 12px;
    line-height: 1.5;
}

body.scbet-skin .loginContainer .wrap2 .box .col > div p.signup-recommend-hint {
    color: #8a8a8a !important;
}

/* 로그인 단추 줄: 로그인 = 금색, 가입 = 짙은 회색 */
body.scbet-skin #login.loginContainer .btnCont {
    gap: 6px;
    margin-top: 6px;
}

body.scbet-skin .loginContainer .btn_login {
    height: 46px;
    padding: 0 4px;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #262626;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
    color: #e6e6e6;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

body.scbet-skin .loginContainer .btn_login:hover {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

body.scbet-skin .loginContainer .btn_login#modal-login-button {
    border-color: var(--sc-gold-line);
    background: var(--sc-gold-soft);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 2px 6px rgb(0 0 0 / 40%);
    color: #2a1800;
    font-weight: 800;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%);
}

body.scbet-skin .loginContainer .btn_login#modal-login-button:hover {
    color: #2a1800;
    filter: brightness(1.08);
}

/* 닫기 */
body.scbet-skin .loginContainer .close_login {
    top: 14px;
    right: 14px;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #1e1e1e;
    color: #bdbdbd;
}

body.scbet-skin .loginContainer .close_login:hover {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

body.scbet-skin .loginContainer .close_login .fi-br-cross::before {
    font-size: 15px;
}

/* 가입 모달 */
body.scbet-skin .loginContainer .wrap2.joincol .title {
    flex-direction: row;
    justify-content: center;
    gap: 14px;
    padding: 28px 60px 14px;
    border-bottom: 1px solid var(--sc-line);
}

body.scbet-skin .loginContainer .wrap2.joincol .title img.signup-logo {
    height: 44px;
}

body.scbet-skin .loginContainer .wrap2.joincol .title span {
    padding-left: 14px;
    border-left: 1px solid #3a3a3a;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

body.scbet-skin .loginContainer .colWrap {
    column-gap: 0;
}

body.scbet-skin .loginContainer .colWrap > .col + .col {
    border-left: 1px solid var(--sc-board-row, #262626);
}

body.scbet-skin .loginContainer .u-flex-wrap-center {
    gap: 6px;
}

body.scbet-skin .loginContainer .u-flex-wrap-center > label {
    flex: 1 0 100%;
}

body.scbet-skin .loginContainer .u-flex-wrap-center .u-captcha-img {
    height: 42px;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
}

body.scbet-skin .loginContainer .u-cert-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 3px;
    background: #262626;
    color: var(--sc-gold-hi);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

body.scbet-skin .loginContainer .btnCont2 {
    padding: 8px 22px 6px;
}

body.scbet-skin .loginContainer .btnCont2 button {
    min-width: 240px;
    height: 48px;
    padding: 0 24px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 3px;
    background: var(--sc-gold-soft);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 3px 8px rgb(0 0 0 / 45%);
    color: #2a1800;
    font-size: 17px;
    font-weight: 800;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%);
    cursor: pointer;
}

body.scbet-skin .loginContainer .btnCont2 button:hover {
    filter: brightness(1.08);
}

body.scbet-skin .loginContainer .btnCont2 button.signup-anon-switch {
    border-color: #3b3b3b;
    background: #262626 !important;
    color: #e6e6e6;
    text-shadow: none;
}

/* 보안 확인(ALTCHA) — 모달 안에서는 SC BET 어두운 판 · 금색 강조로 */
body.scbet-skin .loginContainer altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) {
    --ac-bg: #0f0f0f;
    --ac-bg-hover: #141414;
    --ac-border: #3a3a3a;
    --ac-text: #eee;
    --ac-muted: #9a9a9a;
    --ac-well: #1e1e1e;
    --ac-success-well: #1d2a1f;
    --ac-accent: #d4ac4f;
    --ac-ok: #2fa84f;
    --ac-danger: #e88a1a;
    --ac-radius: 3px;
    color-scheme: dark;
}

body.scbet-skin .loginContainer altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) .altcha-main {
    border-radius: 3px !important;
}

body.scbet-skin .loginContainer altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) .altcha-spinner {
    border-color: #5a4a26 !important;
    border-top-color: var(--sc-gold-hi) !important;
    border-right-color: var(--sc-gold) !important;
}

body.scbet-skin .loginContainer altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) .altcha-checkbox input[type=checkbox]:checked + svg {
    stroke: #fff !important;
}

body.scbet-skin :is(#join, #join2) altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) {
    width: calc(100% - 44px) !important;
    margin: 4px 22px 0 !important;
}

/* -------------------------------------------------------------
 * 11. 알림창(sweetalert v1 — css/pages/swal-skin-v2.css 위에)
 *     노랑 경고색 · 콘크리트 질감(lion2 그림)을 SC BET 금색 · 검정 판으로
 * ------------------------------------------------------------- */
body.scbet-skin .sweet-overlay {
    background: rgb(0 0 0 / 72%) !important;
    backdrop-filter: blur(2px) brightness(.8);
    -webkit-backdrop-filter: blur(2px) brightness(.8);
}

body.scbet-skin .sweet-alert {
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 4px !important;
    background:
        var(--site-logo-url, url('/skin/scbet_main/images/scbet/logo.png')) no-repeat center 26px / 160px auto,
        radial-gradient(120% 50% at 50% 0%, rgb(212 172 79 / 10%) 0%, rgb(0 0 0 / 0%) 60%),
        linear-gradient(180deg, #1d1d1d 0%, #0f0f0f 100%) !important;
    color: var(--sc-text);
    box-shadow:
        0 26px 70px rgb(0 0 0 / 78%),
        inset 0 0 0 4px #0b0b0b,
        inset 0 0 0 5px rgb(212 172 79 / 22%) !important;
}

body.scbet-skin .sweet-alert::before {
    background: linear-gradient(90deg, transparent, var(--sc-gold-line) 15%, var(--sc-gold-hi) 50%, var(--sc-gold-line) 85%, transparent);
    box-shadow: none;
}

body.scbet-skin .sweet-alert::after {
    border-color: rgb(255 255 255 / 8%);
}

body.scbet-skin .sweet-alert h2 {
    color: var(--sc-gold-hi) !important;
    font-family: var(--font-family-base);
    text-shadow: 0 2px 2px #000 !important;
}

body.scbet-skin .sweet-alert p {
    color: #ddd !important;
}

body.scbet-skin .sweet-alert input {
    border: 1px solid #3a3a3a !important;
    background: #0f0f0f !important;
    box-shadow: none !important;
}

body.scbet-skin .sweet-alert input:focus {
    border-color: var(--sc-gold) !important;
    box-shadow: 0 0 0 2px rgb(212 172 79 / 16%) !important;
}

body.scbet-skin .sweet-alert .deposit-account-swal-body {
    border-color: #3a3a3a;
    background: #0f0f0f;
    box-shadow: none;
}

body.scbet-skin .sweet-alert .deposit-account-swal-body :is(td, th) {
    border-color: #3a3a3a;
}

body.scbet-skin .sweet-alert button {
    border-radius: 3px !important;
}

body.scbet-skin .sweet-alert button.confirm {
    border: 1px solid var(--sc-gold-line) !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 3px 8px rgb(0 0 0 / 45%) !important;
}

body.scbet-skin .sweet-alert button.cancel {
    border: 1px solid #3b3b3b !important;
    background: #262626 !important;
    color: #e6e6e6 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%) !important;
}

body.scbet-skin .sweet-alert button:hover,
body.scbet-skin .sweet-alert button:focus-visible {
    filter: brightness(1.08);
    transform: none;
}

/* -------------------------------------------------------------
 * 12. 메인 팝업(#main-popups · signal-popup.js) — 한 번에 하나, 화면 가운데
 *     lion2 css/signal 이 맡던 위치 · 겹침 규칙을 되살린다(없으면 메인 맨 아래에 그냥 붙는다)
 * ------------------------------------------------------------- */
body.scbet-skin .signal-popup-queue {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

body.scbet-skin .signal-popup-queue__backdrop {
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 74%);
    backdrop-filter: blur(2px);
}

body.scbet-skin .signal-popup.signal-popup {
    position: relative !important;
    z-index: 1 !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    /* 열 너비를 창 너비로 묶는다 — 열이 없으면(auto) 긴 제목(nowrap)의 글자 길이만큼 열이 늘어 모바일 350/320px 창 밖으로
     * × 닫기 · '다음' · 본문 오른쪽이 잘렸고 제목 말줄임도 안 먹었다(3차 1) */
    grid-template-columns: minmax(0, 1fr);
    box-sizing: border-box !important;
    width: min(var(--signal-popup-width, 420px), calc(100vw - 40px)) !important;
    max-width: 1200px !important;
    max-height: calc(100dvh - 40px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 4px !important;
    background: #141414 !important;
    box-shadow: 0 0 0 1px #000, 0 24px 70px rgb(0 0 0 / 70%) !important;
    color: var(--sc-text) !important;
    transform: none !important;
}

body.scbet-skin .signal-popup.signal-popup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--sc-gold-plate);
}

body.scbet-skin .signal-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 8px 10px 8px 18px;
    border-bottom: 1px solid var(--sc-line);
    background: var(--sc-row);
}

body.scbet-skin .signal-popup__header-copy {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.scbet-skin .signal-popup__header-copy::before {
    content: "\ebf5";
    flex: none;
    color: var(--sc-gold-hi);
    font-family: "uicons-solid-rounded";
    font-size: 18px;
    line-height: 1;
}

/* JS 가 'SIGNAL NOTICE' 를 박아 둔다 — 라이온2 문구라 숨김(보고서에 JS 수정 제안) */
body.scbet-skin .signal-popup__eyebrow {
    display: none;
}

body.scbet-skin .signal-popup__title {
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.scbet-skin .signal-popup__viewport {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

body.scbet-skin .signal-popup .signal-popup__content {
    box-sizing: border-box;
    min-height: 100px;
    padding: 18px 20px;
    background: #111;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

body.scbet-skin .signal-popup__content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

body.scbet-skin .signal-popup__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 8px 10px;
    border-top: 1px solid var(--sc-line);
    background: #0c0c0c;
}

body.scbet-skin .signal-popup__nav {
    display: inline-grid;
    grid-template-columns: auto minmax(52px, auto) auto;
    align-items: center;
    gap: 5px;
}

body.scbet-skin .signal-popup__counter {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

body.scbet-skin .signal-popup__button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #262626;
    color: #e6e6e6;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.scbet-skin .signal-popup__button:hover:not(:disabled) {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

body.scbet-skin .signal-popup__button:focus-visible,
body.scbet-skin .loginContainer button:focus-visible {
    outline: 2px solid var(--sc-gold-hi);
    outline-offset: 1px;
}

body.scbet-skin .signal-popup__button:disabled {
    opacity: .45;
    cursor: default;
}

body.scbet-skin .signal-popup__button--close {
    flex: none;
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    background: #1e1e1e;
    font-size: 22px;
    line-height: 1;
}

body.scbet-skin .signal-popup__button--day {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

/* 팝업 2개 이상일 때 위쪽 '전체 닫기' 띠(JS 가 노랑 #f5c400 으로 박아 둠) */
body.scbet-skin #popupCloseAllBar {
    border-color: var(--sc-gold-line);
    background: rgb(20 20 20 / 96%);
}

body.scbet-skin #popupCloseAllCount {
    color: var(--sc-gold-hi);
}

body.scbet-skin #popupCloseAllBtn {
    border: 1px solid var(--sc-gold-line);
    background: var(--sc-gold-soft);
    color: #2a1800;
}

body.scbet-skin #popupCloseAllTodayBtn {
    border-color: #3b3b3b;
    color: #ddd;
}

/* -------------------------------------------------------------
 * 13. 실시간 상담(채팅) — 흰 판을 검정 판 · 금색으로
 * ------------------------------------------------------------- */
@media screen and (min-width: 981px) {
    body.scbet-skin #chat-widget-btn svg {
        display: block;
        width: 26px;
        height: 26px;
        color: #2a1800;
    }
}

body.scbet-skin #chat-unread-badge {
    border: 1px solid #000;
    background: #c0161d;
}

body.scbet-skin #chat-widget-panel {
    border: 1px solid #3a3a3a;
    border-radius: 6px;
    background: #141414;
    box-shadow: 0 0 0 1px #000, 0 16px 44px rgb(0 0 0 / 65%);
}

body.scbet-skin #chat-widget-panel .chat-header {
    padding: 12px 14px 12px 16px;
    border-bottom: 2px solid var(--sc-gold);
    background: linear-gradient(180deg, #2a2a2a 0%, #181818 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

body.scbet-skin #chat-widget-panel .chat-header button {
    width: 30px;
    height: 30px;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #1e1e1e;
    color: #bdbdbd;
    font-size: 20px;
}

body.scbet-skin #chat-widget-panel .chat-header button:hover {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

body.scbet-skin #chat-widget-panel .chat-messages {
    background: #0f0f0f;
}

body.scbet-skin #chat-widget-panel .chat-msg-other .chat-bubble {
    border: 1px solid #2f2f2f;
    background: #222;
    color: #eee;
}

body.scbet-skin #chat-widget-panel .chat-msg-me .chat-bubble {
    border: 1px solid var(--sc-gold-line);
    background: var(--sc-gold-soft);
    color: #2a1800;
    font-weight: 600;
}

body.scbet-skin #chat-widget-panel .chat-msg-me :is(.chat-time, .chat-read-status) {
    color: rgb(42 24 0 / 72%);
}

body.scbet-skin #chat-widget-panel .chat-msg-system .chat-bubble {
    border: 0;
    background: transparent;
    color: #8a8a8a;
}

body.scbet-skin #chat-widget-panel .chat-sender {
    color: var(--sc-gold-hi);
    font-weight: 700;
}

body.scbet-skin #chat-widget-panel .chat-typing {
    color: #8a8a8a;
}

body.scbet-skin #chat-widget-panel .chat-input-area {
    border-top: 1px solid var(--sc-line);
    background: #161616;
}

body.scbet-skin #chat-widget-panel .chat-input-area input[type="text"] {
    min-width: 0;
    height: 38px;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    background: #0f0f0f;
    color: #f2f2f2;
}

body.scbet-skin #chat-widget-panel .chat-input-area input[type="text"]::placeholder {
    color: #7a7a7a;
}

body.scbet-skin #chat-widget-panel .chat-input-area input[type="text"]:focus {
    border-color: var(--sc-gold);
}

body.scbet-skin #chat-widget-panel #chat-send-btn {
    flex: none;
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--sc-gold-line);
    border-radius: 3px;
    background: var(--sc-gold-soft);
    color: #2a1800;
    font-weight: 800;
}

body.scbet-skin #chat-widget-panel #chat-send-btn:hover {
    filter: brightness(1.08);
}

body.scbet-skin #chat-widget-panel #chat-img-label {
    flex: none;
    color: #9a9a9a;
}

body.scbet-skin #chat-widget-panel #chat-img-label:hover {
    color: var(--sc-gold-hi);
}

body.scbet-skin #chat-widget-panel #chat-emoji-btn {
    appearance: none;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.scbet-skin #chat-widget-panel .chat-emoji-picker {
    border: 1px solid #333;
    border-radius: 4px;
    background: #1b1b1b;
    box-shadow: 0 8px 22px rgb(0 0 0 / 55%);
}

body.scbet-skin #chat-widget-panel .chat-emoji-item:hover {
    background: #2a2a2a;
}

/* 채팅 이미지 확대(전체 화면 겹침 — css/signal 이 맡던 규칙) */
body.scbet-skin .chat-image-preview {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgb(0 0 0 / 88%);
}

body.scbet-skin .chat-image-preview__image {
    display: block;
    width: auto;
    max-width: min(92vw, 1400px);
    height: auto;
    max-height: 88dvh;
    object-fit: contain;
    border: 1px solid var(--sc-gold-line);
    border-radius: 3px;
    box-shadow: 0 20px 60px rgb(0 0 0 / 55%);
}

body.scbet-skin .chat-image-preview__close {
    position: fixed;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #1e1e1e;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}

/* 관리자 알림 토스트 — 금색 띠로 */
body.scbet-skin .admin-toast-inner {
    border-color: #333;
    border-radius: 4px;
    background: rgb(20 20 20 / 97%);
}

/* -------------------------------------------------------------
 * 14. 폐쇄형 사이트 로그인(html/closed_login.php)
 *     지금 이 화면은 css/scbet 를 읽지 않는다(brutalist-closed-login.css 만 읽음).
 *     closed_login.php 의 <body> 에 scbet-skin 을 더하고 이 파일을 brutalist 뒤에 링크하면 아래가 적용된다.
 *     (10-shell.css 를 읽지 않으므로 --sc-* 를 여기서 다시 정의)
 * ------------------------------------------------------------- */
html body.scbet-skin.lion-closed-login.lion2-skin {
    --sc-gold-plate: linear-gradient(180deg, #7b5a00 0%, #f9ce70 38%, #d4ac4f 51%, #7b5a00 75%, #d0a84c 100%);
    --sc-gold-soft: linear-gradient(180deg, #f9ce70 0%, #d4ac4f 55%, #9c7a2c 100%);
    --sc-gold: #d4ac4f;
    --sc-gold-hi: #f9ce70;
    --sc-gold-line: #8a6a2a;
    --sc-line: #2c2c2c;
    --sc-text: #eee;
    --signal-yellow: #d4ac4f;
    --signal-yellow-hot: #f9ce70;
    /* 메인과 같은 바탕(sc2480 방식): #272727 + 붉은 금빛 그림을 overlay 로 섞는다 */
    background-color: #272727 !important;
    background-image: url('/skin/scbet_main/images/scbet/bg-redgold.jpg') !important;
    background-blend-mode: overlay !important;
    background-position: center top !important;
    background-size: cover !important;
    color: var(--sc-text) !important;
    font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin :where(input, select, textarea, button, label, p, span, a, small, h1, h2, h3, .signup-title) {
    font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin::before {
    background: radial-gradient(circle at 50% 45%, rgb(0 0 0 / 0%) 0 30%, rgb(0 0 0 / 35%) 85%);
}

html body.scbet-skin.lion-closed-login.lion2-skin .closed-bg::before {
    background: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-wrapper::before,
html body.scbet-skin.lion-closed-login.lion2-skin .login-card::after {
    content: none !important;
    display: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-card {
    padding: 40px 36px 26px !important;
    border: 1px solid #3a3a3a !important;
    border-image: none !important;
    border-radius: 4px !important;
    background-color: #141414 !important;
    background-image:
        radial-gradient(120% 50% at 50% 0%, rgb(212 172 79 / 12%) 0%, rgb(0 0 0 / 0%) 60%),
        linear-gradient(180deg, #1c1c1c 0%, #111 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    box-shadow: 0 0 0 1px #000, 0 30px 80px rgb(0 0 0 / 75%) !important;
    clip-path: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-card::before {
    height: 3px !important;
    background: var(--sc-gold-plate) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-logo {
    height: 72px !important;
    margin: 0 0 22px !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-logo img {
    width: 300px !important;
    height: 64px !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .closed-login-control::before {
    content: none !important;
    display: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-field :is(input, select),
html body.scbet-skin.lion-closed-login.lion2-skin .closed-login-control input {
    height: 46px !important;
    padding: 0 14px !important;
    border: 1px solid #3a3a3a !important;
    border-image: none !important;
    border-radius: 3px !important;
    background: #0f0f0f !important;
    color: #f2f2f2 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    color-scheme: dark;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-field :is(input, select):focus,
html body.scbet-skin.lion-closed-login.lion2-skin .closed-login-control:focus-within input {
    border-color: var(--sc-gold) !important;
    box-shadow: 0 0 0 2px rgb(212 172 79 / 14%) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .closed-login-control:focus-within {
    box-shadow: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-field input::placeholder {
    color: #7a7a7a !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .btn-closed-login {
    height: 46px !important;
    border: 1px solid var(--sc-gold-line) !important;
    border-image: none !important;
    border-radius: 3px !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 3px 8px rgb(0 0 0 / 45%) !important;
    clip-path: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .btn-closed-login:is(.signup, .anon-signup) {
    border-color: #3b3b3b !important;
    background: #262626 !important;
    color: #e6e6e6 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .btn-closed-login:hover,
html body.scbet-skin.lion-closed-login.lion2-skin .btn-closed-login:focus-visible {
    transform: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-error:not(:empty) {
    border: 1px solid #6e0a0e !important;
    border-radius: 3px !important;
    background: rgb(80 8 12 / 70%) !important;
    color: #ffb3b3 !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .login-footer {
    border-top-color: var(--sc-line) !important;
    color: #7a7a7a !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin :focus-visible {
    outline-color: var(--sc-gold-hi) !important;
}

/* 폐쇄형 가입 · 무기명가입 */
html body.scbet-skin.lion-closed-login.lion2-skin .signup-overlay {
    background: rgb(0 0 0 / 78%) !important;
    backdrop-filter: blur(2px) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-card {
    border: 1px solid #3a3a3a !important;
    border-image: none !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #1c1c1c 0%, #111 100%) !important;
    box-shadow: 0 0 0 1px #000, 0 30px 80px rgb(0 0 0 / 80%) !important;
    clip-path: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-card::before {
    height: 3px;
    background: var(--sc-gold-plate);
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-card .signup-title {
    gap: 8px !important;
    padding-top: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--sc-line) !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-close {
    border: 1px solid #3b3b3b !important;
    border-radius: 3px !important;
    background: #1e1e1e !important;
    color: #bdbdbd !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-card .login-field label {
    color: #bdbdbd !important;
    font-size: 12px !important;
    font-weight: 700;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-card .closed-signup-captcha > .closed-cert-button,
html body.scbet-skin.lion-closed-login.lion2-skin .signup-card .login-field button[type='button'] {
    border: 1px solid var(--sc-gold-line) !important;
    border-image: none !important;
    border-radius: 3px !important;
    background: #262626 !important;
    color: var(--sc-gold-hi) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-security-note {
    border: 1px solid var(--sc-line) !important;
    border-left: 3px solid var(--sc-gold) !important;
    border-radius: 3px !important;
    background: #0f0f0f !important;
    color: #a9a9a9 !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-security-note i {
    color: var(--sc-gold-hi);
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-actions button {
    border: 1px solid #3b3b3b !important;
    border-image: none !important;
    border-radius: 3px !important;
    background: #262626 !important;
    color: #e6e6e6 !important;
    box-shadow: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .signup-actions button[type='submit'] {
    border-color: var(--sc-gold-line) !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 3px 8px rgb(0 0 0 / 45%) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin #chat-widget-btn,
html body.scbet-skin.lion-closed-login.lion2-skin #chat-widget-btn:is(:hover, .chat-active) {
    border: 1px solid #5a4210 !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
    box-shadow: 0 4px 14px rgb(0 0 0 / 55%) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .sweet-alert {
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #1d1d1d 0%, #0f0f0f 100%) !important;
    clip-path: none !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .sweet-alert h2 {
    color: var(--sc-gold-hi) !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin .sweet-alert button.confirm {
    border-radius: 3px !important;
    background: var(--sc-gold-soft) !important;
    color: #2a1800 !important;
}

html body.scbet-skin.lion-closed-login.lion2-skin altcha-widget:not(#ac-1):not(#ac-2):not(#ac-3) {
    --ac-bg: #0f0f0f;
    --ac-bg-hover: #141414;
    --ac-border: #3a3a3a;
    --ac-text: #eee;
    --ac-muted: #9a9a9a;
    --ac-well: #1e1e1e;
    --ac-success-well: #1d2a1f;
    --ac-accent: #d4ac4f;
    --ac-ok: #2fa84f;
    color-scheme: dark;
}

/* -------------------------------------------------------------
 * 15. 배팅내역 첨부 창(#mybetmodal — 고객센터 문의하기 · 자유게시판 글쓰기 → '배팅내역 첨부')
 *     body 에 lion-skin 클래스가 남아 css/pages/free.css · customer.css 의
 *     body.lion-skin:has(.w_free|.w_customer) .mybetmodal …(갈색 판 · 갈색 탭 · 청록 글씨)가 걸린다.
 *     기본 파일은 두고 창 id(#mybetmodal)로 우선순위를 올려 덮는다 — (1,x,x) > 기본 최대 (0,5,3).
 *     기본 쪽이 !important 인 속성만 !important. 모양은 SC BET 모달(로그인 창과 같은 어두운 판 + 금색 윗선),
 *     탭 · 쪽번호는 배팅내역 화면(50-account.css)과 같은 모양.
 * ------------------------------------------------------------- */
body.scbet-skin #mybetmodal .modal-content {
    position: relative;
    overflow: hidden;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    background: #141414 !important;
    box-shadow: 0 0 0 1px #000, 0 24px 60px rgb(0 0 0 / 70%);
    color: #ddd;
}

body.scbet-skin #mybetmodal .modal-content::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--sc-gold-plate);
    pointer-events: none;
}

body.scbet-skin #mybetmodal :is(.modal-header, .modal-footer) {
    border-color: var(--sc-line);
    background: var(--sc-row);
}

body.scbet-skin #mybetmodal .modal-header {
    min-height: 54px;
    padding: 10px 12px 9px 18px;
    border-bottom: 1px solid var(--sc-line);
}

body.scbet-skin #mybetmodal .modal-title {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    text-shadow: none;
}

body.scbet-skin #mybetmodal .modal-title::before {
    content: "\ef27";
    color: var(--sc-gold-hi);
    font-family: "uicons-solid-rounded";
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
}

/* 닫기 — 로그인 창 닫기와 같은 34px 회색 단추 */
body.scbet-skin #mybetmodal .modal_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #3b3b3b;
    border-radius: 3px;
    background: #1e1e1e;
    box-shadow: none;
    color: #bdbdbd;
    font-size: 14px;
    cursor: pointer;
}

body.scbet-skin #mybetmodal .modal_close:hover {
    border-color: var(--sc-gold-line);
    color: var(--sc-gold-hi);
}

body.scbet-skin #mybetmodal .modal-body {
    background: #111;
    color: #ddd;
}

/* 종류별 판(.sports-list) 윗줄 — 큰 탭 아래 줄과 겹쳐 두 줄로 보이던 것 */
body.scbet-skin #mybetmodal .sports-list {
    border-top: 0;
}

/* 큰 탭(스포츠 · 미니게임 …) — 배팅내역 화면 종류 탭: #202020 네모, 선택 = 금색 판 */
body.scbet-skin #mybetmodal .cpmenu {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px !important;
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sc-line) !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

body.scbet-skin #mybetmodal .cpmenu a {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 96px !important;
}

/* 작은 탭(크로스 · 스페셜 · 게임 종류) — 배팅내역 화면 하위 탭: 둥근 알약, 선택 = 금색 테두리 */
body.scbet-skin #mybetmodal .gametype-button {
    gap: 6px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

body.scbet-skin #mybetmodal .gametype-button a {
    min-width: 72px;
}

/* 내역 표 */
body.scbet-skin #mybetmodal .game_list {
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 3px;
    background: #121212;
    color: #ddd;
}

/* 빈 목록은 attach-renderers.js 가 PC 에도 공통 빈 상태(.mybet-empty-state — 10-shell 공통 부품 D)를 그린다(예전 '.dflexC 내역이 없습니다.' 맨 글자) */

/* 쪽 번호 → 공통 부품 F */
/* 바닥 — '내역 첨부하기' 금색 주 버튼 */
body.scbet-skin #mybetmodal .modal-footer {
    justify-content: center;
    min-height: 60px;
    padding: 10px 14px;
    border-top: 1px solid var(--sc-line);
    background: #0f0f0f;
}

body.scbet-skin #mybetmodal #deposi_wallet_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 40px;
    padding: 0 22px;
    border: 1px solid var(--sc-gold-line) !important;
    border-radius: 3px !important;
    background: var(--sc-gold-soft) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 2px 6px rgb(0 0 0 / 40%) !important;
    color: #2a1800 !important;
    font-size: 14px;
    font-weight: 800;
    text-shadow: 0 1px 0 rgb(255 236 190 / 45%);
    cursor: pointer;
}

body.scbet-skin #mybetmodal #deposi_wallet_btn:hover {
    filter: brightness(1.08);
}

/* 모바일 카드 목록(≤767px 에서만 보임) — 카드 안쪽은 .page.w_mybet 라 배팅내역 화면 규칙(50-account · 80-mobile)을 받는다.
 * 기본 free.css 가 카드 바깥 div 에 갈색 테두리 · 갈색 그라데이션을 한 겹 더 씌워 두 겹 테두리가 되던 것을 걷는다. */
body.scbet-skin #mybetmodal .moblie_bet_history > div[id$="_MOBILE"] {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

body.scbet-skin #mybetmodal .moblie_bet_history :is(.betting_content, .betting_content1) {
    border-bottom: 1px solid #262626 !important;
    background: #161616 !important;
}

body.scbet-skin #mybetmodal .moblie_bet_history :is(.betting_content, .betting_content1) > li {
    border-right: 1px solid #262626 !important;
    color: #cfcfcf;
}

body.scbet-skin #mybetmodal .moblie_bet_history :is(.betting-footer, .my_bet_game_result_head) {
    background: #1b1b1b !important;
    color: #bdbdbd !important;
}

body.scbet-skin #mybetmodal .moblie_bet_history :is(.betting-footer, .my_bet_game_result_head) > div {
    border-color: #262626;
    color: #bdbdbd !important;
}

body.scbet-skin #mybetmodal input[name="betNo"] {
    accent-color: var(--sc-gold);
}

/* -------------------------------------------------------------
 * 15-2. 첨부된 배팅내역 표(첨부 창 · 자유게시판 글 · 고객센터 문의) — 배팅내역 화면(50-account.css)과 같은 모양
 *       인라인 색(적중 #30a8e4 · 승패 #51fffd · 금액 #3d8479 …)은 JS(attach-renderers · free · customer · common/bet-footer)에서
 *       클래스로 바꿨다: .bet-badge--* · .bet-pick(경기타입 · 고른 항목) · .vs · .num-accent(배팅금 · 배당) · .num-highlight(당첨금) · .bet-sub
 * ------------------------------------------------------------- */
body.scbet-skin #mybetmodal .game_list .betting_title li,
body.scbet-skin :is(.page.w_free, .page.w_customer) .game_list .betting_title li {
    border-color: #262626 !important;
    background: #222 !important;
    color: #ddd !important;
    font-size: 12px;
    font-weight: 700;
}

body.scbet-skin #mybetmodal .game_list .betting_content li,
body.scbet-skin :is(.page.w_free, .page.w_customer) .game_list .betting_content li {
    border-color: #262626 !important;
    background: #161616 !important;
    color: #ddd !important;
}

/* 스포츠가 아닌 내역(미니게임 · 가상 · 토큰) — JS 는 칸 폭을 인라인 %로 주지만 main.css 의 스포츠 칸 폭
 * (.sports-list .game_list li:nth-child(n){width:8%·20%·32%…!important})이 이겨 합이 88% 로 오른쪽이 비고 금액이 두 줄로 꺾였다
 * → 경기시간(.gdate) 칸이 없는 줄은 칸을 고르게 나눠 표 폭을 채운다(E스포츠 · 밍고는 인라인 flex 라 원래 맞음) */
body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .game_list :is(.betting_title, .betting_content):not(:has(> .gdate)) > li:not([style*="flex"]) {
    flex: 1 1 0 !important;
    width: auto !important;
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .game_list :is(.betting_title, .betting_content):not(:has(> .gdate)) > li:not([style*="flex"]):first-child {
    flex-grow: .6 !important;
}

body.scbet-skin #mybetmodal .game_list .betting_content li.godd,
body.scbet-skin :is(.page.w_free, .page.w_customer) .game_list .betting_content li.godd {
    color: var(--sc-num) !important;
    font-weight: 700;
}

body.scbet-skin #mybetmodal .game_list .betting-footer,
body.scbet-skin :is(.page.w_free, .page.w_customer) .game_list .betting-footer {
    border: 1px solid #2c2c2c !important;
    border-radius: 3px;
    background: #1b1b1b !important;
    color: #bdbdbd !important;
}

body.scbet-skin #mybetmodal .game_list .betting-footer input[type="checkbox"] {
    accent-color: var(--sc-gold);
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .bet-pick {
    color: var(--sc-gold-hi);
    font-weight: 700;
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) :is(.game_list, .mobile_game_list) .vs {
    color: var(--sc-gold);
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .num-accent {
    color: #fff;
    font-weight: 700;
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .num-highlight {
    color: var(--sc-num);
    font-weight: 800;
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .bet-sub {
    color: #9a9a9a;
}

body.scbet-skin :is(#mybetmodal, .page.w_free, .page.w_customer) .bet-sub--sm {
    font-size: 11px;
}

/* 결과 배지(알약 · 경기별 색 글자) → 공통 부품 E(10-shell.css 끝) */

/* -------------------------------------------------------------
 * 16. 모바일(≤980px) — 게시판 화면
 *     css/pages/free.css 의 html:not(#_lionparity_) body.lion-skin .w_free …(우선순위 (1,3,3) · !important)가
 *     라이온 갈색 표(머리줄 갈색 그라데이션 · 갈색 줄 · 모서리 8px)를 그린다 → #ajax-content 를 더해 (1,4,3) 으로 덮는다.
 *     고객센터 카드 · 버튼 색은 80-mobile.css 가 맡는다(여기서는 겹침 · 누르는 영역만).
 * ------------------------------------------------------------- */
@media screen and (max-width: 980px) {
    /* B1 자유게시판 — 판 · 표 */
    html body.scbet-skin #ajax-content .page.w_free {
        background: transparent !important;
    }

    html body.scbet-skin #ajax-content .page.w_free .list_history {
        border: 1px solid var(--sc-line) !important;
        border-radius: 3px !important;
        background: #141414 !important;
        box-shadow: none !important;
    }

    html body.scbet-skin #ajax-content .page.w_free > table.list_history:first-of-type {
        border-bottom: 0 !important;
        border-radius: 3px 3px 0 0 !important;
    }

    /* 머리 표와 본문 표를 한 장으로(판 gap 10px 만큼 끌어올림) */
    html body.scbet-skin #ajax-content .page.w_free > table.list_history + table.list_history {
        margin-top: -10px;
        border-top: 0 !important;
        border-radius: 0 0 3px 3px !important;
    }

    /* common_m.css 의 모바일 판 규칙(:is(.w_free …) :is(.bbsl_wrap, .boardinput, #quiz-event-list …){border · 8px 모서리 · 그림자 !important})이
     * 본문 표 안 tbody 에도 판을 한 겹 더 씌워 두 겹 테두리 · 둥근 윗모서리가 되던 것 → tbody 는 비우고, 다른 판은 SC BET 3~4px 로 */
    html body.scbet-skin #ajax-content .page.w_free tbody.bbsl_wrap {
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }

    html body.scbet-skin #ajax-content .page.w_free #write-panel .boardinput {
        border: 1px solid var(--sc-line) !important;
        border-radius: 4px !important;
        background: #151515 !important;
        box-shadow: none !important;
    }

    html body.scbet-skin #ajax-content .page:is(.w_questions, .w_rule) .bbsl_wrap,
    html body.scbet-skin #ajax-content .page.w_quiz_event :is(#quiz-event-list, #quiz-event-view),
    html body.scbet-skin #ajax-content .page .board-layout-scope.w_event :is(#event_list, #event_view) {
        border: 1px solid var(--sc-line) !important;
        border-radius: 3px !important;
        background: #141414 !important;
        box-shadow: none !important;
    }

    html body.scbet-skin #ajax-content .page.w_free .list_history :is(th, td) {
        border-right: 1px solid #262626 !important;
        border-bottom: 1px solid #262626 !important;
        background: transparent !important;
        color: #cfcfcf !important;
        font-size: 12px;
        word-break: keep-all;
    }

    html body.scbet-skin #ajax-content .page.w_free .list_history th {
        height: 40px;
        border-bottom-color: var(--sc-line) !important;
        background: var(--sc-row) !important;
        color: #ddd !important;
        font-family: var(--font-family-base);
        font-size: 12px;
        font-weight: 700;
        text-shadow: none;
    }

    html body.scbet-skin #ajax-content .page.w_free .list_history :is(th, td):last-child {
        border-right: 0 !important;
    }

    html body.scbet-skin #ajax-content .page.w_free tr[class^="free_subject_"] > td:nth-child(2) {
        color: #eee !important;
        font-size: 13px;
    }

    html body.scbet-skin #ajax-content .page.w_free tr[class^="free_subject_"] > td:is(:nth-child(3), :nth-child(4)) {
        color: #9a9a9a !important;
        font-size: 11px;
    }

    /* 작성자 칸 — 등급 배지 한 줄, 닉네임 한 줄(78px 칸에 나란히 넣어 'b01 / 5' 처럼 이름이 잘리던 것) */
    html body.scbet-skin #ajax-content .page.w_free tr[class^="free_subject_"] > td:nth-child(3) {
        overflow-wrap: anywhere;
    }

    html body.scbet-skin #ajax-content .page.w_free tr[class^="free_subject_"] > td:nth-child(3) .level-badge {
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin: 0 auto 3px;
    }

    html body.scbet-skin #ajax-content .page.w_free tr[class^="free_subject_"]:hover > td {
        background: var(--sc-board-hover) !important;
    }

    html body.scbet-skin #ajax-content .page.w_free .board-icon {
        box-shadow: none;
    }

    /* 펼친 글 */
    html body.scbet-skin #ajax-content .page.w_free .free_content > .content_detail {
        border-bottom: 1px solid #262626 !important;
        background: var(--sc-board-deep) !important;
    }

    /* B6 누르는 영역 — 제목 단추를 40px 이상으로(글자 높이 17px 이던 것) */
    html body.scbet-skin #ajax-content .page.w_free .free_detail {
        display: inline-flex;
        align-items: center;
        min-width: 40px;
        min-height: 40px;
        vertical-align: middle;
    }

    /* 공지 · 이벤트 빈 목록(3-0절) — 모바일은 .page 에 판이 없어 빈 상태가 맨바닥에 떠 있었다 → 빈 상태가 판 하나(공통 부품 D 의 '감싸는 판이 없는 곳').
     * 게시판형(.board-list-empty)은 목록 판 안이라 그대로 */
    html body.scbet-skin #ajax-content .page .board-layout-scope .notice-empty.board-empty-state {
        border: 1px solid var(--sc-line) !important;
        border-radius: 4px !important;
        background: #151515 !important;
    }

    /* 글쓰기 '취소'(보조 버튼, 0절) — 옆 버튼(common_m.css 의 .btn_* 42px !important)과 같은 높이 */
    html body.scbet-skin #ajax-content .page:is(.w_customer, .w_free) #write-panel #cancel_btn {
        height: 42px !important;
        min-height: 42px !important;
    }

    /* B2 고객센터 — 머리 표가 숨는 모바일에서 문의 카드가 제목 판에 붙지 않게(PC 의 끌어올림은 1절에서 PC 만) */
    html body.scbet-skin #ajax-content .page.w_customer > table.list_history + table.list_history {
        margin-top: 0;
    }

    /* 카드(줄)를 누른 뒤 남는 마우스 올림 바탕이 칸마다 띠로 보이던 것 — 모바일 카드에서는 칸 바탕을 비운다 */
    body.scbet-skin .page.w_customer #customer_list > tr[data-customer-id]:hover > td {
        background: transparent !important;
    }

    /* 고객센터 문의에 첨부된 배팅내역(모바일 표) — customer.css 가 칸을 가로 flex 로 둬 경기정보 칸의 p(경기타입 · 홈 · 원정)가
     * 나란히 서서 한두 글자씩 꺾이고 날짜도 '10-1 / 9' 로 잘렸다 → 칸 안 줄을 위아래로, 낱말 단위 줄바꿈 */
    body.scbet-skin .page.w_customer .customer_attach .mobile_game_list :is(.betting_content, .betting_content1) > li {
        flex-direction: column;
        gap: 2px;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    /* B6 문의 제목 — 35×22 → 줄 전체 · 40px */
    body.scbet-skin .page.w_customer .customer-subject-trigger {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 40px;
    }

    /* 첨부 창 768~980px — 기본은 768px 부터 PC 표를 보여 736px 창에서 날짜('10-19 1 / 3:00') · 머리글이 꺾였다
     * → 980px 이하는 휴대폰과 같은 카드 목록(배팅내역 화면도 980px 이하 카드) */
    body.scbet-skin #mybetmodal .game_list {
        display: none !important;
    }

    body.scbet-skin #mybetmodal .moblie_bet_history {
        display: grid;
        gap: 10px;
    }

    /* 첨부 창 · 자유게시판 글의 카드(미니게임 · BET365 · E스포츠 · 밍고)의 간단 본문 — 80-mobile 은 스포츠 카드(.mybet-mobile-match)만 꾸며
     * 이 칸은 꾸밈이 없어 '경기시간12:55 스코어2:1' · 'SpainvsItaly' · '선택[승무패] 승' 처럼 이름과 값이 붙었다 → 스포츠 카드와 같은 글자 모양 */
    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) .mybet-mobile-simple-body {
        display: grid;
        gap: 6px;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) :is(.mybet-mobile-simple-meta, .mybet-mobile-simple-choice) {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 4px 12px;
        font-size: 12.5px;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) .mybet-mobile-simple-choice {
        gap: 4px 6px;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) :is(.mybet-mobile-simple-meta, .mybet-mobile-simple-choice) small {
        margin-right: 3px;
        color: #8f8f8f;
        font-size: 11px;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) :is(.mybet-mobile-simple-meta, .mybet-mobile-simple-choice) strong {
        color: #eee;
        font-weight: 700;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) .mybet-mobile-simple-teams {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
    }

    body.scbet-skin :is(#mybetmodal, .page.w_free .free-attach-mobile) .mybet-mobile-simple-teams > span {
        color: var(--sc-gold);
        font-size: 11px;
        font-weight: 700;
    }

    /* 첨부 창 닫기 — 34px → 누르는 영역 40px(모양은 PC 와 같은 회색 단추) */
    body.scbet-skin #mybetmodal .modal_close {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    /* B6 쪽 번호 40px → 공통 부품 F */
    /* B6 공지 · 이벤트 '← 목록으로' 38px → 44px */
    body.scbet-skin .page .board-layout-scope .board-detail-back {
        min-height: 44px;
    }

    /* B3 이용규칙 · 자주 묻는 질문 — 번호가 제목 위 한 줄을 따로 차지하던 것(번호 칸 display:block) → 번호 | 제목 한 줄 */
    body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container:has(> .--num) {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: stretch;
        min-height: 50px;
    }

    body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container > .--num {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container .--extra {
        display: flex;
        align-items: center;
        min-width: 0;
        padding: 0 14px;
    }

    body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_item_container .--title {
        width: 100%;
        min-width: 0;
    }

    body.scbet-skin .page:is(.w_questions, .w_rule) :is(.questions_detail, .rule_detail) {
        min-height: 50px;
        padding: 12px 0;
        word-break: keep-all;
    }

    body.scbet-skin .page:is(.w_questions, .w_rule) .bbsl_detail_wrap.is-open {
        padding: 16px 16px 20px;
    }

    /* B5 게시판 이벤트 — 탭 40px+ · 두 칸, 안내 글 좌우 여백 */
    body.scbet-skin .page.w_quiz_event .cpmenu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    /* 탭 모양(선택 금판)은 공통 부품 C — 여기서는 두 칸 격자 폭만 */
    body.scbet-skin .page.w_quiz_event .cpmenu a {
        width: auto !important;
        min-width: 0 !important;
    }

    body.scbet-skin .page.w_quiz_event .quiz-count {
        padding: 10px 12px 2px;
        word-break: keep-all;
    }
}

/* =============================================================
 * 3차 하 등급 다듬기(계정 · 게시판 담당) — 번호는 work/fix3/polish-account-board.md
 * ============================================================= */

/* H10 · H11 — 큰 판(1절)을 걷어 낸 뒤 판이 없는 빈 상태: 공지 · 이벤트 빈 목록 · 불러오기 오류는 PC 에서도 빈 상태가 판 하나
 * (모바일 16절과 같은 모양 — 공통 부품 D 의 '감싸는 판이 없는 곳'). 게시판형(.board-list-empty)은 목록 판 안이라 그대로 */
@media screen and (min-width: 981px) {
    html body.scbet-skin #ajax-content .page .board-layout-scope .notice-empty.board-empty-state,
    html body.scbet-skin #ajax-content .page .board-layout-scope .notice-empty.notice-empty--blocked {
        border: 1px solid var(--sc-line) !important;
        border-radius: 4px !important;
        background: #151515 !important;
    }
}

/* H12 — 게시판 이벤트 빈 상태: quiz_event.js 가 제목(strong) + 설명(span) 두 줄을 그린다.
 * .quiz-empty 는 10-shell 공통 부품 D 의 '글자 하나만'(15px 굵게) 목록에 있어 설명 줄이 그 글자를 물려받지 않게 */
html body.scbet-skin #ajax-content .page.w_quiz_event .quiz-empty .board-empty-state__title {
    display: block;
    margin: 0;
    color: var(--sc-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    word-break: keep-all;
}

html body.scbet-skin #ajax-content .page.w_quiz_event .quiz-empty .board-empty-state__description {
    display: block;
    margin: 0;
    color: var(--sc-text-dim);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    word-break: keep-all;
}

/* H14 — 자유게시판 목록 제목: 낱말 단위로 꺾고(기본 CSS 의 break-all → keep-all, 아주 긴 낱말만 끊김) 두 줄일 때 줄 간격.
 * 댓글 수 '(+2)' 는 free.js 가 제목 단추 안 끝에 붙인다 — 그 자체는 한 덩어리 */
html body.scbet-skin #ajax-content .page.w_free .free_detail {
    word-break: keep-all;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

html body.scbet-skin #ajax-content .page.w_free .free_detail .comment-count {
    display: inline; /* 기본 CSS 의 inline-block 이면 단어 잇기 문자가 있어도 그 앞에서 줄이 바뀐다 */
    white-space: nowrap;
}

/* 모바일 제목 단추는 누르는 자리 40px 때문에 inline-flex(16절 B6)라 댓글 수가 따로 떨어진 칸(제목 오른쪽 가운데)이 됐다 →
 * 글자가 한 흐름으로 흐르는 inline-block + 위아래 여백으로 같은 40px */
@media screen and (max-width: 980px) {
    html body.scbet-skin #ajax-content .page.w_free .free_detail {
        display: inline-block;
        box-sizing: border-box;
        min-height: 40px;
        padding: 11px 0;
        vertical-align: middle;
    }
}

/* H19 — 팝업 '오늘 하루 보지 않기': 평상이 이미 금색 테두리 · 금색 글자라 공통 hover(금색 테두리 · 금색 글자)를 받아도 그대로였다
 * → 마우스가 있는 기기에서 금빛 바탕 + 밝은 테두리 */
@media (hover: hover) {
    body.scbet-skin .signal-popup .signal-popup__button--day:hover:not(:disabled) {
        border-color: var(--sc-gold);
        background: rgb(212 172 79 / 16%);
        color: #fff;
    }
}

/* H30 — 첨부 창 큰 탭(스포츠 · 미니게임 · BET365 · TOKEN · E스포츠 · 밍고): 모바일은 96px 고정 칸이라 오른쪽이 60px 남았다 → 칸을 폭에 맞춰 나눈다
 * (좁은 폭 3열 · 넓은 폭 6열 한 줄). 칸 모양(선택 금판)은 그대로 */
@media screen and (max-width: 980px) {
    html body.scbet-skin #mybetmodal .cpmenu {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html body.scbet-skin #mybetmodal .cpmenu > a {
        min-width: 0 !important;
        width: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media screen and (min-width: 600px) and (max-width: 980px) {
    html body.scbet-skin #mybetmodal .cpmenu {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}