﻿/* ===== Admin New - Light Theme Override ===== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

body, table, td, th, input, select, button, textarea, font, span, div, a {
    font-family: 'Pretendard', 'Pretendard Variable', 'Segoe UI', -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
}
body {
    background: #f0f2f5 !important;
    color: #1e293b !important;
    padding: 16px !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 숫자(금액/카운트)는 자릿수 폭을 고정해 정렬을 또렷하게 */
.game_tbl td, .bd_tbl td, .main_mini td, .bmoney_tbl td {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* 링크 */
a:link, a:visited, a:active { color: #1e293b; text-decoration: none; font-size: 13px; }
a:hover { color: #2563eb; text-decoration: none; }

/* 섹션 타이틀 (.black) */
.black {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.black span {
    color: #1e293b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* 구분선 */
.main_bar { margin: 16px 0 !important; border-bottom: 1px solid #e2e8f0 !important; }
.main_bar span { display: none; }

/* 테이블 공통 (game_tbl, bd_tbl) */
.game_tbl, .bd_tbl {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    font-size: 12px !important;
}
.game_tbl th, .bd_tbl th {
    background: #eef2f7 !important;
    background-image: linear-gradient(180deg, #f2f5f9, #e7ecf2) !important;
    color: #334155 !important;
    font-weight: 700 !important;
    padding: 6px 8px !important;
    border-bottom: 2px solid #c3ccd8 !important;
    border-right: 1px solid #dfe5ec !important;
    text-align: center !important;
    font-size: 12px !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
}
.game_tbl th:last-child, .bd_tbl th:last-child { border-right: none !important; }
.game_tbl td, .bd_tbl td {
    padding: 3px 8px !important;
    border-bottom: 1px solid #e6ebf1 !important;
    border-right: 1px solid #f0f3f7 !important;
    color: #334155 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}
.game_tbl td:last-child, .bd_tbl td:last-child { border-right: none !important; }
/* zebra striping (non-!important so meaningful inline cell colors like 정산 are kept) */
.game_tbl tr:nth-child(even) td { background-color: #f7f9fc; }
.game_tbl tr:nth-child(odd) td { background-color: #ffffff; }
.game_tbl tr:hover td, .bd_tbl tr:hover td {
    background: #e8f1ff !important;
}

/* ===== 상태 배지 (정상/정지/대기/탈퇴/휴면) ===== */
.st-badge {
    display: inline-block;
    min-width: 42px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1.4;
    border: 1px solid transparent;
    white-space: nowrap;
}
.st-on    { background: #e7f6ec; color: #15803d !important; border-color: #bfe6cb; }
.st-stop  { background: #fdecec; color: #c0322b !important; border-color: #f5c6c2; }
.st-wait  { background: #eef2f7; color: #475569 !important; border-color: #d4dbe4; }
.st-out   { background: #f3f4f6; color: #6b7280 !important; border-color: #dadde2; }
.st-sleep { background: #fff4e5; color: #b45309 !important; border-color: #fbdcae; }

/* 미니 테이블 (대시보드 카드) */
.main_mini {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    margin-bottom: 12px !important;
}
.main_mini th {
    background: #f8fafc !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    padding: 10px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    text-align: center !important;
    font-size: 13px !important;
}
.main_mini td {
    padding: 8px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
}
.main_mini td.left { text-align: left !important; color: #64748b !important; }
.main_mini td.right { text-align: right !important; color: #1e293b !important; font-weight: 600 !important; }

/* 검색 영역 */
.bd_search {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    height: auto !important;
}
.bd_search_in { margin: 0 auto !important; }

/* 입력 요소 */
input.input, .input, input[type="text"], select.input, .select, .select1, .select2, .select3 {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #1e293b !important;
    height: auto !important;
}
input[type="text"]:focus, select:focus {
    border-color: #3b82f6 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(59,130,246,0.15) !important;
}

/* 버튼 */
.sky_btn, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    height: auto !important;
    font-weight: 500 !important;
}
.sky_btn:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

/* 페이징 */
.paging, .paging_crnt, .paging_txt1, .paging_txt2 {
    display: inline-block !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    color: #64748b !important;
    border-radius: 4px !important;
}
.paging_crnt {
    background: #2563eb !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.paging:hover { color: #2563eb !important; }

/* 체크박스 */
input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: #2563eb !important;
    cursor: pointer !important;
}

/* 정보 테이블 (상단 바) */
.info_table {
    border: 1px solid #e2e8f0 !important;
    border-bottom: 0 !important;
}
.info_table th {
    background: #1e293b !important;
    color: #fff !important;
    border-bottom: 1px solid #334155 !important;
    border-right: 1px solid #334155 !important;
    font-weight: 600 !important;
    padding: 6px 8px !important;
}
.info_table td {
    padding-left: 8px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    height: 24px !important;
    font-weight: 600 !important;
}

/* noline 테이블 */
.noline { border: none !important; }
.noline th { background: #1e293b !important; color: #fff !important; }
.noline td { border-bottom: 1px solid #f1f5f9 !important; }

/* 폰트 클래스 오버라이드 */
.a12b, .a12b_b, .a12g, .a12g_b, .a12g2_b, .a12g2, .a12g3 { color: #334155 !important; }
.a12r, .a12r_b { color: #dc2626 !important; }
.a12blue, .a12blue_b { color: #2563eb !important; }
.a12w { color: #1e293b !important; }
.a12y { color: #d97706 !important; }

/* 행 색상 */
.tableRow_on { background-color: #f0f7ff !important; }
.tableRow_off { background-color: #ffffff !important; }

/* subject 클래스 (제목 열) */
td.subject { text-align: left !important; padding-left: 12px !important; }
td.subject a { color: #1e293b !important; }
td.subject a:hover { color: #2563eb !important; }

/* 스크롤바 */
html {
    scrollbar-color: #cbd5e1 #f1f5f9 !important;
}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 결과 색상 */
.Winner { background-color: #dcfce7 !important; }
.Looser { background-color: #fef2f2 !important; }
.Cancel { background-color: #fef3c7 !important; }
.failGame { background-color: #fce7f3 !important; }
.noSelected { background-color: #f1f5f9 !important; }


/* ===== 버튼/레이아웃 보정 ===== */
.bd_search { height: auto !important; min-height: 40px !important; overflow: visible !important; padding: 10px !important; }
table[align='left'] td { padding: 3px !important; }
/* ===== 게임관리 상단 배팅 현황 크기 확대 ===== */
.game_tbl td,
.game_tbl th { font-size: 13px !important; }
.game_tbl .bet_amt,
.game_tbl font { font-size: 13px !important; }
table#Table2 th { font-size: 12px !important; padding: 8px 6px !important; }
table#Table2 td { font-size: 13px !important; }
table#Table2 td font { font-size: 13px !important; }

/* 게임 상단 툴바 버튼 키우기 */
div[style*='margin: 0px 0px 5px 10px'] .sky_btn { padding: 7px 14px !important; font-size: 13px !important; }
/* ===== 테이블 헤더 내 하드코딩된 흰색 폰트 강제 오버라이드 ===== */
.game_tbl th font,
.game_tbl th a,
.game_tbl th a font,
.game_tbl th b,
.bd_tbl th font,
.bd_tbl th a,
.bd_tbl th a font,
.bd_tbl th b,
table.game_tbl th font,
table.bd_tbl th font { color: #334155 !important; font-weight: 700 !important; }

.game_tbl th a:hover,
.bd_tbl th a:hover { color: #2563eb !important; }

/* 본문 td 안의 흰색 폰트도 보이게 */
.game_tbl td font[color="#ffffff"],
.game_tbl td font[color="white"],
.game_tbl td font[color="FFFFFF"],
.bd_tbl td font[color="#ffffff"],
.bd_tbl td font[color="white"],
.bd_tbl td font[color="FFFFFF"] { color: #1e293b !important; }

/* 검정 배경에 흰글씨로 표시되던 제목 테이블 */
table[bgcolor="#000000"] { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
table[bgcolor="#000000"] td { color: #1e293b !important; padding: 10px 16px !important; }
table[bgcolor="#000000"] font[color="FFFF00"],
table[bgcolor="#000000"] font[color="#FFFF00"] { color: #2563eb !important; font-weight: 700 !important; }
table[bgcolor="#000000"] b { color: #1e293b !important; }

/* 검정 배경 th/td 보정 */
th[bgcolor="#000000"],
td[bgcolor="#000000"],
tr[bgcolor="#000000"] > th,
tr[bgcolor="#000000"] > td { background: #1e293b !important; color: #fff !important; }
th[bgcolor="#000000"] font,
td[bgcolor="#000000"] font,
tr[bgcolor="#000000"] font { color: #fff !important; }

/* section-title style 섹션 타이틀 */
.section-title { background: #1e293b !important; color: #fff !important; }
/* ===== 금액별 베팅 현황 (Betting_Money.asp) ===== */
.bmoney_tbl { width: 100% !important; border-collapse: collapse !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; margin: 0 !important; }
.bmoney_tbl .bmoney_title { background: #f8fafc !important; color: #1e293b !important; font-weight: 700 !important; padding: 6px 12px !important; font-size: 13px !important; border-bottom: 1px solid #e2e8f0 !important; text-align: left !important; }
.bmoney_tbl td { padding: 6px 8px !important; font-size: 12px !important; color: #334155 !important; border-right: 1px solid #f1f5f9 !important; text-align: center !important; }
.bmoney_tbl td:last-child { border-right: none !important; }
.bmoney_tbl td b { color: #64748b !important; display: block !important; margin-bottom: 2px !important; font-size: 11px !important; }
.bmoney_tbl td a { color: #2563eb !important; font-size: 12px !important; margin: 0 2px !important; }
.bmoney_tbl td a:hover { color: #1d4ed8 !important; text-decoration: underline !important; }
/* ===== 회원정보 테이블 행 높이 축소 ===== */
.game_tbl td table { border: none !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; width: 100% !important; }
.game_tbl td table td, .game_tbl td table th { border: none !important; padding: 1px 4px !important; background: transparent !important; font-size: 11px !important; white-space: nowrap !important; }
.game_tbl td table th { color: #94a3b8 !important; font-weight: 500 !important; width: 16px !important; text-align: center !important; }
.game_tbl td { white-space: nowrap !important; vertical-align: middle !important; }
.game_tbl td, .game_tbl th { line-height: 1.2 !important; }
/* S/C 2줄 배치 강제 */
.game_tbl td > table { display: inline-table !important; }

/* ===== 검색 조건 영역(.bd_search) 개선 ===== */
.bd_search { padding: 10px 14px !important; }
.bd_search_in { height: auto !important; }
.bd_search_in td {
    padding: 3px 5px !important;
    vertical-align: middle !important;
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* 검색바 드롭다운: 인라인 9pt 스타일을 덮어쓰고 커스텀 화살표 적용 */
.bd_search select,
.bd_search_in select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 6px 26px 6px 10px !important;
    font-size: 12px !important;
    color: #1e293b !important;
    height: 32px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}
.bd_search select:hover,
.bd_search_in select:hover { border-color: #94a3b8 !important; }
.bd_search select:focus,
.bd_search_in select:focus {
    border-color: #3b82f6 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(59,130,246,0.15) !important;
}

/* 검색바 텍스트 입력 통일 */
.bd_search input[type="text"],
.bd_search_in input[type="text"] {
    height: 32px !important;
    box-sizing: border-box !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
}

/* 검색바 버튼 통일 + '검색'은 파란 강조(primary) */
.bd_search input[type="button"],
.bd_search input[type="submit"],
.bd_search_in input[type="button"],
.bd_search_in input[type="submit"] {
    height: 32px !important;
    box-sizing: border-box !important;
}
.bd_search input[value="검색"],
.bd_search_in input[value="검색"],
input[type="submit"][value="검색"],
input[type="button"][value="검색"] {
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
    font-weight: 600 !important;
    height: 32px !important;
    padding: 6px 18px !important;
}
.bd_search input[value="검색"]:hover,
.bd_search_in input[value="검색"]:hover,
input[type="submit"][value="검색"]:hover,
input[type="button"][value="검색"]:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

/* ===== 리스트 내 클릭 가능한 항목(아이디/닉네임 등 링크) 부각 ===== */
/* 아이디/닉네임은 <a>가 아니라 onClick이 걸린 <span>이라 별도 타겟팅 */
.game_tbl td a,
.bd_tbl td a,
.game_tbl span[onclick] {
    color: #2563eb !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.game_tbl td a:hover,
.bd_tbl td a:hover,
.game_tbl span[onclick]:hover {
    color: #1d4ed8 !important;
    text-decoration: underline !important;
}
/* 클릭 가능한 셀임을 살짝 더 알리는 점선 밑줄 (호버 시 실선으로) */
.game_tbl span[onclick] {
    border-bottom: 1px dotted #93b4f5 !important;
    padding-bottom: 1px !important;
}
.game_tbl span[onclick]:hover { border-bottom-style: solid !important; }

/* ===== 흰 배경에 흰 글자라 안 보이던 제목/라벨 보정 ===== */
/* .black(섹션 제목)은 라이트테마에서 흰 카드로 바뀌어, 내부 하드코딩 흰 글자가 사라짐.
   흰색(#fff/#ffffff/white)만 골라 어둡게 바꾸고, 금색(#ffcc00) 강조값은 그대로 둠. */
.black [style*="#fff"],
.black [style*="#FFF"],
.black font[color="#ffffff"],
.black font[color="#FFFFFF"],
.black font[color="white"] { color: #1e293b !important; }