/* ═══════════════════════════════════════════════════════════════════════
   흰 글자를 얹은 색 판 — 모든 새 타입 공통 (손으로 쓰는 파일)
   ───────────────────────────────────────────────────────────────────────
   왜 dark_badge_fix.css 와 나눴나
     그 파일은 「어두운 타입에서만 짝이 어긋난 배지」를 되맞추는 곳이라,
     규칙이 `.ds.ds-dark` 밖으로 새면 검사가 막는다(옳은 장치).
     여기 규칙은 다르다 — **밝은 타입에서도 똑같이 안 읽힌다.**
     흰 글자를 밝은 원색 판에 얹었기 때문이다(초록 #03C75A 위 흰 글자 2.25).
     그래서 어두운·밝은 타입 공통(`.ds`)으로 둔다.

   ★ 「기존 타입」에는 .ds 가 안 붙어 이 파일 전체가 잠든다 — 한 픽셀도 안 바뀐다
     (사장님 확정 2026-08-02: 기존 타입은 예전 화면 그대로 두는 안전망).
   ★ 값은 tokens.css 의 `--바탕-*` 를 쓴다. 그 이름들은 **흰 글자를 얹는 용도**라
     모든 타입에서 어둡게 정해져 있다(흰 글자 5.3~5.6).
   ★ 마켓 로고 배지는 손대지 않는다 — 바꾸면 다른 마켓처럼 보인다.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   🔴 [2026-08-02] 흰 팝업 안에서 글자가 흰색이 됐다 — 한 화면 141곳의 정체
   ───────────────────────────────────────────────────────────────────────
   사장님 확정으로 **팝업은 흰 바탕을 그대로 둔다.** 그런데 팝업 안 글자는
   화면 전체의 글자색 이름(--ink 등)을 물려받는다. 어두운 타입에서 그 이름은
   **밝은 값(#F5F5F7)으로 뒤집히므로**, 흰 종이에 흰 글자가 된다 — 대비 1.09.
   제목 「옵션 조합 생성 및 수정」이 통째로 안 보였다.

   ★ 고치는 방법 = **팝업 안에서만 글자색 이름을 밝은 타입 값으로 되돌린다.**
     팝업이 흰 종이면 그 안은 밝은 화면이어야 앞뒤가 맞는다. 색을 하나씩
     짚는 대신 이름을 되돌리면 팝업 안 모든 글자가 한 번에 맞는다.
   ═══════════════════════════════════════════════════════════════════════ */
.ds .oum-modal {
  --ink: #1D1D1F;
  --글자-기본: #1D1D1F;
  --글자-보조: #6E6E73;
  --sub: #6E6E73;
  --n500: #6E6E73;
  --글자-희미: #68686D;
  --글자-초록: #1D7A3D;
  --글자-빨강: #C7332B;
  --글자-주황: #9A5B00;
  --글자-파랑: #0066CC;
  --보라: #7A3BAF;
  color: #1D1D1F;
}

/* 팝업 안에 남은 「옅은 판 위 옅은 글자」·「밝은 판 위 흰 글자」 —
   위 이름 되돌리기로도 안 걸리는 굳은 색만 짚는다(전부 실측). */
.ds .oum-modal .oum-src-tab.on span,          /* 초록 글자 on 옅은 초록 2.42 */
.ds .oum-modal .oum-mh .pill { color: var(--글자-초록, #1D7A3D); }
.ds .oum-modal .oum-ph .badge { background: var(--바탕-초록, #1D7A3D); color: #fff; }
.ds .oum-modal .oum-blue .oum-ph .badge { background: var(--바탕-파랑, #0066CC); }
.ds .oum-modal .oum-drag-hint { color: var(--글자-희미, #68686D); }   /* 2.01 */
.ds .oum-modal .oum-axis-h .rec { color: var(--글자-희미, #68686D); } /* 2.54 */
.ds .oum-modal .oum-legend > span { color: var(--글자-주황, #9A5B00); } /* 2.06 */

/* 알림 개수 배지 — 판이 빨강 글자색(--red)이라 어두운 타입에서 밝아진다(3.55 · 52화면) */
.ds #bell-badge { background: var(--바탕-빨강, #C7332B); }

/* 옵션 켜짐 칸 — 회색 판 #9CA3AF 위 흰 글자 2.54 (84곳).
   원본이 `!important` 로 박아 둬서 같은 세기로 되받아야 한다.
   회색의 뜻은 살리되 흰 글자가 읽히는 진한 회색으로(흰 글자 5.09). */
.ds .oum-cell.opt-on { background: var(--ap-g45, #6E6E73) !important; }

/* 진행 단계 동그라미 「완료」 — 초록 판 #10B981 위 흰 글자 2.54 */
.ds .oum-step-dot.done .n { background: var(--바탕-초록, #1D7A3D); }

/* 자동화 실행 개수 배지 — 빨강/초록 판 위 흰 글자 3.76 / 2.22 */
.ds .rpt-n { background: var(--바탕-빨강, #C7332B); }
.ds .rpt-n.zero { background: var(--바탕-초록, #1D7A3D); }

/* 매트릭스 「✓ 적용」 칩 — 초록 판 #03C75A 위 흰 글자 2.25.
   ※ 마켓 로고가 아니라 상태 칩이다(로고 배지는 이 파일에서 손대지 않는다). */
.ds .m4v1-chip-applied { background: var(--바탕-초록, #1D7A3D); }
.ds .m4v1-card.pur.active .m4v1-chip-applied { background: var(--바탕-주황, #9A5B00); }


/* ═══════════════════════════════════════════════════════════════════════
   🔴 [2026-08-02] 떠 있는 판이 반투명이라 뒤 내용이 비쳤다
   ───────────────────────────────────────────────────────────────────────
   사장님 지적 — 마진계산기 그래프 위 설명 판에 **차트 선이 그대로 비쳐** 숫자가
   안 읽혔다. 원인은 그 판이 **카드용 바탕 이름**을 쓴 것이다. 그 이름은 어두운
   타입에서 반투명(4%)이라, 페이지 위 카드에는 맞지만 **다른 내용 위에 뜨는 판**
   에는 치명적이다(라이브 실측 투명도 0.04).

   ★ 규칙 — 떠 있는 판(설명 판·팝오버·드롭다운)의 바탕은 **불투명**이어야 한다.
     tokens.css 에 그 전용 이름(--바탕-떠있는)을 만들고 여기서 가리킨다.
   ★ 모달 뒷배경(어둡게 깔리는 막)은 그대로 둔다 — 거긴 비치는 게 제 역할이다.
   ═══════════════════════════════════════════════════════════════════════ */
.ds .cp-hover-card,          /* 마진계산기 그래프 설명 판 — 사장님 지적 */
.ds .draft-popup,            /* 모음전 목록 임시저장 안내 판 */
.ds .bp-pop {                /* 상품 상세 안내 판 */
  background: var(--바탕-떠있는, #FFFFFF);
}