/**
 * ============================================================
 *  Poly Market — V4 에메랄드 그린 테마 CSS
 *  기존 DAZUM CSS 파일들 뒤에 마지막으로 로드하여 오버라이드
 *  <link rel="stylesheet" href="/_Css/polymarket_theme.css?ver=2.0">
 * ============================================================
 *
 *  브랜드 컬러 팔레트
 *  --pm-bg-body    : #0f1923  (사이트 전체 배경)
 *  --pm-bg-header  : #0a1520  (헤더 배경)
 *  --pm-bg-card    : #142030  (카드/패널 배경)
 *  --pm-bg-side    : #0d1e2d  (사이드 메뉴 배경)
 *  --pm-emerald    : #00b894  (메인 포인트)
 *  --pm-teal       : #00cec9  (서브 포인트)
 *  --pm-emerald-dk : #009678  (버튼 hover/border)
 *  --pm-white      : #ffffff
 *  --pm-text-sub   : #8ba3b8  (서브 텍스트)
 *  --pm-border     : #1e3a50  (구분선)
 * ============================================================
 */

/* ── 0. CSS 변수 정의 ──────────────────────────────────── */
:root {
  --pm-bg-body:    #0f1923;
  --pm-bg-header:  #0a1520;
  --pm-bg-card:    #142030;
  --pm-bg-side:    #0d1e2d;
  --pm-emerald:    #00b894;
  --pm-teal:       #00cec9;
  --pm-emerald-dk: #009678;
  --pm-white:      #ffffff;
  --pm-text-sub:   #8ba3b8;
  --pm-border:     #1e3a50;
  --pm-shadow:     0 4px 16px rgba(0,184,148,0.12);
}

/* ── 1. 전체 배경 ──────────────────────────────────────── */
body,
body#main {
  background-color: var(--pm-bg-body) !important;
  background-image: none !important;
}

/* ── 2. 헤더 ───────────────────────────────────────────── */
#header-wrap,
#header-wrap:before {
  background-color: var(--pm-bg-header) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
}

/* ── 3. 로고 ───────────────────────────────────────────── */
#logo a {
  background-image: url('../_Img/logo.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
#logo-p2p a {
  background-image: url('../_Img/logo-p2p.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
@media only screen and (max-width: 960px) {
  #logo a {
    background-image: url('../_Img/mlogo.png') !important;
  }
  #logo-p2p a {
    background-image: url('../_Img/mlogo-p2p.png') !important;
  }
}
@media only screen and (max-width: 680px) {
  #logo a {
    background-image: url('../_Img/mlogo.png') !important;
  }
  #logo-p2p a {
    background-image: url('../_Img/mlogo-p2p.png') !important;
  }
}

/* ── 4. 메인 콘텐츠 카드 영역 ─────────────────────────── */
.mcont01 {
  background-color: var(--pm-bg-card) !important;
  border-color: var(--pm-border) !important;
}
.mcont01 .assets01,
.mcont01 .assets02,
.mcont01 .assets03,
.mcont01 .assets04,
.mcont01 .assets05,
.mcont01 .assets06 {
  background: #1a2f45 !important;
  box-shadow: var(--pm-shadow) !important;
  border-radius: 8px !important;
}
.mcont01 p,
.mcont01 .assetcont p {
  color: var(--pm-text-sub) !important;
}
.mcont01 .assetcont span.assets-num,
.mcont01 .assetcont span.assets-num-perf {
  color: var(--pm-white) !important;
}

