/* ?view=sports — 새 디자인 셸 안에서 스포츠 보드를 그린다.
   구버전 앱(/renewal/)의 #mensViewMount 계약을 그대로 쓰되,
   왼쪽 새 메뉴(snb_left)와 상단 헤더는 유지한다. */

/* 구버전 앱 기준 여백(310px)을 새 디자인 콘텐츠 폭에 맞춘다 */
#mensViewMount.mens-view-mount{margin:0!important;padding:0!important;width:100%!important;box-sizing:border-box}
#mensViewMount .cs-shell{width:100%!important;margin:0 0 16px!important}

/* 로비 본문만 숨기고 .contents 는 살린다(보드가 그 안에 있으므로) */
body.current-sports-open .contents{display:block!important}
body.current-sports-open .contents > *:not(#mensViewMount){display:none!important}

/* 왼쪽 메뉴와 헤더는 항상 유지 (snb_btn 은 모바일 햄버거라 데스크톱에서는 로비와 같이 숨긴다) */
body.current-sports-open .snb_left,
body.current-sports-open .top_inner{display:block!important}

@media(max-width:980px){
 body.current-sports-open .snb_left{display:block!important}
}

/* 보드 상단: 메인 복귀 + 종목 안내 (구버전 CSS 가 숨겨 둔 헤더를 새 디자인 톤으로 살린다) */
#mensViewMount .cs-head{
  display:flex!important;align-items:center;gap:12px;
  padding:8px 12px;margin:0 0 8px;
  border:1px solid #d4b483;background:#00060c;color:#f6efe2;
}
#mensViewMount .cs-head>div{flex:1;min-width:0}
#mensViewMount .cs-head small{display:block;color:#d4b483;font-size:10px;letter-spacing:.08em}
#mensViewMount .cs-head h1{margin:0;font-size:16px;color:#f6efe2;font-weight:900}
#mensViewMount .cs-back{
  flex:0 0 auto;padding:7px 12px;border:1px solid #d4b483;border-radius:3px;
  background:linear-gradient(180deg,#f1c978,#805315);color:#080502;
  font-weight:900;font-size:12px;cursor:pointer;
}
#mensViewMount .cs-history{
  flex:0 0 auto;padding:7px 12px;border:1px solid #6e5830;border-radius:3px;
  background:#121a24;color:#f6efe2;font-size:12px;text-decoration:none;
}

/* 로그인 팝업은 새 디자인 방식(.local-open)으로 열린다. ess-view.js 가 data-open 을 옮겨 준다. */
.pop_login[data-open="true"],.pop_join[data-open="true"]{display:none!important}

/* 좁은 화면에서 보드 한 칸이 최소 폭 때문에 넘치던 문제 (공용 보드 CSS 의 1fr 최소값) */
@media(max-width:980px){
  #mensViewMount .cs-layout{grid-template-columns:minmax(0,1fr)!important}
}

/* ?view=deposit 등 계정/내역 화면 — 구버전 앱(current-screen-app.js)을 새 셸 안에서 그린다.
   구버전 런타임 CSS 는 .current-view-open 상태에서 .contents 를 통째로 숨기는데,
   새 셸에서는 마운트가 .contents 안에 있으므로 로비 본문만 골라 숨긴다. */
/* 오른쪽 빈 공간 제거
   원인: 구버전 런타임 CSS(current-screen-runtime.css)가 스포츠/계정 화면에서
        오른쪽 배너(.banner_box)·베팅슬립(.bet_slip)을 display:none 으로 숨긴다.
        그런데 .contents 는 그 오른쪽 칸 폭(310px)만큼 margin-right 를 계속 비워 둔다.
        그래서 오른쪽 사이드바가 사라진 자리에 310px 짜리 빈 공간이 남았다.
   수정: 오른쪽 칸이 숨는 화면에서는 margin-right 를 wrap 안쪽 여백(10px)으로 줄여
        본문이 오른쪽 끝까지 채우게 한다. 왼쪽 메뉴 폭(margin-left)은 그대로 둔다. */
@media(min-width:769px){
  body.current-sports-open .contents,
  body.current-view-open .contents{margin-right:10px!important}
}

body.current-view-open .contents{display:block!important}
body.current-view-open .contents > *:not(#mensViewMount){display:none!important}
body.current-view-open .snb_left,
body.current-view-open .top_inner{display:block!important}
@media(max-width:980px){
 body.current-view-open .snb_left{display:block!important}
}