/* 그리드벳 베팅내역(/main/betting.list.php) · 미니게임 결과(/main/minigame_result.php) — 원본 CSS 에 남은 베팅내역 틀(.bettings .game_data · .g_head · .g_item.prematch ·
   .g_gr_o · .g_info · .betlist-form · .tabTitle · .mypage-stat · .paging · .tables)을 그대로 쓰고, 원본에 없는 것(PC 배치 · 칸 이름 · 기준점 색 · 취소 안내 · 빈 목록)만 더한다.
   2026-10-20 형님 지정 그림(모바일): 경기마다 [종목 · 국기 · 국가 > 리그] [시각 | 점수 | 상태] [홈 VS 원정] [마켓 | 고른 선택 | 배당], 배팅마다 아래 [베팅금액 | 배당률 | 예상적중금액 | 상태] [선택칸 | 베팅시간].
   모바일은 원본 layout_mobile.css 의 .g_item.prematch · .g_info 격자가 그대로 그 모양이고, PC 는 같은 줄 구성을 넓게 편다.
   원본 CSS(layout_*.css · common_light.css)가 이 파일보다 뒤에 읽히므로 겹치는 규칙은 선택자를 하나 더 붙여 이긴다. 색은 원본 변수만 쓴다 */
.tr-bt [hidden]{display:none!important}
.tr-bt .tabTitle.depth2 a{cursor:pointer}