/* ── 4-1. go-live.png 코인 호버 트랜지션 ──────────── */
/* 코인 이미지: 기본 상태 */
.auto .buy-img img[src*="go-live"],
.type1 .buy-img img[src*="go-live"],
.type2 .buy-img img[src*="go-live"] {
  display: block !important;
  transition: transform 0.3s ease, filter 0.3s ease !important;
  filter: drop-shadow(0 4px 8px rgba(0,184,148,0.25)) !important;
}
/* 코인 이미지: 호버 시 위로 떠오르고 밝아짐 */
.auto .buy-img img[src*="go-live"]:hover,
.type1 .buy-img img[src*="go-live"]:hover,
.type2 .buy-img img[src*="go-live"]:hover {
  transform: translateY(-8px) scale(1.05) !important;
  filter: drop-shadow(0 10px 18px rgba(0,184,148,0.5)) !important;
}
/* 코인 아래 그림자 */
.auto .buy-img:after,
.type1 .buy-img:after,
.type2 .buy-img:after {
  background: rgba(0,184,148,0.15) !important;
  border-radius: 50% !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* ── 5. CTA 카드 영역 (auto / type1 / type2) ──────────── */
/* 카드 배경 - 기존 흰색/회색 → 다크 카드로 교체 */
.auto,
.type1,
.type2 {
  background: #142030 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 10px !important;
}
/* 카드 내 텍스트 */
.auto p,
.type1 p,
.type2 p {
  color: var(--pm-white) !important;
}
.auto span,
.type1 span,
.type2 span {
  color: var(--pm-text-sub) !important;
}
/* 그림자 효과 (buy-img 아래) */
.auto .buy-img:after,
.type1 .buy-img:after,
.type2 .buy-img:after {
  background: rgba(0,184,148,0.15) !important;
}
/* 일반 버튼 (미선택) */
.auto .auto-button,
.type1 .auto-button,
.type2 .auto-button {
  background-color: #1e3a50 !important;
  border: 2px solid var(--pm-border) !important;
  color: var(--pm-text-sub) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.auto .auto-button:hover,
.type1 .auto-button:hover,
.type2 .auto-button:hover {
  background-color: #253f58 !important;
  border-color: var(--pm-emerald) !important;
  color: var(--pm-white) !important;
}
/* 선택된 버튼 (Go! Poly Market) */
.auto .auto-button-selected,
.type1 .auto-button-selected,
.type2 .auto-button-selected {
  background-color: var(--pm-emerald) !important;
  border: 2px solid var(--pm-emerald-dk) !important;
  color: var(--pm-white) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 20px rgba(0,184,148,0.35) !important;
  transition: all 0.25s ease !important;
}
/* span 전역 색상 규칙이 버튼 텍스트를 덮어쓰지 않도록 강제 흰색 지정 */
.auto .auto-button-selected span,
.type1 .auto-button-selected span,
.type2 .auto-button-selected span {
  color: #ffffff !important;
  font-weight: 600 !important;
}
.auto .auto-button-selected:hover,
.type1 .auto-button-selected:hover,
.type2 .auto-button-selected:hover {
  background-color: var(--pm-teal) !important;
  border-color: var(--pm-teal) !important;
  box-shadow: 0 6px 24px rgba(0,206,201,0.45) !important;
}
.auto .auto-button-selected:hover span,
.type1 .auto-button-selected:hover span,
.type2 .auto-button-selected:hover span {
  color: #ffffff !important;
}

/* ── 6. Buy Stars / View Stars 버튼 ───────────────────── */
.star-button {
  background-color: #142030 !important;
  border: 1px solid var(--pm-emerald) !important;
  color: var(--pm-emerald) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.star-button:hover {
  background-color: var(--pm-emerald) !important;
  color: var(--pm-white) !important;
}
.star2-button {
  background-color: #142030 !important;
  border: 1px solid var(--pm-teal) !important;
  color: var(--pm-teal) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.star2-button:hover {
  background-color: var(--pm-teal) !important;
  color: var(--pm-white) !important;
}

/* ── 7. 공통 버튼 ──────────────────────────────────────── */
.bl-btn { background: var(--pm-emerald) !important; border-color: var(--pm-emerald-dk) !important; }
.bl-btn:hover { background: var(--pm-teal) !important; }
.bg-btn { background: var(--pm-teal) !important; border-color: #00a8a4 !important; }
.bg-btn:hover { background: var(--pm-emerald) !important; }
.br-btn { background: #c0392b !important; }
.bw-btn { background: #1e3a50 !important; border: 1px solid var(--pm-border) !important; }
.bw-btn span { color: var(--pm-text-sub) !important; }

/* ── 8. 로그인 버튼 (데스크탑) ─────────────────────────── */
.LoginNew-Wrap .login-btn,
.LoginNew-Wrap .logout-btn {
  background-color: var(--pm-emerald) !important;
  background-image: none !important;
  border-radius: 6px !important;
  color: var(--pm-white) !important;
  border: none !important;
  transition: background 0.2s ease !important;
}
.LoginNew-Wrap .login-btn:hover,
.LoginNew-Wrap .logout-btn:hover {
  background-color: var(--pm-teal) !important;
}
.LoginNew-Wrap .findid,
.LoginNew-Wrap .copy-link,
.LoginNew-Wrap .signup,
.LoginNew-Wrap .myinfo {
  color: var(--pm-text-sub) !important;
}
.LoginNew-Wrap .findid:hover,
.LoginNew-Wrap .copy-link:hover,
.LoginNew-Wrap .signup:hover,
.LoginNew-Wrap .myinfo:hover {
  color: var(--pm-teal) !important;
}
.LoginNew-Wrap .findid::after,
.LoginNew-Wrap .copy-link::after {
  color: var(--pm-border) !important;
}

/* ── 9. 상단 네비게이션 탭 (NEW_NAV2 / NEW_NAV3) ──────── */
/* 전체 바 배경 - 헤더보다 살짝 밝은 네이비로 자연스럽게 연결 */
.NEW_NAV2,
.NEW_NAV3 {
  background-color: #112233 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35) !important;
  color: #e0eef8 !important;
  border-top: 1px solid rgba(0,184,148,0.2) !important;
  border-bottom: 2px solid rgba(0,184,148,0.25) !important;
}
/* 테이블 셀 기본 */
.NEW_NAV2 td,
.NEW_NAV3 td {
  border-right: 1px solid rgba(255,255,255,0.07) !important;
  color: #e0eef8 !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
.NEW_NAV2 td:first-child,
.NEW_NAV3 td:first-child {
  border-left: 1px solid rgba(255,255,255,0.07) !important;
}
/* 셀 링크 기본 — 원본 CSS가 color:#00101e 으로 강하게 지정하므로 다중 선택자로 강제 오버라이드 */
.NEW_NAV2 td a,
.NEW_NAV2 td a:link,
.NEW_NAV2 td a:visited,
.NEW_NAV3 td a,
.NEW_NAV3 td a:link,
.NEW_NAV3 td a:visited {
  color: #e0eef8 !important;
  font-weight: 500 !important;
}
/* div 래퍼도 동일하게 */
.NEW_NAV2 td a div,
.NEW_NAV3 td a div {
  color: #e0eef8 !important;
}
/* 마우스 오버 - 에메랄드 하이라이트 */
.NEW_NAV2 td:hover,
.NEW_NAV3 td:hover {
  background-color: rgba(0,184,148,0.12) !important;
  color: var(--pm-emerald) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
}
.NEW_NAV2 td:hover a,
.NEW_NAV3 td:hover a {
  color: var(--pm-emerald) !important;
  font-weight: 600 !important;
}
/* 활성 탭 - 에메랄드 언더라인 강조 */
.NEW_NAV2 .active,
.NEW_NAV3 .active {
  background-color: rgba(0,184,148,0.15) !important;
  color: var(--pm-emerald) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
}
.NEW_NAV2 .active a,
.NEW_NAV3 .active a {
  color: var(--pm-emerald) !important;
  font-weight: 700 !important;
}

/* ── 10. 서브 타이틀 ───────────────────────────────────── */
.sub-title-01,
.sub-title-02 {
  color: var(--pm-white) !important;
  border-bottom-color: var(--pm-emerald) !important;
}
.sub-title-01 span u,
.sub-title-02 span u {
  color: var(--pm-teal) !important;
  text-decoration: none !important;
}
.sub-title-03 p { color: var(--pm-white) !important; }

/* ── 11. 마켓 리스트 카드 ──────────────────────────────── */
.msec-game li a {
  background: #142030 !important;
  border-color: var(--pm-border) !important;
  border-radius: 8px !important;
  transition: box-shadow 0.2s ease !important;
}
.msec-game li a:hover {
  box-shadow: 0 4px 20px rgba(0,184,148,0.2) !important;
  border-color: var(--pm-emerald) !important;
}
.msec-game li .info .tit { color: var(--pm-white) !important; }
.msec-game li .info .tit span { background: var(--pm-emerald) !important; }
.msec-game li.end .info .tit span { background: #555 !important; }
.msec-game li.sold-out .info .tit span { background: #c0392b !important; }
.msec-game li .info .time { color: var(--pm-text-sub) !important; }
.msec-game li .info .time span { color: var(--pm-white) !important; }
.msec-game li .point {
  background: #1a2f45 !important;
  color: var(--pm-emerald) !important;
  border-radius: 6px !important;
}

/* ── 12. Buy-list 배지 컬러 ────────────────────────────── */
.Buy-list .bg-A, .Buy-list-p2p .bg-A { background-color: #00b894 !important; }
.Buy-list .bg-B, .Buy-list-p2p .bg-B { background-color: #00cec9 !important; }
.Buy-list .bg-C, .Buy-list-p2p .bg-C { background-color: #55efc4 !important; }
.Buy-list .bg-D, .Buy-list-p2p .bg-D { background-color: #00b894 !important; }
.Buy-list .bg-E, .Buy-list-p2p .bg-E { background-color: #00cec9 !important; }
.Buy-list .bg-F, .Buy-list-p2p .bg-F { background-color: #81ecec !important; }
.Buy-list .bg-G, .Buy-list-p2p .bg-G { background-color: #00b894 !important; }
.Buy-list .bg-H, .Buy-list-p2p .bg-H { background-color: #00cec9 !important; }
.Buy-list .bg-I, .Buy-list-p2p .bg-I { background-color: #55efc4 !important; }
.Buy-list .bg-J, .Buy-list-p2p .bg-J { background-color: #00b894 !important; }
.Buy-list .bg-K, .Buy-list-p2p .bg-K { background-color: #00cec9 !important; }
.Buy-list .bg-L, .Buy-list-p2p .bg-L { background-color: #81ecec !important; }
.Buy-list-p2p .bg-CARAT { background-color: #00b894 !important; }
.Buy-list-p2p .bg-USDT  { background-color: #00cec9 !important; }
.Buy-list-p2p .bg-USD   { background-color: #55efc4 !important; }
.Buy-list-p2p .bg-KRW   { background-color: #00b894 !important; }
.Buy-list-p2p .bg-JPY   { background-color: #00cec9 !important; }
.Buy-list-p2p .bg-CNY   { background-color: #81ecec !important; }
.Buy-list li,
.Buy-list-p2p li {
  background-color: #142030 !important;
  border-color: var(--pm-border) !important;
}

/* ── 12-1. Buy 폼 레이아웃 개선 ─────────────────────────── */
/*
  데스크탑 레이아웃 (960px 이상)
  [이미지 18%] [폼 필드 56%] [Buy 버튼 20%]
  li 패딩: 15px 25px 30px 0 → 우측 25px 포함 고려
*/

/* li 컨테이너 — 내부 float 해제 */
.Buy-list li:not(.table-A) {
  overflow: hidden !important;
  padding: 1.2em 1.5em 1.5em 0 !important;
}

/* 이미지 영역 */
.Buy-list .img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18% !important;
  min-width: 120px !important;
  padding: 0.5em 0.8em !important;
  float: left !important;
  box-sizing: border-box !important;
}
.Buy-list .img img {
  width: 100% !important;
  max-width: 150px !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 4px 12px rgba(0,184,148,0.3)) !important;
}

/* 폼 입력 컨테이너 */
.Buy-list .check {
  float: left !important;
  width: 56% !important;
  margin-top: 0 !important;
  padding: 1em 1em 1em 0.5em !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* 입력 필드 공통 */
.Buy-list .check input[type="text"],
.Buy-list .check input[type="password"],
.Buy-list .check input[type="number"],
.Buy-list .check input[type="email"] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.65em 0.9em !important;
  font-size: 0.95em !important;
  margin: 0 0 0.75em 0 !important;
  border-radius: 6px !important;
  background-color: #1a2f45 !important;
  border: 1px solid var(--pm-border) !important;
  color: var(--pm-white) !important;
  line-height: 1.5 !important;
  height: auto !important;
  float: none !important;
}

/* Select Amount 드롭다운 */
.Buy-list .check select {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.65em 0.9em !important;
  font-size: 0.95em !important;
  margin: 0 !important;
  border-radius: 6px !important;
  background-color: #1a2f45 !important;
  border: 1px solid var(--pm-border) !important;
  color: var(--pm-white) !important;
  height: auto !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  float: none !important;
}
.Buy-list .check select option {
  background-color: #142030 !important;
  color: var(--pm-white) !important;
}

/* 포커스 효과 */
.Buy-list .check input:focus,
.Buy-list .check select:focus {
  border-color: var(--pm-emerald) !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
  outline: none !important;
}
.Buy-list .check input::placeholder {
  color: var(--pm-text-sub) !important;
}

/* ── Buy 버튼 — 데스크탑 ── */
.Buy-list .btn,
#btn-buy {
  float: right !important;
  width: 20% !important;
  min-width: 100px !important;
  margin: 0.8em 0 0 0 !important;
  padding: 0 0.5em !important;
  height: auto !important;
  min-height: 130px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(160deg, #00d4a8 0%, var(--pm-emerald) 50%, var(--pm-emerald-dk) 100%) !important;
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 4px 16px rgba(0,184,148,0.35) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  border: none !important;
}
.Buy-list .btn:hover,
#btn-buy:hover {
  background: linear-gradient(160deg, #00cec9 0%, #00d4a8 100%) !important;
  box-shadow: 0 8px 24px rgba(0,184,148,0.5) !important;
  transform: translateY(-2px) !important;
}

/* ── 모바일 대응 (768px 이하) — content.css 오버라이드 ── */
/*
  content.css @media(max-width:768px) 에서
  .Buy-list .btn { padding:2.2em 0; width:28%; height:1.8em; }
  이 규칙이 display:flex 와 min-height 를 덕어써 버림
  → height / padding / display 전부 재정의
*/
@media only screen and (max-width: 768px) {
  .Buy-list .btn,
  #btn-buy {
    /* content.css 의 height:1.8em 완전 무력화 */
    height: auto !important;
    /* content.css 의 padding:2.2em 0 완전 무력화 */
    padding: 0 0.5em !important;
    /* content.css 의 width:28% 오버라이드 */
    width: 22% !important;
    min-width: 80px !important;
    min-height: 110px !important;
    /* flex 중앙 정렬 유지 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: right !important;
    font-size: 1.05em !important;
    margin: 0.7em 0 0 0 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  .Buy-list .check {
    width: 50% !important;
    padding: 0.8em 0.5em !important;
  }
  .Buy-list .img {
    width: 22% !important;
    min-width: 70px !important;
    padding: 0.5em !important;
  }
  .Buy-list .img img {
    max-width: 90px !important;
  }
}

/* ── 모바일 세로 스택 (550px 이하) ── */
@media only screen and (max-width: 550px) {
  .Buy-list li:not(.table-A) {
    padding: 1em !important;
    overflow: hidden !important;
  }
  .Buy-list .img {
    width: 100% !important;
    float: none !important;
    padding: 0.8em 0 0.4em 0 !important;
    min-width: unset !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Buy-list .img img {
    max-width: 80px !important;
    margin: 0 auto !important;
  }
  .Buy-list .check {
    float: none !important;
    width: 100% !important;
    padding: 0.4em 0 !important;
  }
  /* 모바일: 전체 너비 버튼 */
  .Buy-list .btn,
  #btn-buy {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: unset !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 1em !important;
    margin: 0.8em 0 0.5em 0 !important;
    font-size: 1.1em !important;
    border-radius: 8px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
}

/* ── 13. 폼 입력 요소 ──────────────────────────────────── */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
select {
  background-color: #1a2f45 !important;
  border: 1px solid var(--pm-border) !important;
  color: var(--pm-white) !important;
  border-radius: 6px !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--pm-emerald) !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
}
input::placeholder,
textarea::placeholder {
  color: var(--pm-text-sub) !important;
}

/* ── 14. 체크박스 ──────────────────────────────────────── */
.chk-check input[type="checkbox"]:checked + label {
  color: var(--pm-emerald) !important;
}
.chk-check input[type="checkbox"]:checked + label:after {
  border-color: var(--pm-emerald) !important;
  background-color: var(--pm-emerald) !important;
}

/* ── 15. 색상 유틸리티 ─────────────────────────────────── */
.cblue  { color: var(--pm-emerald) !important; }
.cblue2 { color: var(--pm-teal) !important; }
.cgold  { color: var(--pm-teal) !important; }
.cpink  { color: #ff7675 !important; }
.cgreen { color: var(--pm-emerald) !important; }

/* ── 16. 링크 ──────────────────────────────────────────── */
a { color: var(--pm-emerald) !important; }
a:hover { color: var(--pm-teal) !important; }

/* ── 17. 팝업 / 레이어 ─────────────────────────────────── */
#layer-pop,
.layer-pop {
  background: rgba(0, 0, 0, 0.78) !important;
}

/* 팝업 공통 배경 */
#layer-pop div.popup,
#layer-pop div.charge-pop,
#layer-pop div.p2p-pop,
#layer-pop div.mov-pop,
#layer-pop div.findid-pop,
#layer-pop div.findpw-pop,
#layer-pop div.login-pop,
#layer-pop div.search-pop,
#layer-pop div.complete-pop,
#layer-pop div.video-pop {
  background: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 40px rgba(0,184,148,0.15) !important;
}

/* 팝업 타이틀 영역 */
#layer-pop div.pop-title {
  background: var(--pm-bg-header) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
  border-radius: 16px 16px 0 0 !important;
}
#layer-pop div.pop-title p,
#layer-pop div.pop-title p * {
  color: var(--pm-white) !important;
}
#layer-pop div.pop-title span {
  background: var(--pm-emerald) !important;
}

/* 팝업 내 설명 텍스트 */
#layer-pop div.search-pop p,
#layer-pop div.findid-pop p,
#layer-pop div.findpw-pop p,
#layer-pop div.p2p-pop p,
#layer-pop div.complete-pop p {
  color: #c5d8e8 !important;
}

/* 입력창 */
#layer-pop input,
#layer-pop textarea {
  background: #1a2f45 !important;
  color: var(--pm-white) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
}
#layer-pop input::placeholder,
#layer-pop textarea::placeholder {
  color: var(--pm-text-sub) !important;
  font-size: 14px !important;
}
#layer-pop input:focus,
#layer-pop textarea:focus {
  border-color: var(--pm-emerald) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
}

/* 버튼 */
#layer-pop .btn-login a,
#layer-pop .btn-search a,
#layer-pop .btn-findid a,
#layer-pop .btn-findpw a {
  background: var(--pm-emerald) !important;
  border-radius: 8px !important;
  color: var(--pm-white) !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
}
#layer-pop .btn-login a:hover,
#layer-pop .btn-search a:hover,
#layer-pop .btn-findid a:hover,
#layer-pop .btn-findpw a:hover {
  background: var(--pm-teal) !important;
}

/* 입금 팝업 버튼 */
#layer-pop div.charge-pop .bnts a:nth-child(1),
#layer-pop div.p2p-pop .bnts a:nth-child(1) {
  background-color: var(--pm-emerald) !important;
  border-radius: 6px !important;
}
#layer-pop div.charge-pop .bnts a:nth-child(2),
#layer-pop div.p2p-pop .bnts a:nth-child(2) {
  background-color: var(--pm-teal) !important;
  border-radius: 6px !important;
}

/* 입금 탭 */
#layer-pop div.charge-pop .ch-tab {
  background: #1a2f45 !important;
  color: var(--pm-text-sub) !important;
  border: 1px solid var(--pm-border) !important;
  transition: all 0.2s ease !important;
}
#layer-pop div.charge-pop .ch-tab.active,
#layer-pop div.charge-pop .ch-tab:hover {
  background: var(--pm-emerald) !important;
  color: var(--pm-white) !important;
  border-color: var(--pm-emerald) !important;
}

/* 캡차/안내 박스 (prevention) */
#layer-pop .prevention,
#layer-pop div.login-pop .prevention,
#layer-pop div.findid-pop .prevention,
#layer-pop div.findpw-pop .prevention,
#layer-pop div.p2p-pop .prevention {
  background: #1a2f45 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
  color: var(--pm-text-sub) !important;
}

/* 아이디/비밀번호 찾기 링크 */
#layer-pop .popup .forgot a,
#layer-pop .forgot a {
  color: var(--pm-emerald) !important;
}
#layer-pop .popup .forgot a:hover {
  color: var(--pm-teal) !important;
}

/* 닫기 버튼 */
#layer-pop .pop_close {
  filter: brightness(0) invert(1) !important;
  opacity: 0.7 !important;
  transition: opacity 0.2s ease !important;
}
#layer-pop .pop_close:hover {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(400%) hue-rotate(120deg) !important;
}

/* 완료 팝업 */
#layer-pop div.complete-pop .pop-title {
  background: var(--pm-bg-header) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
  border-radius: 16px 16px 0 0 !important;
}

/* 영상 팝업 */
#layer-pop div.mov-pop video {
  border: 2px solid var(--pm-emerald) !important;
  border-radius: 8px !important;
}

/* 모바일 팝업 크기 조정 */
@media only screen and (max-width: 680px) {
  #layer-pop div.popup,
  #layer-pop div.charge-pop,
  #layer-pop div.p2p-pop,
  #layer-pop div.login-pop,
  #layer-pop div.search-pop,
  #layer-pop div.findid-pop,
  #layer-pop div.findpw-pop,
  #layer-pop div.complete-pop {
    width: 92vw !important;
    max-width: 340px !important;
    border-radius: 12px !important;
  }
  #layer-pop input,
  #layer-pop textarea {
    width: 90% !important;
  }
  #layer-pop .btn-login a,
  #layer-pop .btn-search a,
  #layer-pop .btn-findid a,
  #layer-pop .btn-findpw a {
    width: 90% !important;
    font-size: 16px !important;
  }
}

/* ── 18. 테이블 전면 에메랄드 테마 ─────────────────────── */
table { border-collapse: collapse; }
th {
  background: #142030 !important;
  color: #c5d8e8 !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
  border-right: 1px solid var(--pm-border) !important;
  font-weight: 600 !important;
  padding: 0.5em 0.5em !important;
  white-space: nowrap !important;
}
td {
  background: #0f1923 !important;
  border-bottom: 1px solid var(--pm-border) !important;
  border-right: 1px solid var(--pm-border) !important;
  color: var(--pm-white) !important;
  padding: 0.5em 0.5em !important;
}
tr:nth-child(even) td { background: #142030 !important; }
tr:hover td { background: rgba(0,184,148,0.08) !important; color: var(--pm-white) !important; }

/* table-A (Buy-list 내 임베드 테이블) */
.Buy-list li.table-A table,
.Buy-list-p2p li.table-A table {
  border: 1px solid var(--pm-border) !important;
  background: #0f1923 !important;
}
.Buy-list li.table-A table thead tr th,
.Buy-list-p2p li.table-A table thead tr th {
  background: #142030 !important;
  color: var(--pm-emerald) !important;
  border-right: 1px solid var(--pm-border) !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
}
.Buy-list li.table-A table tbody tr td,
.Buy-list-p2p li.table-A table tbody tr td {
  background: #0f1923 !important;
  color: var(--pm-white) !important;
  border-top: 1px solid var(--pm-border) !important;
  border-right: 1px solid var(--pm-border) !important;
}

/* table-01 */
.table-01 table {
  border-top: 3px solid var(--pm-emerald) !important;
  background: #0f1923 !important;
  width: 100% !important;
}
.table-01 table thead,
.table-01 table thead td {
  background: #142030 !important;
  color: #c5d8e8 !important;
  border-bottom: 2px solid var(--pm-emerald) !important;
}
.table-01 table td {
  background: #0f1923 !important;
  color: var(--pm-white) !important;
  border-bottom: 1px solid var(--pm-border) !important;
}
.table-01 table tr:nth-child(even) td { background: #142030 !important; }
.table-01 table .date-buy  { color: var(--pm-emerald) !important; }
.table-01 table .date-sell { color: #ff7675 !important; }
.table-01 .date_in  { color: var(--pm-emerald) !important; }
.table-01 .date_out { color: #ff7675 !important; }
.table-01 table td .btn001 { background: var(--pm-emerald) !important; color: #fff !important; padding: 0.3em 0.8em; border-radius: 0.3em; }
.table-01 table td .btn002 { background: #ff7675 !important; color: #fff !important; padding: 0.3em 0.8em; border-radius: 0.3em; }
.table-01 table td .btn003 { background: var(--pm-teal) !important; color: #fff !important; padding: 0.3em 0.8em; border-radius: 0.3em; }

/* table-02 */
.table-02 table {
  border-top: 3px solid var(--pm-emerald) !important;
  background: #0f1923 !important;
  width: 100% !important;
}
.table-02 table td {
  background: transparent !important;
  color: var(--pm-white) !important;
  border-bottom: 1px solid var(--pm-border) !important;
}
.table-02 table tr { background: #0f1923 !important; border-bottom: 1px solid var(--pm-border) !important; }
.table-02 table tr:nth-child(odd) { background: #142030 !important; }
.table-02 table tr td:nth-child(1) { color: var(--pm-emerald) !important; font-weight: bold !important; }

/* game-wrap betBox 테이블 */
.game-wrap .betBox .cont table { border-bottom: 1px solid var(--pm-border) !important; }
.game-wrap .betBox .cont table th {
  border-top: 1px solid var(--pm-border) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  color: #c5d8e8 !important;
  background: #142030 !important;
}
.game-wrap .betBox .cont table th:nth-child(even) { color: var(--pm-emerald) !important; }
.game-wrap .betBox .cont table td { color: var(--pm-white) !important; background: none !important; }
.game-wrap .betBox .cont table td:nth-child(even) { color: var(--pm-teal) !important; }

/* ── 19. 텍스트 ────────────────────────────────────────── */
body, p, span, div, td, th, li {
  color: var(--pm-white);
}
.colorfff { color: var(--pm-white) !important; }
.coloryellow { color: var(--pm-teal) !important; }
.sub-exp { color: var(--pm-text-sub) !important; }

/* ── 20. 푸터 (데스크탑) ───────────────────────────────── */
#footer-wrap,
#footer {
  background-color: var(--pm-bg-header) !important;
  border-top: 1px solid var(--pm-border) !important;
}

/* ── 21. 스크롤바 ──────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--pm-bg-body); }
::-webkit-scrollbar-thumb {
  background: var(--pm-emerald-dk);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: var(--pm-emerald); }

/* ── 22. 선택 강조 ─────────────────────────────────────── */
::selection {
  background: rgba(0,184,148,0.3);
  color: var(--pm-white);
}

/* ============================================================
   모바일 전용 (max-width: 1000px 이하)
   ============================================================ */

/* ── M1. 모바일 사이드 메뉴 (#subNavi) ─────────────────── */
@media only screen and (max-width: 1000px) {

  /* 사이드 패널 배경 */
  #subNavi {
    background: var(--pm-bg-side) !important;
    border-right: 2px solid var(--pm-emerald) !important;
  }

  /* 사이드 패널 상단 로고 영역 */
  .lm-top {
    background: var(--pm-bg-header) !important;
    border-bottom: 1px solid var(--pm-border) !important;
  }
  .lm-top h2 {
    background-image: url('../_Img/mlogo.png') !important;
    background-color: transparent !important;
  }
  .lm-top2 h2 {
    background-image: url('../_Img/mlogo-p2p.png') !important;
    background-color: transparent !important;
  }

  /* 사이드 메뉴 닫기 버튼 */
  .lm-top .bt-close,
  .lm-top2 .bt-close {
    filter: brightness(0) invert(1) !important;
    opacity: 0.7 !important;
  }
  .lm-top .bt-close:hover,
  .lm-top2 .bt-close:hover {
    opacity: 1 !important;
  }

  /* 사이드 메뉴 로그인 박스 */
  .lm-info {
    background: var(--pm-bg-card) !important;
    border-radius: 8px !important;
    margin: 10px !important;
    border: 1px solid var(--pm-border) !important;
  }
  .lm-info .logo {
    background: var(--pm-bg-header) !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 10px 0 8px !important;
  }

  /* 로그인 버튼 (사이드 메뉴) */
  .lm-info .login-btn {
    background: var(--pm-emerald) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 8px !important;
    color: var(--pm-white) !important;
    font-weight: 700 !important;
    transition: background 0.2s ease !important;
  }
  .lm-info .login-btn:hover {
    background: var(--pm-teal) !important;
  }
  .lm-info .login-btn:after {
    display: none !important;
  }

  /* 로그인 상태 박스 */
  .lm-info div.login-on {
    background: var(--pm-bg-card) !important;
    border: 2px solid var(--pm-emerald) !important;
    border-radius: 8px !important;
    color: var(--pm-white) !important;
  }
  .lm-info div.login-on .btxt {
    color: var(--pm-text-sub) !important;
  }
  .lm-info div.login-on .btxt span {
    color: var(--pm-white) !important;
  }
  .lm-info div.login-on .stxt,
  .lm-info div.login-on .stxt span {
    color: var(--pm-emerald) !important;
  }

  /* 사이드 메뉴 링크 */
  .lm-info ul li a {
    color: var(--pm-text-sub) !important;
  }
  .lm-info ul li a:hover {
    color: var(--pm-emerald) !important;
  }

  /* 사이드 메뉴 가이드 영역 */
  .lm-info .guide {
    background: #1a2f45 !important;
    border-top: 1px solid var(--pm-border) !important;
    border-radius: 0 0 8px 8px !important;
  }
  .lm-info .guide a {
    color: var(--pm-text-sub) !important;
  }
  .lm-info .guide a:hover {
    color: var(--pm-emerald) !important;
  }
  .lm-info .guide a:before {
    filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(400%) hue-rotate(120deg) !important;
  }

  /* 사이드 메뉴 리스트 (leftmenu) */
  .leftmenu,
  .leftmenu-p2p,
  #leftGuide {
    background: transparent !important;
  }
  .leftmenu ul,
  .leftmenu-p2p ul,
  #leftGuide ul {
    background: transparent !important;
  }
  .leftmenu li,
  .leftmenu-p2p li,
  #leftGuide li {
    border-bottom: 1px solid var(--pm-border) !important;
  }
  .leftmenu li .lm_a2,
  .leftmenu-p2p li .lm_a2,
  #leftGuide li .lm_a2 {
    color: var(--pm-text-sub) !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }
  .leftmenu li .lm_a2:hover,
  .leftmenu-p2p li .lm_a2:hover,
  #leftGuide li .lm_a2:hover {
    background-color: rgba(0,184,148,0.1) !important;
    color: var(--pm-emerald) !important;
  }
  /* 사이드 메뉴 아이콘 에메랄드 틴트 */
  .leftmenu li .lm_a2,
  .leftmenu-p2p li .lm_a2,
  #leftGuide li .lm_a2 {
    filter: brightness(1.1) !important;
  }

}

/* ── lm-notice (공지사항 박스) — 데스크탑/모바일 전체 적용 ── */
.lm-notice {
  background: #0d1e2d !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 2rem !important;
}
.lm-notice h3 {
  background: #142030 !important;
  color: var(--pm-emerald) !important;
  border-bottom: 1px solid var(--pm-border) !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  padding-left: 16px !important;
  line-height: 44px !important;
}
.lm-notice ul {
  padding: 0 14px !important;
  background: transparent !important;
}
.lm-notice li {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 12px 0 !important;
  transition: background 0.15s ease !important;
}
.lm-notice li:first-child { border-top: none !important; }
.lm-notice li:hover {
  background: rgba(0,184,148,0.06) !important;
  border-radius: 6px !important;
}
.lm-notice li a:before {
  background: var(--pm-emerald) !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  top: 6px !important;
}
.lm-notice li .btxt {
  color: #d8eaf5 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35em !important;
}
.lm-notice li a:hover .btxt { color: var(--pm-emerald) !important; }
.lm-notice li .stxt {
  color: #6a8fa8 !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}

/* ── M2. 모바일 하단 네비게이션 바 ─────────────────────── */
@media only screen and (max-width: 680px) {

  /* 하단 네비 배경 */
  #footer-wrap {
    background: var(--pm-bg-header) !important;
    border-top: 2px solid var(--pm-emerald) !important;
  }
  #footer {
    background: var(--pm-bg-header) !important;
  }

  /* 하단 네비 아이콘 — 에메랄드 이미지로 교체, filter 제거 */
  #footer div a.footer1,
  #footer div a.footer2,
  #footer div a.footer3,
  #footer div a.footer4 {
    filter: none !important;
    opacity: 0.75 !important;
    transition: opacity 0.2s ease !important;
  }
  /* 호버/활성 시 밝은 에메랄드 이미지로 교체 + 불투명도 100% */
  #footer div a.footer1:hover,
  #footer div a.footer1.active {
    background-image: url('/_Img/Layout/icon-footer1-active.png') !important;
    opacity: 1 !important;
  }
  #footer div a.footer2:hover,
  #footer div a.footer2.active {
    background-image: url('/_Img/Layout/icon-footer2-active.png') !important;
    opacity: 1 !important;
  }
  #footer div a.footer3:hover,
  #footer div a.footer3.active {
    background-image: url('/_Img/Layout/icon-footer3-active.png') !important;
    opacity: 1 !important;
  }
  #footer div a.footer4:hover,
  #footer div a.footer4.active {
    background-image: url('/_Img/Layout/icon-footer4-active.png') !important;
    opacity: 1 !important;
  }

  /* 하단 네비 텍스트 */
  #footer div a span {
    color: var(--pm-text-sub) !important;
    font-size: 2.8vw !important;
  }
  #footer div a:hover span,
  #footer div a.active span {
    color: var(--pm-emerald) !important;
  }

  /* 모바일 버튼 전체 너비 */
  .lm-info .login-btn {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  .star-button,
  .star2-button {
    width: 100% !important;
    margin: 4px 0 !important;
    display: block !important;
  }

  /* 모바일 카드 */
  .mcont01 {
    background-color: var(--pm-bg-card) !important;
    border-radius: 8px !important;
    margin: 4px !important;
  }
}

