/* pinnacle-skin.css — 빈센트 시연용 '피나클 라이브센터 룩'(라이트 테마).
 * html.skin-pinnacle 토글로만 적용(?skin=pinnacle). CLUB M 다크(theme.css)는 그대로 보존 → 스위치만.
 * 팔레트=피나클 라이브센터 스샷 실측: 네이비헤더 #0e1c30 · bg #e9edf1 · 블루배당 #1e5fd0 · 라이브레드 #e01a2b · 오렌지 #ff6a1a. */

html.skin-pinnacle{
  --bg:#e9edf1; --bg2:#ffffff; --panel:#ffffff; --panel2:#f3f6fa; --line:#dfe4ea;
  --txt:#1a2333; --mut:#6b7684; --acc:#1e5fd0; --acc2:#0e1c30; --gold:#3a4658; --danger:#e01a2b;
  --radius:6px;
}

/* 상단 헤더 = 피나클 네이비 */
html.skin-pinnacle .hdr{background:#0e1c30;border-bottom:1px solid #0a1626}
html.skin-pinnacle .brand{color:#fff}
html.skin-pinnacle .brand b{color:#ff6a1a}
html.skin-pinnacle .hdr .icon-btn,html.skin-pinnacle .hdr .lang-btn{color:#e6ebf2}
html.skin-pinnacle .hdr-search input{background:#fff;color:#1a2333;border-color:transparent}
html.skin-pinnacle .hdr-auth .bal{color:#c6d0dc}html.skin-pinnacle .hdr-auth .bal b{color:#fff}

/* 좌측 사이드바 = 라이트 */
html.skin-pinnacle .side{background:#fff;border-right:1px solid var(--line)}
html.skin-pinnacle .nav-item{color:#4a5666}
html.skin-pinnacle .nav-item:hover{background:#f2f5f9;color:#1a2333}
html.skin-pinnacle .nav-item.on{background:#eef4ff;color:#1e5fd0}
html.skin-pinnacle .nav-item.on:before,html.skin-pinnacle .nav-item.sub.on:before{background:#1e5fd0}
html.skin-pinnacle .nav-cap{color:#93a0b0}

/* 스포츠북 상단바(실시간 배당 상태) */
html.skin-pinnacle .sp-title{color:#1a2333}
html.skin-pinnacle .sp-conn.on{color:#0a9d54}html.skin-pinnacle .sp-conn.on i{background:#0a9d54}
html.skin-pinnacle .sp-src{color:#7a8595}

/* 종목 탭 */
html.skin-pinnacle .sp-tab{background:#fff;border:1px solid #dfe4ea;color:#4a5666}
html.skin-pinnacle .sp-tab:hover{color:#1a2333;border-color:#c3ccd7}
html.skin-pinnacle .sp-tab.on{background:#1e5fd0;border-color:#1e5fd0;color:#fff}
html.skin-pinnacle .sp-tab.on span{opacity:.95}

/* 메인 패널 / 컬럼헤더 */
html.skin-pinnacle .sp-main{border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,40,80,.04)}
html.skin-pinnacle .sp-colh{background:#f4f6f9;color:#6b7684;border-bottom:1px solid var(--line)}

/* 리그 헤더바 = 라이트 그레이 + 다크텍스트(골드 제거) */
html.skin-pinnacle .sp-lg{background:#eef1f5;color:#3a4658;border-bottom:1px solid var(--line);font-weight:700}

/* 경기행 */
html.skin-pinnacle .sp-row{border-bottom:1px solid #eef1f5}
html.skin-pinnacle .sp-row:hover{background:#f7f9fc}
html.skin-pinnacle .tt span{color:#1a2333}
html.skin-pinnacle .tt .nm{color:#1a2333}
html.skin-pinnacle .tt .sc{color:#1a2333}           /* 피나클 스코어=다크(초록 아님) */
html.skin-pinnacle .tt .srv{background:#ff6a1a}
html.skin-pinnacle .tc .live{color:#e01a2b}html.skin-pinnacle .tc .live i{background:#e01a2b}
html.skin-pinnacle .tc .tm{color:#7a8595}

/* 배당셀 = 흰 배경·파란 배당·얇은 테두리(피나클 특유) */
html.skin-pinnacle .oc{background:#fff;border:1px solid #e3e8ee;color:#1a2333}
html.skin-pinnacle .oc b{color:#1e5fd0}
html.skin-pinnacle .oc i{color:#96a0ae}
html.skin-pinnacle .oc:hover:not(.lock):not(.empty){border-color:#1e5fd0;background:#f0f6ff}
html.skin-pinnacle .oc.pick{border-color:#1e5fd0;background:#e3efff;box-shadow:inset 0 0 0 1px #1e5fd0}
html.skin-pinnacle .oc b.up{color:#0a9d54}html.skin-pinnacle .oc b.dn{color:#e01a2b}
html.skin-pinnacle .oc.lock,html.skin-pinnacle .oc.empty{background:#f4f6f9;border-color:transparent}
html.skin-pinnacle .oc.lock svg{stroke:#aab2bd}
html.skin-pinnacle .more{border:1px solid #dfe4ea;color:#6b7684}
html.skin-pinnacle .more:hover,html.skin-pinnacle .more.on{color:#1e5fd0;border-color:#1e5fd0}

/* 펼침 영역 + 스코어보드 스트립 */
html.skin-pinnacle .sp-exp{background:#f4f6f9;border-bottom:1px solid var(--line)}
html.skin-pinnacle .ep .epn{color:#3a4658}
html.skin-pinnacle .emt{color:#5a6675}
html.skin-pinnacle .sb{background:#fff;border:1px solid var(--line)}
html.skin-pinnacle .sb-r b{color:#5a6675}
html.skin-pinnacle .sb-r b.sb-p{color:#1e5fd0}
html.skin-pinnacle .sb-r:first-child{border-bottom:1px solid #eef1f5}

/* 벳슬립 = 흰색 카드 */
html.skin-pinnacle .sp-slip{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,40,80,.04)}
html.skin-pinnacle .sp-sh{background:#f4f6f9;color:#1a2333;border-bottom:1px solid var(--line)}
html.skin-pinnacle .sp-scnt{background:#1e5fd0;color:#fff}
html.skin-pinnacle .sp-srow{border-bottom:1px solid #eef1f5}
html.skin-pinnacle .sp-sm{color:#6b7684}
html.skin-pinnacle .sp-sp b{color:#1e5fd0}
html.skin-pinnacle .sp-payline{color:#6b7684}html.skin-pinnacle .sp-payline b{color:#1a2333}
html.skin-pinnacle .sp-payline.big b{color:#0e1c30}
html.skin-pinnacle .sp-place{background:#2ba84a;color:#fff;opacity:1}
html.skin-pinnacle .sp-pending{color:#8a6d1a;border-color:#e6d08a;background:#fbf6e6}
html.skin-pinnacle .sp-clear{color:#8a94a3}html.skin-pinnacle .sp-clear:hover{color:#e01a2b}
html.skin-pinnacle .sp-stake input{background:#fff;border:1px solid #dfe4ea;color:#1a2333}
html.skin-pinnacle .sp-empty,html.skin-pinnacle .sp-sempty{color:#8a94a3}

/* 스크롤바 라이트 */
html.skin-pinnacle ::-webkit-scrollbar-thumb{background:#cbd3dd}

/* ===== 피나클 레퍼런스 정밀 매칭(2026-07-24 형 스샷 기준) ===== */
/* 피나클엔 좌측 카지노 사이드바가 없음 → 숨기고 본문 풀폭 */
html.skin-pinnacle .side{display:none}
html.skin-pinnacle .scrim{display:none}
html.skin-pinnacle .menu-btn{display:none}
html.skin-pinnacle .view{width:100%}
/* 상단 서브내비 느낌: 헤더 아래 옅은 네이비 라인 */
html.skin-pinnacle .hdr{border-bottom:2px solid #1b2a44}

/* 라이브 인디케이터·스코어 = 피나클 그린(#00a862) */
html.skin-pinnacle .tc .live{color:#00a862;font-weight:700}
html.skin-pinnacle .tc .live i{background:#00a862}
html.skin-pinnacle .tt .sc{color:#00a862;font-weight:800}

/* 패널 상단 = 피나클 네이비 바("스포츠 베팅-라이브") */
html.skin-pinnacle .sp-top{background:#1b2a44;margin:-2px -2px 10px;padding:11px 16px;border-radius:6px 6px 0 0}
html.skin-pinnacle .sp-title{color:#fff}
html.skin-pinnacle .sp-conn{color:#c6d0dc}html.skin-pinnacle .sp-conn.on{color:#4fe3a6}
html.skin-pinnacle .sp-src{color:#aab6c6}
html.skin-pinnacle .sp-main{border-top:none;border-radius:0 0 6px 6px}

/* 리그 헤더에 별(고정) 느낌 — 앞에 옅은 아이콘 대체(★) */
html.skin-pinnacle .sp-lg::before{content:"\2606";color:#9aa6b4;margin-right:7px;font-size:12px}

/* +N 버튼에 > 화살표 */
html.skin-pinnacle .more::after{content:" \203A";font-weight:700}