/* ══════════════════════════════════════════════════════════════════════
   마추 모바일 '전부 초록' — 공용 셸 덮어쓰기 (shell 담당 · 2026-09-15 대표 요청)
   rb.css/m3/green.css

   · lib/jtm.ui.lib.php 가 jtm-m3.css 바로 뒤(green-*.css 다음)에 싣는다.
   · 파일 전체가 @media (max-width: 900px) 한 덩어리 → PC(≥901px) 무변경.
   · 페이지 본문 <style> 이 뒤에 나오므로 선택자 앞에 html body 를 붙여 명시도를 올린다.
   · 범위: 헤더·티커·탭바·햄버거 서랍·검색·알림·푸터·날짜 막대·안내/경고 상자·경마장 색·
     공용 픽 공/배지/버튼/포커스·모달/토스트 + jt2 공용 색 토큰.
   · 초록 팔레트(담당 공통): 잉크 #0F2E20 · 진초록 채움 #0E7C4C · 기본 #12945B · 초록 글자 #17794A ·
     테두리 #BFE5D1/#D7EEE1 · 연바탕 #E8F6EF/#F2FAF5 · 짙은 초록 #0B5E3A/#DDF1E5.
     다크: 잉크 #E8F2EC · 채움 #3FC482(글자 #0D1320) · 초록 글자 #7FD9A8 · 테두리 #245C40/#1D3A2B · 연바탕 #143325/#10281C.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

/* ── 1. jt2 공용 토큰 — 뜻이 하나인 색만 초록/회색으로 옮긴다 ──
   빨강(적중·LIVE·일요일)은 초록, 앰버(잠정·대기·잠김)는 회색, 남색 바는 잉크.
   :root 의 구 별칭(--jt-*)은 :root 에서 이미 계산돼 내려오므로 body 에서 다시 잇는다. */
html body {
  --jt2-hero:          #0E7C4C;
  --jt2-dash:          #BFE5D1;
  --jt2-navy:          #0F2E20;
  --jt2-navy-tx:       #E2EEE7;
  --jt2-navy-mut:      #9DB9AA;
  --jt2-bad:           #0E7C4C;
  --jt2-tint-red:      #E8F6EF;
  --jt2-tint-red-tx:   #17794A;
  --jt2-amber:         #5A6A82;
  --jt2-tint-amber:    #F1F4F9;
  --jt2-tint-amber-tx: #5A6A82;
  --jt2-tint-amber-bd: #E4EAF2;
  --jt2-ycheon:        #0B5E3A;
  --jt2-bar-soft:      #9FD4B6;
  --jt-amber:    var(--jt2-amber);
  --jt-amber-dk: var(--jt2-amber);
  --jt-amber-lo: var(--jt2-tint-amber-bd);
  --jt-amber-bg: var(--jt2-tint-amber);
  --jt-gold:     var(--jt2-amber);
  --jt-red:      var(--jt2-bad);
  --jt-ycheon:   var(--jt2-ycheon);
  --jt-hover:    var(--jt2-hover);
  /* --jt-up 은 '주의·음수·제외' 강조(stats 음수, race 장기휴양·체중 급변, 프로필 '제외' 칩) → 잉크 굵은 글자 쪽.
     --jt-down(초록)과 구분이 남는다. */
  --jt-up:       #0F2E20;
  --jt-up-bg:    #F1F4F9;
  accent-color: #0E7C4C;
  -webkit-tap-highlight-color: rgba(18,148,91,.14);
}
html body.jt-dark {
  --jt2-hero:          #0E7C4C;
  --jt2-dash:          #245C40;
  --jt2-hover:         rgba(63,196,130,.10);
  --jt2-bad:           #3FC482;
  --jt2-tint-red:      #143325;
  --jt2-tint-red-tx:   #7FD9A8;
  --jt2-amber:         #A7B4C9;
  --jt2-tint-amber:    #202A3C;
  --jt2-tint-amber-tx: #A7B4C9;
  --jt2-tint-amber-bd: #2A3550;
  --jt2-ycheon:        #9BE3BC;
  --jt-up:       #E8F2EC;
  --jt-up-bg:    #202A3C;
  accent-color: #3FC482;
}
html body ::selection { background: rgba(18,148,91,.22); }
/* 색을 정하지 않은 링크는 브라우저 기본 파랑(#0000EE)이 된다(멤버십 .ms-lead a · 가이드 FAQ 등).
   명시도 0(:where) 이라 어떤 작성자 규칙도 이 값을 이긴다 — 기본 파랑만 초록으로 바꾼다. */