/* ── M3. 소형 모바일 (max-width: 480px) ─────────────────── */
@media only screen and (max-width: 480px) {
  .mcont01 {
    margin: 2px !important;
    border-radius: 6px !important;
  }
  .msec-game li a {
    border-radius: 6px !important;
  }
  #layer-pop div.popup,
  #layer-pop div.charge-pop,
  #layer-pop div.p2p-pop,
  #layer-pop div.login-pop,
  #layer-pop div.search-pop,
  #layer-pop div.findid-pop {
    border-radius: 12px !important;
    max-width: 94vw !important;
  }
}

/* ── M4. 모바일 오버레이 배경 ──────────────────────────── */
.side-slider-ovclick,
.header-slider-ovclick {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* ── M5. 모바일 헤더 버튼 (햄버거/홈/닫기) ─────────────── */
/* 흰색 아이콘으로 강제 변환 */
.bt-mnall,
[class*="bt-mn"],
.header-btn,
.m-menu-btn {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85 !important;
}
.bt-mnall:hover,
[class*="bt-mn"]:hover {
  filter: brightness(0) saturate(100%) invert(64%) sepia(50%) saturate(400%) hue-rotate(120deg) !important;
  opacity: 1 !important;
}

/* ── M6. 모바일 todayprice / buystar 아이콘 ─────────────── */
.todayprice-wrap .icon img,
.buystar-m-wrap .icon img {
  filter: drop-shadow(0 0 6px rgba(0,184,148,0.4)) !important;
}

/* ── main-title 이미지 — 데스크탑/모바일 가운데 정렬 ─────── */
.main-title {
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  padding: 20px 0 10px !important;
  box-sizing: border-box !important;
}
.main-title img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
}

