/* ══════════════════════════════════════════════════════════════════════
   마추 모바일 '전부 초록' (2026-09-15 대표 요청) — homeai 담당 덮어쓰기
   · 대상: 메인 홈의 남은 기존 모바일 블록(.v2m-mhome) · racing/ai.php 의 기존 콘텐츠(.m3-ai 뒤 .jt2-fadeup) · 시간잠금 모달
   · lib/jtm.ui.lib.php 가 모든 페이지에서 jtm-m3.css 바로 뒤에 싣는다 → 규칙은 전부 위 두 화면의 조상으로 좁힌다.
   · 페이지 본문 <style> 이 뒤에 나오므로 'html body ' 로 명시도를 올린다. SVG fill/stroke 속성은 CSS 가 이긴다.
   · 이 파일을 지우면 원래 색으로 돌아간다. 모든 규칙은 아래 @media (max-width:900px) 한 덩어리 안 — PC 무영향.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

/* ─────────────── 메인 홈 · 기존 모바일 블록 (.v2m-mhome) ─────────────── */

/* 다음 경주 · 공개까지 — 고신뢰 ★ 는 짙은 초록, 일반픽 점은 밝은 초록(그대로) */
html body .v2m-mhome .mh-next .pol i.d2 { color: #0B5E3A; }
html body .v2m-mhome .mh-next .cd--on .l { color: #0E7C4C; }
html body .v2m-mhome .mh-next .cd--on .go,
html body .v2m-mhome .mh-next .lab { color: #17794A; }
html body.jt-dark .v2m-mhome .mh-next .pol i.d2 { color: #9BE3BC; }
html body.jt-dark .v2m-mhome .mh-next .pol i.d1 { background: #3FC482; }
html body.jt-dark .v2m-mhome .mh-next .cd b { color: #3FC482; }
html body.jt-dark .v2m-mhome .mh-next .cd--on .l,
html body.jt-dark .v2m-mhome .mh-next .cd--on .go,
html body.jt-dark .v2m-mhome .mh-next .lab { color: #7FD9A8; }
html body.jt-dark .v2m-mhome .mh-card-hd a { color: #7FD9A8; }

/* 경마장 칩 — 서울·부경·제주·영천 초록 계열(기타는 기본 회색 그대로) */
html body .v2m-mhome .mh-meet.jt2-meet--seoul  { background: #E8F6EF; color: #0E7C4C; }
html body .v2m-mhome .mh-meet.jt2-meet--busan  { background: #E8F6EF; color: #17794A; }
html body .v2m-mhome .mh-meet.jt2-meet--jeju   { background: #F2FAF5; color: #17794A; box-shadow: inset 0 0 0 1px #D7EEE1; }
html body .v2m-mhome .mh-meet.jt2-meet--ycheon { background: #DDF1E5; color: #0B5E3A; }
html body.jt-dark .v2m-mhome .mh-meet.jt2-meet--seoul  { background: #143325; color: #7FD9A8; }
html body.jt-dark .v2m-mhome .mh-meet.jt2-meet--busan  { background: #143325; color: #52D190; }
html body.jt-dark .v2m-mhome .mh-meet.jt2-meet--jeju   { background: #10281C; color: #7FD9A8; box-shadow: inset 0 0 0 1px #1D3A2B; }
html body.jt-dark .v2m-mhome .mh-meet.jt2-meet--ycheon { background: #173D2A; color: #9BE3BC; }

/* 예정 경주 마추픽 칩 — 열림(is-pick)=연초록 · 잠김/시간잠금(is-lock)=회색(기본 '준비중' 칩보다 한 톤 짙게 구분) · 발매중 테두리=초록 */
html body .v2m-mhome .mh-chip.is-pick { background: #E8F6EF; color: #17794A; }
html body .v2m-mhome .mh-chip.is-lock { background: #E4EAF2; color: #5A6A82; }
html body .v2m-mhome .mh-chip.is-live { box-shadow: inset 0 0 0 1.5px #12945B; }
html body.jt-dark .v2m-mhome .mh-chip.is-pick { background: #143325; color: #7FD9A8; }
html body.jt-dark .v2m-mhome .mh-chip.is-lock { background: #202A3C; color: #A7B4C9; }
html body.jt-dark .v2m-mhome .mh-chip.is-live { box-shadow: inset 0 0 0 1.5px #3FC482; }

/* 최근 적중 — 마번 칸은 진초록 채움(흰 글자 대비), 연승 적중=연초록 · 단승 적중=짙은 초록 연바탕 */
html body .v2m-mhome .mh-hit .n { background: #0E7C4C; color: #FFFFFF; }
html body .v2m-mhome .mh-hit .bd { background: #E8F6EF; color: #0E7C4C; }
html body .v2m-mhome .mh-hit .bd.w { background: #DDF1E5; color: #0B5E3A; }
html body.jt-dark .v2m-mhome .mh-hit .n { background: #3FC482; color: #0D1320; }
html body.jt-dark .v2m-mhome .mh-hit .bd { background: #143325; color: #7FD9A8; }
html body.jt-dark .v2m-mhome .mh-hit .bd.w { background: #173D2A; color: #9BE3BC; }


/* ─────────────── racing/ai.php · 기존 콘텐츠 (.m3-ai 뒤 .jt2-fadeup) ─────────────── */

/* 카드 보는 법 · 카드 머리의 고신뢰 별(SVG fill/stroke 속성 #F7B733/#F0A81C) → 짙은 초록 */
html body .m3-ai ~ .jt2-fadeup svg.jt2-histar { color: #0B5E3A; filter: drop-shadow(0 1px 1px rgba(11,94,58,.25)); }
html body .m3-ai ~ .jt2-fadeup svg.jt2-histar path { fill: #0B5E3A; stroke: #0B5E3A; }
html body.jt-dark .m3-ai ~ .jt2-fadeup svg.jt2-histar { color: #2FAE6E; filter: none; }
html body.jt-dark .m3-ai ~ .jt2-fadeup svg.jt2-histar path { fill: #2FAE6E; stroke: #2FAE6E; }

/* 1픽 공 — 범례(.p1)와 카드(.jt2-ball--1)를 같은 진초록 채움으로 (흰 글자 5.2:1) */
html body .m3-ai ~ .jt2-fadeup .jt2-pickguide i.p1,
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-ball--1 { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-pickguide i.p1,
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-ball--1 { background: #3FC482; color: #0D1320; }

/* 픽 카드 — 눌림/호버 테두리(연파랑 #C9D7EF)는 무채색으로 */
html body .m3-ai ~ .jt2-fadeup a.jt2-aicard:hover { border-color: #C5CEDA; }
html body.jt-dark .m3-ai ~ .jt2-fadeup a.jt2-aicard:hover { border-color: #3A4A63; }

/* 고신뢰 강조 카드 — 초록 테두리 · 연초록 바탕 · 초록 그림자 (다크 남색 #182A52 바탕 → 초록 연바탕) */
html body .m3-ai ~ .jt2-fadeup .jt2-aicard.jt2-aicard--hi { border-color: #12945B; background: #E8F6EF; box-shadow: 0 6px 14px rgba(18,148,91,.10); }
html body .m3-ai ~ .jt2-fadeup a.jt2-aicard.jt2-aicard--hi:hover { border-color: #0E7C4C; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard--hi .jt2-ball:not(.jt2-ball--1) { background: #FFFFFF; box-shadow: inset 0 0 0 1px #BFE5D1; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard.jt2-aicard--hi { border-color: #3FC482; background: #143325; box-shadow: none; }
html body.jt-dark .m3-ai ~ .jt2-fadeup a.jt2-aicard.jt2-aicard--hi:hover { border-color: #52D190; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard--hi .jt2-ball:not(.jt2-ball--1) { background: #0F1624; box-shadow: inset 0 0 0 1px #245C40; }
/* (다크) 고신뢰 카드 안 회색 글자 — 초록 연바탕 #143325 위에서 --jt2-mute #8594A9 는 4.45:1, --jt2-faint #5F6D86 은 2.6:1
   → 이 카드 안에서만 한 단계 밝은 무채색(#A7B4C9 6.5:1 · #8B98AC 4.7:1). 2026-09-15 polish */
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard.jt2-aicard--hi { --jt2-mute: #A7B4C9; --jt2-dim: #A7B4C9; --jt2-faint: #8B98AC; }

/* 카드 머리 경마장명 — 부경=초록 글자 · 영천(보라)=짙은 초록. 서울·제주는 기본 잉크 그대로, 고신뢰 카드는 초록 글자 유지 */
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .hd .r.jt2-meet--busan  { color: #17794A; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .hd .r.jt2-meet--ycheon { color: #0B5E3A; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard.jt2-aicard--hi .hd .r[class] { color: #17794A; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .hd .r.jt2-meet--busan  { color: #52D190; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .hd .r.jt2-meet--ycheon { color: #9BE3BC; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard.jt2-aicard--hi .hd .r[class] { color: #7FD9A8; }

/* 상태 태그 — 적중(빨강)=진초록 채움 · 발매중=연초록+초록 점 · 결과 대기(주황)=회색(예정 칩보다 한 톤 짙게) · 미적중/환불/예정=회색 그대로 */
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--hit  { background: #0E7C4C; color: #FFFFFF; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--live { background: #E8F6EF; color: #0E7C4C; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--live i { background: #0E7C4C; }
html body .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--tent { background: #E4EAF2; color: #5A6A82; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--hit  { background: #3FC482; color: #0D1320; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--live { background: #143325; color: #7FD9A8; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--live i { background: #7FD9A8; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-aicard .jt2-tag--tent { background: #253045; color: #A7B4C9; }

/* 시간잠금 'N분 전 오픈' 배지(ai.php 인라인 <style> 주황) → 회색 칩 — 초록이면 '열림'처럼 보인다 */
html body .m3-ai ~ .jt2-fadeup .jt2-timelock .jt2-tlbadge { background: #F1F4F9; color: #5A6A82; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-timelock .jt2-tlbadge { background: #202A3C; color: #A7B4C9; }

/* 잠긴 픽 점선 상자 — 연파랑 점선(#C9D7EF / 다크 #2C4070) → 무채색 점선 */
html body .m3-ai ~ .jt2-fadeup .jt2-ailock { border-color: #C5CEDA; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-ailock { border-color: #3A4A63; }

/* 왜 이 말인가 — 강점 막대=밝은 초록 · 약한 부분 막대(주홍)=회색 · 앞섬=초록 글자 · 뒤짐(주홍)=회색 글자 */
html body .m3-ai ~ .jt2-fadeup .jt2-why-row .bar i { background: #22A45D; }
html body .m3-ai ~ .jt2-fadeup .jt2-why-row.dn .bar i { background: #A7B4C9; }
html body .m3-ai ~ .jt2-fadeup .jt2-why-vs .u { color: #0E7C4C; }
html body .m3-ai ~ .jt2-fadeup .jt2-why-vs .d { color: #5A6A82; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-why-row .bar i { background: #52D190; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-why-row.dn .bar i { background: #6B7A92; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-why-vs .u { color: #7FD9A8; }
html body.jt-dark .m3-ai ~ .jt2-fadeup .jt2-why-vs .d { color: #A7B4C9; }

/* 시간잠금 모달(ai.php 스크립트가 공용 #jtOv 안에 그린다) — ai.php 에서만 */
html body:has(.m3-ai) .jt-tlmodal .ic { filter: grayscale(1); }
html body:has(.m3-ai) .jt-tlmodal h3 { color: #0F2E20; }
html body:has(.m3-ai) .jt-tlmodal .cd { background: #E8F6EF; color: #17794A; }
html body:has(.m3-ai) .jt-tlmodal .btns .b1 { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark:has(.m3-ai) .jt-tlmodal h3 { color: #E8F2EC; }
html body.jt-dark:has(.m3-ai) .jt-tlmodal p { color: #A7B4C9; }
html body.jt-dark:has(.m3-ai) .jt-tlmodal .cd { background: #143325; color: #7FD9A8; }
html body.jt-dark:has(.m3-ai) .jt-tlmodal .btns .b1 { background: #3FC482; color: #0D1320; }
html body.jt-dark:has(.m3-ai) .jt-tlmodal .btns .b2 { background: #202A3C; color: #A7B4C9; }

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