/* 합계(.mypage-stat) */
.tr-bt .mypage-stat.bt-stat{flex-wrap:wrap;height:auto;min-height:56px;margin:0 0 4px;padding:10px 20px;gap:6px 25px;font-size:13px;color:var(--aeae)}
.tr-bt .mypage-stat.bt-stat i{margin:0 2px 0 4px;font-family:'p7';font-size:14px}
.tr-bt .mypage-stat.bt-stat i.win{color:var(--theme-color)}
.tr-bt .mypage-stat.bt-stat i.lose{color:#f30}
.tr-bt .mypage-stat.bt-stat em{margin-left:4px}

/* 건수 · 삭제 단추(.betlist-form .btn-area) */
.tr-bt .betlist-form.bt-form{height:auto;min-height:35px;gap:10px}
.tr-bt .bt-count{margin:0;font-size:13px;color:var(--aeae)}
.tr-bt .bt-count b{color:var(--font-color)}
.tr-bt .betlist-form .btn-area a{gap:5px;cursor:pointer}
.tr-bt .betlist-form .btn-area a.bt-off{opacity:.45;cursor:default;filter:none;transform:none}
.tr-bt .bt-pickall{display:inline-flex;align-items:center;gap:6px;height:35px;padding:0 12px;border-radius:5px;background:var(--surface-2);font-size:12px;color:var(--aeae);cursor:pointer}
.tr-bt .bt-pickall input{margin:0;cursor:pointer}
.tr-bt .bt-pickall input:disabled{cursor:not-allowed}
.tr-bt .bt-note{margin:0;font-size:12px;line-height:18px;color:var(--848484)}

/* 배팅 한 건(.bettings .game_data) */
.tr-bt .bettings .game_data.bt-bet{padding:4px 10px 10px}
.tr-bt .bt-tag{display:inline-flex;flex:none;align-items:center;height:20px;padding:0 7px;border-radius:3px;background:var(--126e51);font-size:11px;color:#fff;white-space:nowrap}
.tr-bt .bt-prov{flex:none;color:var(--aeae);white-space:nowrap}

/* 경기 머리: 종목 그림 · 국기 · 국가 > 리그 */
.tr-bt .bettings .g_head.bt-lh{gap:8px;min-width:0;height:42px;margin:0;padding:0 4px;background:none;font-size:13px}
.tr-bt .bettings .g_head.bt-lh img{flex:none;width:20px;height:20px;object-fit:contain}
.tr-bt .bettings .g_head.bt-lh .fi{flex:none;width:21px!important;height:15px;border-radius:2px}
.tr-bt .bt-lh .bt-lg{min-width:0;overflow:hidden;color:var(--font-color);white-space:nowrap;text-overflow:ellipsis}
.tr-bt .bt-legw+.bt-legw{margin-top:4px}

/* 경기 칸(원본 .g_item.prematch): PC 도 그림처럼 세 줄 — [시각 | 점수 | 상태] [홈 VS 원정] [마켓 | 고른 선택 | 배당] */
html[device-mode="pc"] .tr-bt .g_item.prematch.bt-leg{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:0}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.g_day{order:1;flex:1 1 0;justify-content:flex-start;padding:0 14px;font-size:12px}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.score{order:2;flex:0 0 180px;font-size:13px}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.status{order:3;flex:0 0 180px}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.flex-start{order:4;flex:0 0 100%;text-align:center;font-size:13px}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.g_odd{order:5;flex:0 0 28%;padding:0 10px;font-size:12px}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.flex-end{order:6;flex:1 1 0}
html[device-mode="pc"] .tr-bt .g_item.bt-leg li.g_rate{order:7;flex:0 0 180px;background:var(--black);font-size:13px}
.tr-bt .bettings .g_item.bt-leg li{cursor:default}
.tr-bt .bettings .g_item.bt-leg li.g_home.flex-start{color:var(--font-color)}
.tr-bt .bettings .g_item.bt-leg li.g_home.flex-end{justify-content:center;min-width:0;padding:0 10px}
.tr-bt .g_item.bt-leg li .bt-pk{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tr-bt .g_item.bt-leg li.g_odd{color:var(--font-color)}
.tr-bt .g_item.bt-leg li.status span{font-size:12px}
.tr-bt .g_item.bt-leg .bt-live{font-weight:normal}
.tr-bt .g_item.bt-leg .bt-ln{margin-left:3px;font-style:normal}
.tr-bt .g_item.bt-leg .bt-ln.hcp{color:#3ca1e2}
.tr-bt .g_item.bt-leg .bt-ln.up{color:#ee4343}
.tr-bt .g_item.bt-leg .bt-ln.dn{color:#39bce9}
.tr-bt .g_item.bt-leg .bt-ln i{margin-left:2px;font-style:normal;font-size:10px}
.tr-bt .bt-ing{color:#3ca1e2}
.tr-bt .bt-void{color:var(--aeae)}
/* 카지노 · 슬롯 등 한 줄: [라운드 번호] [고른 선택] */
.tr-bt .g_item.bt-gleg li.g_odd{order:5;flex:1 1 40%;overflow:hidden;color:var(--aeae);font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.tr-bt .g_item.bt-gleg li.flex-end{order:6;flex:1 1 55%}
html[device-mode="pc"] .tr-bt .g_item.bt-gleg li.g_odd:last-child{flex:1 1 100%} /* 고른 선택이 없으면 라운드 칸이 줄을 채운다 */

/* 아래 요약(원본 .g_info): [베팅금액 | 배당률 | 예상적중금액 | 상태] [선택칸 | 베팅시간 | 취소] — 모바일은 원본 격자, PC 는 같은 격자를 넓게 */
html[device-mode="pc"] .tr-bt .g_info.bt-info{display:grid;grid-template-columns:44px 1fr 1fr 1fr 180px;gap:5px;height:auto;margin-top:8px;padding:0;background:none}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:46px;border-radius:5px;background:var(--black);font-size:12px;color:var(--aeae);text-align:center}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(3){order:1;grid-column:span 2}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(4){order:2}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(5){order:3}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(6){order:4}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(1){order:5;height:32px}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(2){order:6;grid-column:span 3;height:32px}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span:nth-child(7){order:7;height:32px}
html[device-mode="pc"] .tr-bt .g_info.bt-info.no-cancel>span:nth-child(2){grid-column:span 4}
html[device-mode="pc"] .tr-bt .g_info.bt-info.no-cancel>span:nth-child(7){display:none}
html[device-mode="pc"] .tr-bt .g_info.bt-info>span.bt-dt{flex-direction:row;gap:10px;padding:0 12px}
html[device-mode="pc"] .tr-bt .g_info.bt-info .btnCancel{margin:0}
.tr-bt .g_info.bt-info span i{display:block;margin:0 0 2px;font-style:normal;font-size:11px;color:var(--848484)}
.tr-bt .g_info.bt-info span b{font-family:'p6';font-weight:normal;color:var(--font-color)}
.tr-bt .g_info.bt-info span b.win{color:var(--theme-color)}
.tr-bt .g_info.bt-info span b.lose{color:#f30}
.tr-bt .g_info.bt-info span.bt-dt{flex-direction:row;gap:8px;min-width:0;padding:0 8px;overflow:hidden;white-space:nowrap}
.tr-bt .g_info.bt-info span.bt-dt small{min-width:0;overflow:hidden;font-size:11px;color:var(--848484);text-overflow:ellipsis}
.tr-bt .g_info.bt-info .bt-ck input{margin:0;cursor:pointer}
.tr-bt .g_info.bt-info .bt-ck input:disabled{opacity:.35;cursor:not-allowed}
.tr-bt .g_info.bt-info .btnCancel{cursor:pointer}
.tr-bt .g_info.bt-info .btnCancel[aria-disabled="true"]{opacity:.6;cursor:wait}
.tr-bt .g_info.bt-info span em.green{background:var(--126e51);color:#fff}
.tr-bt .bt-can{margin:6px 4px 0;font-size:12px;line-height:18px;color:var(--aeae)}
.tr-bt .bt-can.ok{color:var(--38ffa8)}

/* 빈 목록 · 오류 */
.tr-bt .bettings .game_data.bt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;padding:30px 10px;text-align:center;font-size:13px;color:var(--aeae)}
.tr-bt .bt-empty p{margin:0}
.tr-bt .bt-empty a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:5px;background:var(--126e51);font-size:12px;color:#fff}
.tr-bt .bt-err p{color:#ff6b6b}
.tr-bt .paging{margin-top:15px}
.tr-bt .paging a.disabled{pointer-events:none}

/* 미니게임 결과 */
.tr-bt .bt-mini-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;margin-top:12px;padding:30px 10px;border-radius:10px;background:var(--3838);text-align:center;font-size:13px;line-height:20px;color:var(--aeae)}
.tr-bt .bt-mini-msg b{font-size:14px;color:var(--font-color)}
.tr-bt .game_data.result.bt-mres{padding:10px}
.tr-bt .bt-mres .g_head{gap:8px;margin-bottom:10px}
.tr-bt .bt-mres .g_head b{font-family:'p6';font-weight:normal;color:var(--font-color)}
.tr-bt .bt-mres .g_head .bt-st{margin-left:auto;font-size:12px;color:var(--aeae)}
.tr-bt .bt-mres .tables th{color:var(--aeae);font-weight:normal}
.tr-bt .bt-mres .tables th.c-no{width:110px}
.tr-bt .bt-mres .tables th.c-at{width:130px}
.tr-bt .bt-mres .tables th.c-sum{width:34%}
.tr-bt .bt-mres .tables th.c-hash{width:100px}
.tr-bt .bt-mres .tables td.bt-sum{font-family:'p6';color:var(--font-color)}
.tr-bt .bt-mres .tables td.bt-win{overflow:hidden;color:var(--theme-color);white-space:nowrap;text-overflow:ellipsis}
.tr-bt .bt-mres .tables td.bt-hash{font-family:monospace;color:var(--848484)}
.tr-bt .bt-mres .tables td.no-data{height:80px;color:var(--aeae)}
.tr-bt .bt-mres .bt-foot{margin:8px 4px 0;font-size:12px;color:var(--848484)}

/* 밝은 테마 */
[data-theme-mode=light] .tr-bt .bt-pickall{background:#e8eff8;color:#475569}
[data-theme-mode=light] .tr-bt .mypage-stat.bt-stat{color:#e8eff8}
[data-theme-mode=light] .tr-bt .mypage-stat.bt-stat i,[data-theme-mode=light] .tr-bt .mypage-stat.bt-stat i.win{color:#fff}
[data-theme-mode=light] .tr-bt .mypage-stat.bt-stat i.lose{color:#fecaca}
[data-theme-mode=light] .tr-bt .g_info.bt-info span i{color:#94a3b8}
[data-theme-mode=light] .tr-bt .g_info.bt-info span b{color:#1e293b}
[data-theme-mode=light] .tr-bt .g_info.bt-info span b.win{color:var(--126e51)}
[data-theme-mode=light] .tr-bt .g_info.bt-info span b.lose{color:#dc2626}
[data-theme-mode=light] .tr-bt .bt-ing{color:#2563eb}
[data-theme-mode=light] .tr-bt .bt-mini-msg,[data-theme-mode=light] .tr-bt .bettings .game_data.bt-empty{background:#e8eff8;color:#64748b}
[data-theme-mode=light] .tr-bt .bt-mres .tables td.bt-win{color:var(--126e51)}
[data-theme-mode=light] .tr-bt .g_item.bt-leg li.status span.win{color:var(--126e51)}
/* 원본 밝은 테마는 .status em 을 모두 #383838 로 덮어 em.green(적중)이 회색이 된다. 칸 배경 세 줄은 PC 규칙(html[device-mode=pc] …)과 같은 무게라 html 을 붙여 뒤에서 이긴다 */
[data-theme-mode=light] .tr-bt .g_info.bt-info .status em.green,[data-theme-mode=light] .tr-bt .g_info.bt-info span em.green{background:var(--126e51);color:#fff}
html[data-theme-mode=light] .tr-bt .g_info.bt-info>span{background:#fff;color:#64748b}
html[data-theme-mode=light] .tr-bt .g_item.bt-leg li.g_rate{background:#fff;color:#333}
html[data-theme-mode=light] .tr-bt .g_item.bt-leg li.g_day{background:#f8fafc}
[data-theme-mode=light] .tr-bt .g_item.bt-leg .bt-ln.hcp{color:#2563eb}

/* 모바일(원본 layout_mobile.css: .g_item.prematch 는 세 줄, .g_info 는 7칸 격자) */
html[device-mode="mobile"] .tr-bt .bettings .game_data.bt-bet{padding:0 8px 10px!important;margin-top:10px}
html[device-mode="mobile"] .tr-bt .bettings .g_head.bt-lh{height:40px;margin:0;font-size:12px}
html[device-mode="mobile"] .tr-bt .bettings .g_item.bt-leg li.g_day{padding-left:10px}
html[device-mode="mobile"] .tr-bt .g_item.prematch.bt-leg{margin-bottom:0}
html[device-mode="mobile"] .tr-bt .mypage-stat.bt-stat{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;min-height:0;padding:10px 14px;gap:6px 12px;font-size:12px}
html[device-mode="mobile"] .tr-bt .mypage-stat.bt-stat span:last-child:nth-child(odd){grid-column:span 2}
html[device-mode="mobile"] .tr-bt .mypage-stat.bt-stat em{display:block;margin:2px 0 0}
html[device-mode="mobile"] .tr-bt .mypage-stat.bt-stat span.bt-usdt{grid-column:1/-1}
html[device-mode="mobile"] .tr-bt .betlist-form.bt-form{align-items:flex-start;gap:0}
html[device-mode="mobile"] .tr-bt .betlist-form .btn-area{flex-wrap:wrap;height:auto}
html[device-mode="mobile"] .tr-bt .betlist-form .btn-area a{padding:0 12px}
html[device-mode="mobile"] .tr-bt .bt-pickall{margin-right:auto;padding:0 10px}
html[device-mode="mobile"] .tr-bt .bt-note{margin-top:8px;font-size:11px;line-height:16px}
html[device-mode="mobile"] .tr-bt .g_info.bt-info span{flex-direction:column}
html[device-mode="mobile"] .tr-bt .g_info.bt-info span.bt-dt{flex-direction:row;justify-content:center;gap:6px;font-size:11px}
html[device-mode="mobile"] .tr-bt .g_info.bt-info span i{margin:0 0 2px;font-size:10px}
html[device-mode="mobile"] .tr-bt .g_info.bt-info span b{font-size:11px}
html[device-mode="mobile"] .tr-bt .bt-can{font-size:11px}
html[device-mode="mobile"] .tr-bt .bt-mres .tables .c-at,html[device-mode="mobile"] .tr-bt .bt-mres .tables .c-hash{display:none}
html[device-mode="mobile"] .tr-bt .bt-mres .tables th.c-no{width:52px}
html[device-mode="mobile"] .tr-bt .bt-mres .tables th.c-sum{width:44%}
html[device-mode="mobile"] .tr-bt .game_data.result.bt-mres{padding:8px 0 10px;border-radius:10px;background:var(--3838)}
html[device-mode="mobile"] .tr-bt .bt-mres .g_head{flex-wrap:wrap;height:auto;margin:0 0 4px;padding:0 12px;row-gap:2px}
html[device-mode="mobile"] .tr-bt .bt-mres .tables td{height:auto;padding:6px 4px;font-size:11px;line-height:15px;word-break:keep-all}
html[device-mode="mobile"] .tr-bt .bt-mres .tables td.bt-win{white-space:normal}
html[device-mode="mobile"] .tr-bt .bt-mres .bt-foot{margin:6px 12px 0;font-size:11px}