:where(a:any-link) { color: #17794A; }
:where(body.jt-dark a:any-link) { color: #7FD9A8; }

/* ── 2. 포커스 링 (키보드·스위치 접근) — iOS 기본 파랑 대신 초록 ── */
html body a:focus-visible, html body button:focus-visible, html body summary:focus-visible,
html body [role="button"]:focus-visible, html body [tabindex]:focus-visible {
  outline: 2px solid #12945B; outline-offset: 2px;
}
html body.jt-dark a:focus-visible, html body.jt-dark button:focus-visible, html body.jt-dark summary:focus-visible,
html body.jt-dark [role="button"]:focus-visible, html body.jt-dark [tabindex]:focus-visible { outline-color: #3FC482; }
html body input.jt2-in:focus, html body textarea.jt2-in:focus, html body select.jt2-sel:focus,
html body select.jt2-setpick:focus { box-shadow: 0 0 0 3px rgba(18,148,91,.16); }

/* ── 3. 속보 티커 — LIVE 빨강 태그 → 진초록 채움 (바는 토큰으로 잉크) ── */
html body .jt2-ticker-tag { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .jt2-ticker-tag { background: #3FC482; color: #0D1320; }
html body.jt-dark .jt2-ticker-tag i { background: #0D1320; }

/* ── 4. 헤더 벨 알림 점 · 햄버거 서랍 '발주 임박/다음 발주' 칩 · 프로필 로그아웃 ── */
html body .jt2-dot { background: #12945B; }
html body.jt-dark .jt2-dot { background: #3FC482; }
html body .gsub--today .nx .k { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .gsub--today .nx .k { background: #3FC482; color: #0D1320; }
html body .jt2-prof-drop a.out { color: #5A6A82; }
html body .jt2-prof-drop a.out:hover { background: #F1F4F9; color: #0F2E20; }
html body.jt-dark .jt2-prof-drop a.out { color: #A7B4C9; }
html body.jt-dark .jt2-prof-drop a.out:hover { background: #202A3C; color: #E8F2EC; }
html body .jt2-acct-ini, html body .jt2-avatar .ini { background: linear-gradient(135deg, #22A45D, #0B5E3A); }

/* ── 5. 날짜 막대 — 일요일 빨강 → 기본 초록, 현재일 파란 그림자 → 초록 그림자 ── */
html body .jt2-day--sun:not([aria-current="page"]) .w { color: #12945B; }
html body.jt-dark .jt2-day--sun:not([aria-current="page"]) .w { color: #3FC482; }
html body .jt2-day[aria-current="page"] { box-shadow: 0 4px 10px rgba(18,148,91,.28); }
html body .jt-time--soon { color: #17794A; }
html body.jt-dark .jt-time--soon { color: #7FD9A8; }

/* ── 6. 안내 상자(점선) · 잠긴 픽 안내 · 경고 상자 ── */
html body .jt2-note, html body .jt2-gate { border-color: #BFE5D1; }
html body.jt-dark .jt2-note, html body.jt-dark .jt2-gate { border-color: #245C40; }
html body .jt2-warn { background: #E8F6EF; border-color: #D7EEE1; color: #0F2E20; }
html body .jt2-warn svg { color: #12945B; }
html body.jt-dark .jt2-warn { background: #143325; border-color: #1D3A2B; color: #E8F2EC; }
html body.jt-dark .jt2-warn svg { color: #3FC482; }

/* ── 7. 푸터 — 만 19세 미만 빨간 글자 → 잉크 굵은 글자 ── */
html body .jt2-age { color: #0F2E20; }
html body.jt-dark .jt2-age { color: #E8F2EC; }

/* ── 8. 경마장 칩 (오늘경주 행 .mv-meet · 홈 .mh-meet) ──
   서울 연초록+진초록 · 부경 연초록+짙은 초록 글자(대비 4.5 이상)+초록 테두리 · 제주 더 연한 초록+초록 글자+연한 테두리 · 영천 짙은 초록 */
html body .jt2-mrow--v3 .mv-meet.jt2-meet--seoul, html body .mh-meet.jt2-meet--seoul, html body .mv-meet.jt2-meet--seoul {
  background: #E8F6EF; color: #0E7C4C; }
html body .jt2-mrow--v3 .mv-meet.jt2-meet--busan, html body .mh-meet.jt2-meet--busan, html body .mv-meet.jt2-meet--busan {
  background: #E8F6EF; color: #0B6B41; box-shadow: inset 0 0 0 1px #BFE5D1; }
html body .jt2-mrow--v3 .mv-meet.jt2-meet--jeju, html body .mh-meet.jt2-meet--jeju, html body .mv-meet.jt2-meet--jeju {
  background: #F2FAF5; color: #17794A; box-shadow: inset 0 0 0 1px #D7EEE1; }
html body .jt2-mrow--v3 .mv-meet.jt2-meet--ycheon, html body .mh-meet.jt2-meet--ycheon, html body .mv-meet.jt2-meet--ycheon {
  background: #DDF1E5; color: #0B5E3A; }
html body.jt-dark .jt2-mrow--v3 .mv-meet.jt2-meet--seoul, html body.jt-dark .mh-meet.jt2-meet--seoul, html body.jt-dark .mv-meet.jt2-meet--seoul {
  background: #143325; color: #7FD9A8; }
html body.jt-dark .jt2-mrow--v3 .mv-meet.jt2-meet--busan, html body.jt-dark .mh-meet.jt2-meet--busan, html body.jt-dark .mv-meet.jt2-meet--busan {
  background: #10281C; color: #52D190; box-shadow: inset 0 0 0 1px #245C40; }
html body.jt-dark .jt2-mrow--v3 .mv-meet.jt2-meet--jeju, html body.jt-dark .mh-meet.jt2-meet--jeju, html body.jt-dark .mv-meet.jt2-meet--jeju {
  background: #10281C; color: #7FD9A8; box-shadow: inset 0 0 0 1px #1D3A2B; }
html body.jt-dark .jt2-mrow--v3 .mv-meet.jt2-meet--ycheon, html body.jt-dark .mh-meet.jt2-meet--ycheon, html body.jt-dark .mv-meet.jt2-meet--ycheon {
  background: #173D2A; color: #9BE3BC; }

/* ── 9. 뜻이 '감소·음수·주의'인 빨강 글자 → 잉크 (적중 초록과 섞이지 않게) ── */
html body .jt2-down, html body .jt2-red, html body .jt2-kpi .v.bad,
html body .jt2-calcrow .neg, html body .jt2-calcrow .kv b.neg, html body .jt2-calcsum .v.neg { color: #0F2E20; }
html body.jt-dark .jt2-down, html body.jt-dark .jt2-red, html body.jt-dark .jt2-kpi .v.bad,
html body.jt-dark .jt2-calcrow .neg, html body.jt-dark .jt2-calcrow .kv b.neg, html body.jt-dark .jt2-calcsum .v.neg { color: #E8F2EC; }

/* ── 10. 공용 버튼·배지 — 토큰이 초록 채움이 되는 곳의 다크 글자 · 남은 파랑/빨강 ── */
html body .jt2-btn--danger { background: #0F2E20; border-color: #0F2E20; color: #FFFFFF; }
html body.jt-dark .jt2-btn--danger { background: #E8F2EC; border-color: #E8F2EC; color: #0D1320; }
html body .jt2-btn.jt2-btn--primary:hover { background: #0B6B41; border-color: #0B6B41; color: #FFFFFF; }
html body.jt-dark .jt2-hitmarks .mk, html body.jt-dark .jt2-newsunread, html body.jt-dark .jt2-newslive { color: #0D1320; }
/* 실시간 배당 갱신 깜빡임(jt.app.js 인라인) — 오름 빨강·내림 파랑 → 초록·회색 */
html body [data-odds][style*="242, 84, 91"] { background-color: rgba(18,148,91,.18) !important; }
html body [data-odds][style*="76, 141, 255"] { background-color: rgba(100,116,139,.18) !important; }

/* ── 11. 모달·시트 막 · 토스트 — 남색 기운 → 잉크 기운 ── */
html body .jt-ov { background: rgba(8,24,16,.5); }
html body .sh-ov { background: rgba(8,24,16,.55); }
html body .sh-toast { background: rgba(15,46,32,.94); }
html body .jt2-appupd { box-shadow: 0 10px 26px rgba(10,40,26,.28); }

/* ── 12. 예상 표시 공용(sheet·paper·field) — 승식 딱지 · 개수 배지 · 회원 안내 · 고른 항목 ── */
html body .sh-tg--win { background: #0E7C4C; color: #FFFFFF; }
html body .sh-tg--qpl { background: #DDF1E5; color: #0B5E3A; }
html body .sh-tg--tri, html body .sh-tg--tfc { background: #F2FAF5; color: #17794A; box-shadow: inset 0 0 0 1px #BFE5D1; }
html body.jt-dark .sh-tg--win { background: #3FC482; color: #0D1320; }
html body.jt-dark .sh-tg--qpl { background: #173D2A; color: #9BE3BC; }
html body.jt-dark .sh-tg--tri, html body.jt-dark .sh-tg--tfc { background: #10281C; color: #7FD9A8; box-shadow: inset 0 0 0 1px #245C40; }
html body .sh-badge { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .sh-badge { background: #3FC482; color: #0D1320; }
html body .sh-gate { background: #E8F6EF; border-color: #D7EEE1; color: #0F2E20; }
html body .sh-gate b { color: #0F2E20; }
html body .sh-gate a { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .sh-gate { background: #143325; border-color: #1D3A2B; color: #E8F2EC; }
html body.jt-dark .sh-gate b { color: #E8F2EC; }
html body.jt-dark .sh-gate a { background: #3FC482; color: #0D1320; }
html body .sh-ov .pick.on { border-color: #BFE5D1; }
html body .sh-ov .ch.on { background: #F2FAF5; }

/* ── 13. 출전마 카드 말 아바타 실루엣(field — 마번별 색 currentColor) → 초록 ── */
html body .fd-av svg.fd-horse path { fill: #12945B; }
html body.jt-dark .fd-av svg.fd-horse path { fill: #3FC482; }

/* ══════════════ 2단계 (2026-09-15 · m3g2-shell) — 대비·공용 부품 추가 ══════════════ */

/* ── 14. 흰 글자 얹는 초록 채움 대비 — #22A45D 흰 글자 3.2:1 → 진초록 #0E7C4C 5.2:1 ──
   jt2.css 가 background: var(--jt2-pri) 로 칠하는 부품만 골라, 그 요소에서 토큰만 바꾼다.
   (다른 변형 .jt2-btn--line/--ghost 는 --jt2-pri 를 안 써서 그대로 · 페이지 전용 채움 규칙도 그대로 이긴다)
   버튼 · 오픈톡 보내기 · 구 프로필 버튼 · 페이지네이션 현재 쪽 · 날짜 막대 현재일 · 1픽 공 · 1픽 카드 딱지/마번 */
html body .jt2-btn, html body .jt2-talk-send, html body .jt-btn,
html body .jt2-pager strong, html body .jt2-day[aria-current="page"], html body .jt-day[aria-current="page"],
html body .jt2-ball--1, html body .jt2-pickcard--1 .bdg, html body .jt2-pickcard--1 .no {
  --jt2-pri: #0E7C4C; --jt2-pri-hv: #0B6B41;
}
html body.jt-dark .jt2-btn, html body.jt-dark .jt2-talk-send, html body.jt-dark .jt-btn,
html body.jt-dark .jt2-pager strong, html body.jt-dark .jt2-day[aria-current="page"], html body.jt-dark .jt-day[aria-current="page"],
html body.jt-dark .jt2-ball--1, html body.jt-dark .jt2-pickcard--1 .bdg, html body.jt-dark .jt2-pickcard--1 .no {
  --jt2-pri: #3FC482; --jt2-pri-hv: #52D190;
}
/* 눌림(모바일은 탭 뒤 :hover 가 남는다) — .jt2-main a:hover 가 글자를 채움색과 같은 --jt2-pri 로 바꿔 글자가 사라지던 것 방어 */
html body .jt2-btn:not(.jt2-btn--line):not(.jt2-btn--ghost):not(.jt2-btn--danger):not(.jt2-btn--primary):hover,
html body .jt2-talk-send:hover, html body .jt-btn:hover, html body .jt2-day[aria-current="page"]:hover { color: #FFFFFF; }
/* 다크 — 밝은 채움 #3FC482 위 글자는 #0D1320 (8.3:1) */
html body.jt-dark .jt2-btn:not(.jt2-btn--line):not(.jt2-btn--ghost):not(.jt2-btn--danger):not(.jt2-btn--primary),
html body.jt-dark .jt2-btn:not(.jt2-btn--line):not(.jt2-btn--ghost):not(.jt2-btn--danger):not(.jt2-btn--primary):hover,
html body.jt-dark .jt2-talk-send, html body.jt-dark .jt2-talk-send:hover,
html body.jt-dark .jt-btn, html body.jt-dark .jt-btn:hover,
html body.jt-dark .jt2-pager strong,
html body.jt-dark .jt2-day[aria-current="page"], html body.jt-dark .jt2-day[aria-current="page"]:hover,
html body.jt-dark .jt2-day[aria-current="page"] .w,
html body.jt-dark .jt-day[aria-current="page"],
html body.jt-dark .jt2-ball--1:not(.jt2-ball--lg),
html body.jt-dark .jt2-pickcard--1 .bdg, html body.jt-dark .jt2-pickcard--1 .no { color: #0D1320; }

/* ── 15. 초록 글자 대비 (밝은 모드) — #0E8A46·#12A150 작은 글자 3.4~4.4:1 → 초록 글자 #17794A ──
   연초록 칩(발매중·적중·검증·NOW·+승 · .jt2-tint-green 짝) 4.9:1 · 흰 바탕 5.4:1.
   다크는 jt2.css body.jt-dark 값(#4ED98A 등)이 명시도로 이긴다.
   :root 에서 미리 계산돼 내려오는 구 별칭(--jt-ok · --jt-green · --jt-busan)은 body 에서 다시 잇는다
   (jockey.php '입상' 인라인 var(--jt-ok) · stats.php 양수 값 — 다크에서도 밝은 초록으로 따라간다). */
html body {
  --jt2-tint-green:    #E8F6EF;
  --jt2-tint-green-tx: #17794A;
  --jt2-ok:            #17794A;
  --jt2-ok-hi:         #17794A;
  --jt2-busan:         #17794A;
  --jt-ok:    var(--jt2-ok);
  --jt-green: var(--jt2-ok);
  --jt-busan: var(--jt2-busan);
}

/* ── 16. 하단 탭 — 현재 탭·가운데 '마추픽' 라벨 #12945B 12px (3.9:1) → #17794A (5.4:1) ── */
html body .jt2-tabbar a[aria-current="page"], html body .jt2-tabbar a:nth-child(3) span { color: #17794A; }
html body.jt-dark .jt2-tabbar a[aria-current="page"], html body.jt-dark .jt2-tabbar a:nth-child(3) span { color: #3FC482; }

/* ── 17. 날짜 막대 일요일 요일 글자 (밝은 모드) — 1단계 #12945B 12px (3.9:1) → #17794A ── */
html body .jt2-day--sun:not([aria-current="page"]) .w { color: #17794A; }

/* ── 18. 정보 요약본 '진하게' 마번 칩(.bf-n.on · lib/jtm.sheet.lib.php — sheet·paper·field 공용) ──
   '이 거리에서 3착 이내가 있던 말' 표시 · 빨강 틴트 → 연초록 + 초록 글자 (구분은 굵기·바탕으로 유지) */
html body i.bf-n.on { background: #E8F6EF; color: #17794A; }
html body.jt-dark i.bf-n.on { background: #143325; color: #7FD9A8; }

/* ══════════════ 3단계 (2026-09-15 · m3g3-shell) — '선택됨' 상태 전수 · 날짜 막대 요일 ══════════════
   원칙: 다크 선택 = 채움 #3FC482 + 글자 #0D1320 (8.3:1) · 안 선택 = 무채색 칩 그대로.
         밝은 선택 = 잉크(1단계 토큰) 또는 진초록 #0E7C4C 채움 + 흰 글자. */

/* ── 19. 필터 칩 선택됨 — 속보 .jt2-newschip · 커뮤니티 게시판 .jt2-bochip · 경기일정 경마장 .jt2-mchip ──
   다크: --jt2-navy #080D17 채움이 안 선택 칩(#161E2C)과 1.2:1 이라 구분이 안 됐다 → #3FC482 + #0D1320.
   밝은 모드는 1단계 토큰(잉크 #0F2E20 채움 + 흰 글자 14.7:1)을 그대로 쓴다. 눌림(:hover)도 같은 값. */
html body.jt-dark .jt2-newschip[aria-current="page"], html body.jt-dark .jt2-newschip[aria-current="page"]:hover,
html body.jt-dark .jt2-bochip[aria-current="page"], html body.jt-dark .jt2-bochip[aria-current="page"]:hover,
html body.jt-dark .jt2-mchip.on, html body.jt-dark .jt2-mchip.on:hover,
html body.jt-dark .jt2-mchip[aria-pressed="true"], html body.jt-dark .jt2-mchip[aria-pressed="true"]:hover {
  background: #3FC482; border-color: #3FC482; color: #0D1320;
}
html body.jt-dark .jt2-mchip.on .n, html body.jt-dark .jt2-mchip[aria-pressed="true"] .n { color: #0D1320; }

/* ── 20. 세그먼트 토글 선택됨 — .jt2-seg · .jt-seg ──
   (오늘경주 경마장·픽 상태 · 경주상세 승식 가이드 · 랭킹 종류·경마장 · 계산기 승식 · 적중률 리포트 실전/백테스트)
   흰 알약(다크는 트랙보다 어두운 #161E2C 알약) + 그림자 → 밝은 진초록 #0E7C4C + 흰 글자(5.2:1) · 다크 #3FC482 + #0D1320
   (같은 화면 m3 세그먼트·필터와 같은 모양). 안 선택 글자 --jt2-dim #7A8AA0(트랙 위 3.1:1)/#8594A9(3.8:1)
   → 회색 #5A6A82(4.8:1)/#A7B4C9(5.4:1). 관리자 전용 '전체'(.jt2-seg-adm)는 회색 구분을 그대로 둔다. */
html body .jt2-seg, html body .jt-seg { --jt2-dim: #5A6A82; }
html body.jt-dark .jt2-seg, html body.jt-dark .jt-seg { --jt2-dim: #A7B4C9; }
html body .jt2-seg > .on:not(.jt2-seg-adm), html body .jt2-seg > [aria-pressed="true"]:not(.jt2-seg-adm),
html body .jt2-seg > [aria-current="page"]:not(.jt2-seg-adm),
html body .jt-seg > .on, html body .jt-seg > [aria-pressed="true"] {
  background: #0E7C4C; color: #FFFFFF; box-shadow: none;
}
html body.jt-dark .jt2-seg > .on:not(.jt2-seg-adm), html body.jt-dark .jt2-seg > [aria-pressed="true"]:not(.jt2-seg-adm),
html body.jt-dark .jt2-seg > [aria-current="page"]:not(.jt2-seg-adm),
html body.jt-dark .jt-seg > .on, html body.jt-dark .jt-seg > [aria-pressed="true"] {
  background: #3FC482; color: #0D1320;
}

/* ── 21. 경주 선택 칩 — .lab-picker .rc.on (출전마 분석 field · 분석실 공용) ──
   #22A45D 채움 + 흰 글자 3.2:1 → 진초록 #0E7C4C (5.2:1) · 다크 #3FC482 + #0D1320.
   sheet.php 는 green-sheet.css 의 .sh-days ~ .sh-picker .rc.on 이 더 센 명시도로 같은 값을 칠한다(충돌 없음). */
html body .lab-picker .rc.on { background: #0E7C4C; border-color: #0E7C4C; }
html body .lab-picker .rc.on .sh-badge { box-shadow: 0 0 0 2px #FFFFFF; }
html body.jt-dark .lab-picker .rc.on { background: #3FC482; border-color: #3FC482; }
html body.jt-dark .lab-picker .rc.on b, html body.jt-dark .lab-picker .rc.on span { color: #0D1320; }
html body.jt-dark .lab-picker .rc.on .sh-badge { box-shadow: 0 0 0 2px #0D1320; }

/* ── 22. 예상지·내 예상 경마지 개최일 띠 — .sh-days .d.on ──
   다크: jt2.css 뒤쪽 .jt-dark .sh-days .d{background:#141B29} 가 선택 칸 채움까지 지워 테두리만 달랐다 → #3FC482 + #0D1320.
   밝은: #17794A → 바로 아래 경주 선택 칩과 같은 진초록 #0E7C4C (흰 글자 5.2:1). */
html body .sh-days .d.on { background: #0E7C4C; border-color: #0E7C4C; }
html body.jt-dark .sh-days .d.on { background: #3FC482; border-color: #3FC482; }
html body.jt-dark .sh-days .d.on b, html body.jt-dark .sh-days .d.on span { color: #0D1320; }

/* ── 23. 예상 표시 창(.sh-ov · 로그인 회원) 선택됨 — 다크 #1F9E5A + 흰 글자 3.4:1 → #3FC482 + #0D1320 ── */
html body .sh-ov .ch.on { border-color: #12945B; box-shadow: 0 0 0 1px #12945B inset; }
html body.jt-dark .sh-ov .ch.on { border-color: #3FC482; box-shadow: 0 0 0 1px #3FC482 inset; background: #143325; }
html body.jt-dark .sh-ov .ch.on .tg .ck { background: #3FC482; border-color: #3FC482; }
html body.jt-dark .sh-ov .ch.on .tg .ck::after { border-color: #0D1320; }
html body.jt-dark .sh-ov .ch.on .tg b { color: #7FD9A8; }
html body.jt-dark .sh-ov .pos .p.on { background: #3FC482; border-color: #3FC482; color: #0D1320; }
html body.jt-dark .sh-ov .pick b { background: #3FC482; color: #0D1320; }

/* ── 24. 파트너 월별 실적 선택 달 — .pt-months a.on (partner.php · 파트너 회원) ──
   #F8FAFE / #1B2434 (흰·카드와 거의 같음) → 더 연한 초록 바탕 + 아래 초록 막대 (글자색은 green-profile.css 그대로) */
html body .pt-months a.on { background: #F2FAF5; box-shadow: inset 0 -2px 0 #12945B; }
html body.jt-dark .pt-months a.on { background: #10281C; box-shadow: inset 0 -2px 0 #3FC482; }

/* ── 25. 금액 선택 버튼 다크 — 경주상세 .jt2-betamt · 포인트 충전 .jt2-chgamt (색만 · 금액·문구·동작 무변경) ──
   다크 #22A45D(흰 글자 3.2:1) / #17794A → #3FC482 + #0D1320. 밝은 #17794A + 흰 글자(5.4:1)는 그대로. */
html body.jt-dark .jt2-betamt button[aria-pressed="true"], html body.jt-dark .jt2-chgamt button[aria-pressed="true"] {
  background: #3FC482; border-color: #3FC482; color: #0D1320;
}

/* ── 26. 날짜 막대 요일 글자 — 금·토 / 일 을 초록 두 단계로 (선택된 날 [aria-current] 은 채움 위 글자색 그대로) ──
   밝은: 금·토 #17794A (12px 굵게 5.4:1 — #12945B 는 3.9:1 로 작은 글자 기준 미달) · 일 짙은 초록 #0B5E3A (7.8:1)
   다크: 금·토 #52D190 · 일 #9BE3BC. 5절·17절 일요일 규칙 뒤에 같은 명시도로 덧붙여 이긴다. */
html body .jt2-day--fri:not([aria-current="page"]) .w, html body .jt2-day--sat:not([aria-current="page"]) .w { color: #17794A; }
html body .jt2-day--sun:not([aria-current="page"]) .w { color: #0B5E3A; }
html body.jt-dark .jt2-day--fri:not([aria-current="page"]) .w, html body.jt-dark .jt2-day--sat:not([aria-current="page"]) .w { color: #52D190; }
html body.jt-dark .jt2-day--sun:not([aria-current="page"]) .w { color: #9BE3BC; }

/* ── 27. 4단계(09-16) 마무리 ──
   · 다크 트랙(--jt2-track, 세그먼트·진행 막대·가로 막대 바탕) #2C3A54 남색 슬레이트 → 초록 기운 무채색
   · 밝은 모드 선택 필터 칩(19절 대상)도 '전부 초록' — 잉크 채움 대신 진초록 채움 + 흰 글자(5.2:1). 다크 19절 규칙에서 값만 바꿔 생성 */
html body.jt-dark { --jt2-track: #26332C; }
html body .jt2-newschip[aria-current="page"], html body .jt2-newschip[aria-current="page"]:hover,
html body .jt2-bochip[aria-current="page"], html body .jt2-bochip[aria-current="page"]:hover,
html body .jt2-mchip.on, html body .jt2-mchip.on:hover,
html body .jt2-mchip[aria-pressed="true"], html body .jt2-mchip[aria-pressed="true"]:hover {
  background: #0E7C4C; border-color: #0E7C4C; color: #FFFFFF;
}
html body .jt2-mchip.on .n, html body .jt2-mchip[aria-pressed="true"] .n { color: #FFFFFF; }

} /* @media (max-width: 900px) */