@media only screen and (max-width: 1000px) {
  .main-title {
    padding: 14px 3% 8px !important;
  }
  .main-title img {
    max-width: 80% !important;
  }
}

@media only screen and (max-width: 680px) {
  .main-title {
    padding: 12px 5% 8px !important;
  }
  .main-title img {
    max-width: 70% !important;
  }
}

@media only screen and (max-width: 360px) {
  .main-title img {
    max-width: 85% !important;
  }
}

/* ── 24. bt-close 아이콘 가시성 ────────────────────────── */
#layer-pop .pop_close {
  background-image: url('../_Img/Layout/bt-close.png') !important;
  background-size: contain !important;
  width: 25px !important;
  height: 25px !important;
  filter: none !important;
  opacity: 1 !important;
}
#layer-pop .pop_close:hover {
  opacity: 0.75 !important;
}

/* ── 25. bnts 버튼 텍스트 색상 강제 흰색 ──────────────── */
#layer-pop div.charge-pop .bnts a,
#layer-pop div.charge-pop .bnts a:link,
#layer-pop div.charge-pop .bnts a:visited,
#layer-pop div.p2p-pop .bnts a,
#layer-pop div.p2p-pop .bnts a:link,
#layer-pop div.p2p-pop .bnts a:visited {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ── 26. gonum / asset_list 에메랄드 테마 ──────────────── */
.gonum {
  background: transparent !important;
}
.gonum select,
.gonum input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
  outline: none !important;
}
.gonum select:focus,
.gonum input:focus {
  border-color: var(--pm-emerald) !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
}
.asset_list {
  background-color: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 8px !important;
  color: #e0eef8 !important;
}
.asset_list select,
.asset_list input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
}
.asset_list * {
  color: #e0eef8 !important;
}

/* ── 27. withdrawal / withdrawal_list 에메랄드 테마 ──── */
.withdrawal_list {
  background-color: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 8px !important;
  color: #e0eef8 !important;
}
.withdrawal_list select,
.withdrawal_list input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
}
.withdrawal_list * {
  color: #e0eef8 !important;
}
.withdrawal input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 4px !important;
}
.withdrawal .radiobox input:checked {
  background: var(--pm-emerald) !important;
  border-color: var(--pm-emerald) !important;
}
.withdrawal li,
.withdrawal label,
.withdrawal span {
  color: #c5d8e8 !important;
}

/* ── 28. btn-referrer / btn-sponsor 에메랄드 테마 ──────── */
.member.button-group button,
.member.button-group a {
  background-color: #1a2f45 !important;
  color: #c5d8e8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.member.button-group button.btn-referrer,
.member.button-group a.btn-referrer {
  background-color: var(--pm-emerald) !important;
  color: #ffffff !important;
  border-color: var(--pm-emerald) !important;
}
.member.button-group button.btn-sponsor,
.member.button-group a.btn-sponsor {
  background-color: var(--pm-teal) !important;
  color: #ffffff !important;
  border-color: var(--pm-teal) !important;
}
.member.button-group button:hover,
.member.button-group a:hover {
  opacity: 0.85 !important;
}

/* ── 29. .withdrawal 폼 영역 전면 수정 ─────────────────── */
.withdrawal {
  background-color: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 8px !important;
  padding: 1em !important;
}
.withdrawal li {
  color: #c5d8e8 !important;
}
.withdrawal li:nth-child(odd) {
  color: #e0eef8 !important;
  font-weight: 600 !important;
}
.withdrawal li input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 4px !important;
}
.withdrawal li input:focus {
  border-color: var(--pm-emerald) !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
  outline: none !important;
}
.withdrawal .radiobox span,
.withdrawal .radiobox label {
  color: #c5d8e8 !important;
}
.withdrawal .radiobox input {
  border: 1px solid var(--pm-border) !important;
  background: #1a2f45 !important;
}
.withdrawal .radiobox input:checked {
  background: var(--pm-emerald) !important;
  border-color: var(--pm-emerald) !important;
}
.withdrawal .li_calc input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
}

/* ── 30. .withdrawal_list 전면 수정 ────────────────────── */
.withdrawal_list,
.withdrawal_list * {
  background-color: transparent !important;
  color: #c5d8e8 !important;
}
.withdrawal_list {
  background-color: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 8px !important;
}
.withdrawal_list select,
.withdrawal_list input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
}
.withdrawal_list select:focus,
.withdrawal_list input:focus {
  border-color: var(--pm-emerald) !important;
  outline: none !important;
}

/* ── 31. .Members 전면 수정 ────────────────────────────── */
.Members {
  background-color: var(--pm-bg-card) !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 8px !important;
  color: #c5d8e8 !important;
}
.Members li {
  color: #c5d8e8 !important;
}
.Members li:nth-child(odd) {
  color: #e0eef8 !important;
  font-weight: 600 !important;
}
.Members li input {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 4px !important;
}
.Members li input:focus {
  border-color: var(--pm-emerald) !important;
  box-shadow: 0 0 0 2px rgba(0,184,148,0.2) !important;
  outline: none !important;
}
.Members li select {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 4px !important;
}
.Members .bank {
  background: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 4px !important;
}

/* ── 32. .Members li .btn 버튼 ─────────────────────────── */
.Members li .btn {
  background-color: var(--pm-emerald) !important;
  border: 1px solid var(--pm-emerald) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
}
.Members li .btn:hover {
  background-color: var(--pm-teal) !important;
  border-color: var(--pm-teal) !important;
}
/* Stars li .btn도 동일하게 */
.Stars li .btn {
  background-color: var(--pm-emerald) !important;
  border: 1px solid var(--pm-emerald) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
.Stars li .btn:hover {
  background-color: var(--pm-teal) !important;
  border-color: var(--pm-teal) !important;
}

/* ── 33. .btn-confirm / .btn-copy / .btn-calc 버튼 ──────── */
.btn-confirm a {
  background-color: var(--pm-emerald) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
}
.btn-confirm a:hover {
  background-color: var(--pm-teal) !important;
}
.btn-copy a {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.btn-copy a:hover {
  background-color: var(--pm-emerald) !important;
  color: #ffffff !important;
  border-color: var(--pm-emerald) !important;
}
.btn-calc a {
  background-color: #1a2f45 !important;
  color: #e0eef8 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: 6px !important;
}
.btn-calc a:hover {
  background-color: var(--pm-emerald) !important;
  color: #ffffff !important;
}