/* §§§ [v1191] BitCore Futures Chart Page — Light Mode CSS
 *
 * §본질:
 *   - 차트창 (/chart, /index.html) 전용 라이트 모드 override
 *   - <html class="bc-light"> 가 적용된 경우에만 활성화
 *   - 거래소 표준 라이트 모드 (Binance/Bybit 참고): 흰 배경 + 진한 텍스트
 *
 * §옛 v1184~v1189 마라톤 교훈 (절대 위반 금지):
 *   1. ❌ 광범위 selector 본질 (`*[style*="..."]`, `body *` 등) — 드롭다운 검정/검정 본질 유발
 *   2. ❌ #tvOverlayUI 흰 배경 강제 — 차트 가림 (v1188)
 *   3. ❌ canvas, #chart 흰 배경 강제 — TradingView 차트 손상
 *   4. ❌ §22 NEVER 영역 (app.js, tv_overlay_ui_85I.js, overlay.js) 침범
 *
 * §처방 원칙:
 *   - html.bc-light 명시적 prefix
 *   - 페이지에서 실제 쓰는 selector 만 정밀 처방 (theme.css / main.css 의 hardcoded 다크 컬러 1대1 매칭)
 *   - 차트 본질 영역은 transparent / inherit / 옛 본질 유지
 *   - 모든 라이트 모드 컬러 변수 화 (라이트 모드 내 일관성)
 *
 * §사용:
 *   - futures/public/index.html 의 <head> 에 <link rel="stylesheet" href="/css/theme-light.css?v=v1191"> 추가
 *   - 페이지 로드 시 theme-toggle.js 가 <html>.bc-light 클래스 토글 → 자동 적용
 */

/* ─────────────────────────────────────────────────
   1. 라이트 모드 컬러 변수 (거래소 표준)
   ───────────────────────────────────────────────── */
html.bc-light {
  --bc-l-bg: #ffffff;
  --bc-l-panel: #fafafa;
  --bc-l-panel2: #f5f5f5;
  --bc-l-panel3: #f0f0f0;
  /* [v1210] 사용자 보고 "각 박스 테두리 너무 검정 찐함" → 더 연한 회색 본질 정통 */
  --bc-l-line: #f0f2f5;
  --bc-l-line2: #e6e8eb;
  --bc-l-text: #1e2329;
  --bc-l-text2: #2b3139;
  --bc-l-muted: #707a8a;
  --bc-l-muted2: #848e9c;
  --bc-l-input-bg: #ffffff;
  --bc-l-input-border: #e6e8eb;
  --bc-l-th-bg: #f7f8fa;
  --bc-l-th-text: #707a8a;
}

/* ─────────────────────────────────────────────────
   2. theme.css CSS 변수 override
   ───────────────────────────────────────────────── */
html.bc-light {
  --bg: #ffffff;
  --panel: #fafafa;
  --panel2: #f5f5f5;
  --line: #eaecef;
  --text: #1e2329;
  --muted: #707a8a;
}

/* ─────────────────────────────────────────────────
   3. body / 큰 컨테이너 — theme.css line 24 override
   ───────────────────────────────────────────────── */
html.bc-light body {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   4. top-header — theme.css line 27 override
   ───────────────────────────────────────────────── */
html.bc-light .top-header {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .top-header * {
  color: inherit;
}
/* 헤더 우상단 아이콘 본질 — 검정 글자가 흰 배경 위에 자연스럽게 */
/* §[v1203] specificity 강화: header-right-styles.css .__v489-icon-menu button.hdr-icon-btn (0,2,1) 본질 이기기 */
html.bc-light .hdr-icon-btn,
html.bc-light button.hdr-icon-btn,
html.bc-light .header-right button.hdr-icon-btn,
html.bc-light .__v489-icon-menu button.hdr-icon-btn,
html.bc-light #headerRight .__v489-toggle .hdr-icon-btn {
  color: var(--bc-l-text) !important;
}
html.bc-light .hdr-icon-btn:hover,
html.bc-light button.hdr-icon-btn:hover,
html.bc-light .header-right button.hdr-icon-btn:hover,
html.bc-light .__v489-icon-menu:hover button.hdr-icon-btn {
  background: var(--bc-l-panel2) !important;
  color: #f0b90b !important;
}

/* ─────────────────────────────────────────────────
   5. main.css line 11, 174-180 — content-wrapper 컬럼 본질
   ───────────────────────────────────────────────── */
html.bc-light .content-wrapper.v13-grid .left-col,
html.bc-light .content-wrapper.v13-grid .orderbook-panel,
html.bc-light .content-wrapper.v13-grid .order-panel,
html.bc-light .content-wrapper.v13-grid .positions-section {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   6. 패널 본질 — theme.css line 28
   ⚠️ #chart 본질 절대 보호 (TradingView 차트 영역)
   ───────────────────────────────────────────────── */
html.bc-light .left-panel,
html.bc-light .right-panel,
html.bc-light .bottom-panel,
html.bc-light .panel,
html.bc-light .orderbook,
html.bc-light .positions-container,
html.bc-light .chart-panel {
  background: var(--bc-l-panel) !important;
  border-color: var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* §본질 보호: #chart 와 #tvOverlayUI 흰 배경 강제 0건
 *   - 차트 자체는 옛 본질 (TradingView 가 내부에서 처방)
 *   - 라이트 모드는 차후 TradingView applyOptions API 로 처방 (별도 세션)
 *   - 지금은 다크 차트 그대로 둠 (v1188 결함 0건) */
/* html.bc-light #chart { ... }  ← 절대 추가 금지 */
/* html.bc-light #tvOverlayUI { ... }  ← 절대 추가 금지 */

/* ─────────────────────────────────────────────────
   7. 텍스트 컬러 — theme.css line 32-33
   ───────────────────────────────────────────────── */
html.bc-light .section-title,
html.bc-light .panel-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .small-label,
html.bc-light .muted,
html.bc-light .hint,
html.bc-light .subtext {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   8. 입력 본질 — theme.css line 40-46
   ───────────────────────────────────────────────── */
html.bc-light input,
html.bc-light select,
html.bc-light textarea {
  background: var(--bc-l-input-bg) !important;
  border: 1px solid var(--bc-l-input-border) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light input::placeholder {
  color: var(--bc-l-muted2) !important;
}

/* ─────────────────────────────────────────────────
   9. 테이블 본질 — theme.css line 74-88
   ───────────────────────────────────────────────── */
html.bc-light table {
  color: var(--bc-l-text) !important;
}
html.bc-light th {
  background: var(--bc-l-th-bg) !important;
  color: var(--bc-l-th-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .positions-table th {
  background: var(--bc-l-th-bg) !important;
  color: var(--bc-l-th-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light td {
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .positions-table td {
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   10. 버튼 본질 — theme.css line 91-96
   §본질: theme.css 전역 button{} 본질 1대1 override
   §v1194 결함 처방: 전역 'html.bc-light button' 광범위 본질이
       Open long/short, close-long/short 컬러 본질까지 덮어쓰는 결함 본질 →
       전역 본질 폐기, 각 영역별 정밀 selector 본질로 전환
   §보호: 다음 버튼들은 절대 흰배경 본질 강제 0건 (본래 컬러 정통 유지):
       .btn-open-long (#2ebd85 그린), .btn-open-short (#f6465d 레드)
       .btn-close-long, .btn-close-short, .posstep (회색), 노란 본질 등
   ───────────────────────────────────────────────── */
/* [v1194] 전역 button 광범위 본질 폐기 (Open long/short 검정글자 결함 본질)
   영역별 정밀 본질로 분리 (v1192 §29~§40, v1194 §41~§47) */

/* §보호 본질 1순위: Open Long/Short, Close Long/Short 컬러 정통 본질
   §결함 본질: v1193 에서 .order-panel button 본질이 .btn-open-long/short 검정글자 결함 유발
   §처방: 컬러 본질 명시적 보호 (그린/레드 배경 + 흰 글자 정통) */
html.bc-light .btn-open-long,
html.bc-light .btn-close-long {
  background: #2ebd85 !important;
  color: #ffffff !important;
  border: none !important;
}
html.bc-light .btn-open-short,
html.bc-light .btn-close-short {
  background: #f6465d !important;
  color: #ffffff !important;
  border: none !important;
}
html.bc-light .btn-open-long:hover,
html.bc-light .btn-open-short:hover,
html.bc-light .btn-close-long:hover,
html.bc-light .btn-close-short:hover {
  filter: brightness(1.05) !important;
}

/* 노란 Confirm 본질 보호 — theme.css line 99-105 정통 유지 */
html.bc-light button.modal-btn-confirm,
html.bc-light button.close-modal-btn-confirm,
html.bc-light button.tpsl-modal-btn-confirm,
html.bc-light #__lwDragOK,
html.bc-light #__caConfirm,
html.bc-light #__revConfirm,
html.bc-light #__riskConfirm,
html.bc-light button#__tpslModalOK {
  background: #f0b90b !important;
  color: #202630 !important;
  border: none !important;
}

/* Cancel 본질 — theme.css line 106-110, 195-200 라이트 톤 */
html.bc-light button.modal-btn-cancel,
html.bc-light button.close-modal-btn-cancel,
html.bc-light button.tpsl-modal-btn-cancel,
html.bc-light #__caCancel,
html.bc-light #__riskCancel {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}

/* p3805 토글 버튼 본질 — theme.css line 118-137 */
html.bc-light button[id^="p3805ViewBtn_"],
html.bc-light button[id^="p3805FilterBtn_"] {
  background: transparent !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light button[id^="p3805ViewBtn_"]:hover,
html.bc-light button[id^="p3805FilterBtn_"]:hover {
  color: var(--bc-l-text) !important;
  border-color: var(--bc-l-muted2) !important;
}
html.bc-light button.p3805-active,
html.bc-light button[id^="p3805ViewBtn_"].p3805-active,
html.bc-light button[id^="p3805FilterBtn_"].p3805-active {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}

/* ─────────────────────────────────────────────────
   11. 호가창 본질 — main.css line 197-209, 539
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-panel,
html.bc-light .orderbook-container,
html.bc-light .orderbook-section,
html.bc-light .orderbook-table {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .orderbook-divider {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
  border-top: 1px solid var(--bc-l-line) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
/* bid/ask 본질 컬러는 유지 (그린/레드는 라이트 모드에서도 동일) */

/* ─────────────────────────────────────────────────
   12. 포지션 영역 본질 — main.css line 293, 377, 473
   ───────────────────────────────────────────────── */
html.bc-light .pos-grid-hdr,
html.bc-light .pos-grid-row.pos-grid-hdr {
  background: var(--bc-l-th-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .pos-grid-row.pos-grid-hdr .pos-grid-cell {
  color: var(--bc-l-muted) !important;
}
html.bc-light .positions-tabs {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .positions-content,
html.bc-light .positions-content-wrap {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* Order History 본질 — theme.css line 649-660 */
html.bc-light .order-history-table th {
  background: var(--bc-l-th-bg) !important;
  color: var(--bc-l-th-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .order-history-table td {
  border-bottom: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   13. 모달 본질 — theme.css line 536-551, 570-585
   §본질: 모달은 화이트 모드에서 흰 배경 + 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .modal-box,
html.bc-light .__interPanel {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light .close-modal-box,
html.bc-light .close-modal-header,
html.bc-light .tpsl-modal-header {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
/* p1839 본질 — 드래그 모달 내부 정통 */
html.bc-light #__lwDragConfirmOverlay > div,
html.bc-light #__reverseModal > div {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* 슬라이더 트랙 — theme.css line 555-557 */
html.bc-light .close-modal-slider,
html.bc-light .tpsl-modal-slider {
  background: var(--bc-l-line2) !important;
}

/* ─────────────────────────────────────────────────
   14. 마진/주문타입 탭 본질 — theme.css line 516-527
   ───────────────────────────────────────────────── */
html.bc-light .margin-tab.active,
html.bc-light .order-type-tab.active {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .margin-tab:not(.active),
html.bc-light .order-type-tab:not(.active) {
  background: transparent !important;
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   15. TF 버튼 본질 — theme.css line 665-735
   §본질 보호: #tvuiTimebar 자체 배경 본질 절대 강제 0건
       (tv_overlay_ui_85I.css 가 본질 관리)
       글자 컬러만 라이트 톤으로 변경
   ───────────────────────────────────────────────── */
html.bc-light #tvuiTimebar .tvui-btn {
  color: var(--bc-l-muted2) !important;
}
html.bc-light #tvuiTimebar .tvui-btn:hover {
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiTimebar .tvui-btn[data-tf] {
  color: var(--bc-l-muted2) !important;
}
html.bc-light #tvuiTimebar .tvui-btn[data-tf].active {
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiRightTabs .tvui-btn[data-tab="original"].active,
html.bc-light #tvuiRightTabs .tvui-btn[data-tab="tv"].active {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   16. patch-p1047.css / inline 본질 보완
   ───────────────────────────────────────────────── */
/* size unit toggle */
html.bc-light #sizeUnitToggle {
  color: var(--bc-l-text) !important;
}
/* posSizeMaxBtn — theme.css line 272-274 */
html.bc-light #posSizeMaxBtn {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   17. orderbook-ratio bar 본질
   ───────────────────────────────────────────────── */
html.bc-light #obRatio {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1192] 스샷 결함 8개 정밀 보강 본질 (사용자 검증 후 처방)
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   18. [v1192] 좌측 메인 메뉴 본질 — menu-styles.css __p3625
       §결함: .__p3625-nav-item color: #fff !important → 흰배경+흰글자 안보임
       §처방: 라이트 모드에서 진한 글자로
   ───────────────────────────────────────────────── */
html.bc-light .__p3625-nav-item {
  color: var(--bc-l-text) !important;
}
html.bc-light .__p3625-nav-item:hover {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}
/* 메뉴 아이템 화살표 본질 — border 컬러 본질 */
html.bc-light .__p3625-has-dropdown::after,
html.bc-light .__p3625-arrow-only::after {
  border-right-color: var(--bc-l-text) !important;
  border-bottom-color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   19. [v1192] 메인 메뉴 드롭다운 본질 — menu-styles.css __p3625-nav-dd
       §결함: 검정 #0b0f14 배경 그대로
   ───────────────────────────────────────────────── */
html.bc-light .__p3625-nav-dd {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
}
html.bc-light .__p3625-dd-item:hover {
  background: var(--bc-l-panel2) !important;
}
html.bc-light .__p3625-dd-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .__p3625-dd-desc {
  color: var(--bc-l-muted) !important;
}
/* DD icon 본질 — 청록 배경 유지하되 라이트 톤
   [v1262] color 추가 - 옛 본질은 background 만 override → color 미설정으로
           SVG 의 currentColor 가 부모 라이트 검정 색 상속 = 아이콘 검정 잔존
           color: #00e2c9 명시 → SVG stroke/fill (currentColor) 청록 적용
   [v1263] path/circle/rect 직접 강제 - DevTools 진단:
           svg computed color/fill = 청록 OK
           BUT path computed fill=rgb(30,35,41), stroke=rgb(30,35,41) 검정
           = 어딘가 path 자체에 fill/stroke 검정 적용 중 (cascade specificity 차단)
           처방: path/circle/rect 각각에 직접 fill/stroke 청록 강제 (specificity 강화) */
html.bc-light .__p3625-dd-icon {
  background: rgba(0, 226, 201, 0.12) !important;
  color: #00e2c9 !important;
}
html.bc-light .__p3625-dd-icon svg {
  color: #00e2c9 !important;
  fill: none !important;
  stroke: currentColor !important;
}
html.bc-light .__p3625-dd-icon svg path,
html.bc-light .__p3625-dd-icon svg circle,
html.bc-light .__p3625-dd-icon svg rect,
html.bc-light .__p3625-dd-icon svg line,
html.bc-light .__p3625-dd-icon svg polyline,
html.bc-light .__p3625-dd-icon svg polygon {
  color: #00e2c9 !important;
  fill: none !important;
  stroke: #00e2c9 !important;
}
/* currentColor fill 명시 element (예: USDC-M 의 눈 원) 는 채워야 함 */
html.bc-light .__p3625-dd-icon svg [fill="currentColor"] {
  fill: #00e2c9 !important;
}

/* ─────────────────────────────────────────────────
   20. [v1192] 메가메뉴 본질 — menu-styles.css __p3628-mega-dd
       §결함: About BitCore 드롭다운 검정 그대로 (스샷 1순위 결함)
   ───────────────────────────────────────────────── */
html.bc-light .__p3628-mega-dd {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
}
html.bc-light .__p3628-mega-header {
  color: var(--bc-l-muted) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .__p3628-mega-item:hover {
  background: var(--bc-l-panel2) !important;
}
html.bc-light .__p3628-mega-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .__p3628-mega-desc {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__p3628-mega-icon {
  background: rgba(0, 226, 201, 0.12) !important;
  color: #00e2c9 !important;
}
html.bc-light .__p3628-mega-icon svg {
  color: #00e2c9 !important;
  fill: none !important;
  stroke: currentColor !important;
}
html.bc-light .__p3628-mega-icon svg path,
html.bc-light .__p3628-mega-icon svg circle,
html.bc-light .__p3628-mega-icon svg rect,
html.bc-light .__p3628-mega-icon svg line,
html.bc-light .__p3628-mega-icon svg polyline,
html.bc-light .__p3628-mega-icon svg polygon {
  color: #00e2c9 !important;
  fill: none !important;
  stroke: #00e2c9 !important;
}
html.bc-light .__p3628-mega-icon svg [fill="currentColor"] {
  fill: #00e2c9 !important;
}
/* p3625 dd-badge 그레이 본질 */
html.bc-light .__p3625-dd-badge.__p3625-gray {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   21. [v1192] header-right 드롭다운 본질 — __v489-dd
       §결함: Account/Wallet 등 우상단 드롭다운 검정 그대로
   ───────────────────────────────────────────────── */
html.bc-light .__v489-dd-panel,
html.bc-light .__v489-dd-menu {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .__v489-dd-panel *,
html.bc-light .__v489-dd-menu * {
  color: inherit;
}
html.bc-light .__v489-dd-item:hover,
html.bc-light .__v489-dd-panel a:hover {
  background: var(--bc-l-panel2) !important;
}
/* danger (Log Out) 본질 — 빨강 유지 */
html.bc-light .__v489-dd-item.__v489-dd-danger,
html.bc-light .__v489-dd-panel .__v489-danger {
  color: #f6465d !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1264] 우상단 아이콘 드롭다운 본질 (__v489-dropdown)
       §증상 (사용자 스샷 라이트 모드):
         Account / Wallet / Globe / Gift 아이콘 호버 드롭다운 검정 잔존
         "us***" 사용자명, ID, Dashboard/Assets/Orders 등 모두 검정에 안 보임
       §원인:
         header-right-styles.css line 39 .__v489-dropdown 검정 #181c22 + 흰 #eaecef
         hardcoded, html.bc-light 가드 0
         (옛 처방은 .__v489-dd-panel/.__v489-dd-menu 만 처방되어 있어서 누락)
       §처방: 드롭다운 본체 + 사용자 카드 + 메뉴 아이템 모두 라이트 톤
       §보호: Verified 초록 배지, Danger 빨강 (Log Out) 의미 색상 그대로
   ════════════════════════════════════════════════════════════════ */
html.bc-light .__v489-dropdown {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important;
  color: var(--bc-l-text) !important;
}

/* 사용자 카드 (Account 드롭다운 상단) */
html.bc-light .__v489-user-email {
  color: var(--bc-l-text) !important;
}
html.bc-light .__v489-user-uid {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__v489-user-badges {
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* 배지 - Regular User (회색 톤) */
html.bc-light .__v489-badge,
html.bc-light .__v489-badge-regular {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-muted) !important;
}

/* 배지 - Verified (초록 의미 보존) */
html.bc-light .__v489-badge-verified {
  background: rgba(46, 189, 133, 0.12) !important;
  color: #2ebd85 !important;
}

/* 드롭다운 메뉴 아이템 */
html.bc-light .__v489-dropdown .__v489-dd-item {
  color: var(--bc-l-text) !important;
}
html.bc-light .__v489-dropdown .__v489-dd-item:hover {
  background: var(--bc-l-panel2) !important;
}

/* 메뉴 아이콘 (좌측 SVG) */
html.bc-light .__v489-dropdown .__v489-dd-icon {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__v489-dropdown .__v489-dd-item:hover .__v489-dd-icon {
  color: var(--bc-l-text) !important;
}
/* 메뉴 아이콘 SVG path/circle/rect 직접 강제 (v1263 패턴 동일) */
html.bc-light .__v489-dropdown .__v489-dd-icon svg,
html.bc-light .__v489-dropdown .__v489-dd-icon svg path,
html.bc-light .__v489-dropdown .__v489-dd-icon svg circle,
html.bc-light .__v489-dropdown .__v489-dd-icon svg rect,
html.bc-light .__v489-dropdown .__v489-dd-icon svg line,
html.bc-light .__v489-dropdown .__v489-dd-icon svg polyline {
  fill: none !important;
  stroke: currentColor !important;
}

/* 메뉴 텍스트 */
html.bc-light .__v489-dropdown .__v489-dd-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .__v489-dropdown .__v489-dd-desc {
  color: var(--bc-l-muted) !important;
}

/* 배지 (Soon, Live, New 등) - 노란 그대로 보존 */
html.bc-light .__v489-dropdown .__v489-dd-badge {
  background: rgba(240, 185, 11, 0.15) !important;
  color: #c79a09 !important;
}
/* 배지 (Gray - Soon 등) - 회색 톤 */
html.bc-light .__v489-dropdown .__v489-dd-badge-gray {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-muted) !important;
}

/* Log Out (danger) - 빨강 보존 */
html.bc-light .__v489-dropdown .__v489-dd-item.__v489-dd-danger,
html.bc-light .__v489-dropdown .__v489-dd-item.__v489-dd-danger .__v489-dd-title,
html.bc-light .__v489-dropdown .__v489-dd-item.__v489-dd-danger .__v489-dd-icon {
  color: #f6465d !important;
}

/* divider (구분선) */
html.bc-light .__v489-dropdown .__v489-dd-divider {
  border-top: 1px solid var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   22. [v1192] FAVORITES 버튼 본질 — inline style 그대로 검정
       §결함: 스샷 좌상단 FAVORITES 청록 검정 박스 그대로
       §처방: 라이트 톤으로 전환
   ───────────────────────────────────────────────── */
html.bc-light .favorites-btn,
html.bc-light [class*="favorites"] {
  background: rgba(0, 226, 201, 0.10) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid rgba(0, 226, 201, 0.3) !important;
}

/* ─────────────────────────────────────────────────
   23. [v1192] 상단 헤더 + 심볼 영역 본질
       §결함: 78,066.0 가격, BTCUSDT Perp, Mark/Index 등 검정 글자가 흰배경에 박힘
       §처방: top-header 내부 텍스트 일괄 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .top-header,
html.bc-light .top-header *:not(button):not(.green):not(.red):not([style*="color"]) {
  color: var(--bc-l-text);
}
/* 가격 변동 컬러 본질 보호 — 옛 색상 유지 (green/red 정통) */
html.bc-light .header-stats .stat-value,
html.bc-light .header-stats .stat-label {
  color: inherit;
}
html.bc-light .header-stats .stat-label {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   24. [v1192] 호가창 내부 행 본질
       §결함: 호가창 hover/배경 검정
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-table tr {
  background: transparent !important;
}
html.bc-light .orderbook-table tr:hover {
  background: var(--bc-l-panel2) !important;
}
html.bc-light .orderbook-table td {
  border: none !important;
}

/* ─────────────────────────────────────────────────
   25. [v1192] 하단 포지션 탭 본질 — main.css line 206-250
       §결함: positions-tabs background #0a0a0a + position-tab color #666 흰배경에 박힘
   ───────────────────────────────────────────────── */
html.bc-light .positions-tabs {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .position-tab {
  color: var(--bc-l-muted) !important;
  background: none !important;
}
html.bc-light .position-tab.active {
  color: var(--bc-l-text) !important;
  border-bottom-color: var(--bc-l-text) !important;
}
html.bc-light .position-tab:hover {
  color: var(--bc-l-text) !important;
}

/* Hide Other Symbols 체크박스 영역 본질 */
html.bc-light .positions-tabs label,
html.bc-light .positions-tabs span {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   26. [v1192] positions-table tbody hover 본질
       §결함: main.css line 396 hover rgba(255,255,255,0.10) → 흰배경에 안 보임
   ───────────────────────────────────────────────── */
html.bc-light .positions-table tbody tr:hover {
  background: var(--bc-l-panel2) !important;
}

/* ─────────────────────────────────────────────────
   27. [v1192] 차트 패널 외곽 본질
       §결함: 차트 캔버스는 보호하되, 캔버스 주변 chart-panel 영역 검정
       §처방: chart-panel 의 padding 영역은 흰색, #chart 캔버스 자체는 보호
   ───────────────────────────────────────────────── */
html.bc-light .chart-panel {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
/* MA(7), MA(25), MA(99) 가격 라벨 본질 (차트 좌상단 텍스트) */
html.bc-light .chart-panel .ma-label,
html.bc-light .chart-panel [class*="legend"] {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   28. [v1192] 본질 종결 보강
       §본질 절대 보호: #chart, #tvOverlayUI, canvas, .tv-lightweight-charts 강제 0건
       §유의: 차트 캔버스 자체는 옛 다크 본질 유지 (의도된 본질)
   ───────────────────────────────────────────────── */
/* html.bc-light #chart canvas { ... }  ← 절대 추가 금지 */
/* html.bc-light #tvOverlayUI { ... }  ← 절대 추가 금지 */

/* ─────────────────────────────────────────────────
   §본질 종결: 차트 영역 (#chart, #tvOverlayUI, canvas) 절대 보호
   - TradingView 라이트 모드는 별도 처방 (applyOptions API, 차후 세션)
   - 현재는 다크 차트 본질 유지 (v1188 결함 0건)
   ───────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1193] 사용자 검증 (스샷 2차) — 미해결 3개 영역 정밀 보강
       ① 오른쪽 주문 패널 (.order-panel + inline style 다크 박힘)
       ② 하단 포지션 행 (.pos-grid-row, tbody tr 배경)
       ③ 차트 외곽 영역 (OHLC 정보바, 좌측 툴바 등 — 캔버스 절대 보호)
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   29. [v1193] 오른쪽 주문 패널 전체 본질 — .order-panel
       §결함: .order-panel 컨테이너 배경 검정 + inline 다크 컬러 박힘
       §처방: 컨테이너 흰배경 + inline 다크 attribute selector 정통 처방
   ───────────────────────────────────────────────── */
html.bc-light .order-panel {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .order-panel .panel-content,
html.bc-light .order-panel .form-section,
html.bc-light .order-panel .form-row {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* form-row label (Limit Price, Size 등) — inline color:#fff 본질 */
html.bc-light .order-panel .form-row label,
html.bc-light .order-panel label {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   30. [v1193] 주문 패널 상단 컨트롤 바 본질
       §결함: marginModeTopBtn, leverageTopBtn, posModeTopBtn inline #2b3139 다크
       §처방: ID specific selector 로 정밀 처방
   ───────────────────────────────────────────────── */
html.bc-light #marginModeTopBtn,
html.bc-light #leverageTopBtn,
html.bc-light #posModeTopBtn {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #marginModeTopBtn:hover,
html.bc-light #leverageTopBtn:hover,
html.bc-light #posModeTopBtn:hover {
  background: var(--bc-l-panel3) !important;
}

/* ─────────────────────────────────────────────────
   31. [v1193] Order Type 탭 본질 — #orderTypeTabs
       §결함: Limit/Conditional 등 inline color
   ───────────────────────────────────────────────── */
html.bc-light #orderTypeTabs {
  background: transparent !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light #orderTypeTabs > span {
  color: var(--bc-l-muted) !important;
}
html.bc-light #orderTypeTabs > span.active,
html.bc-light #orderTypeTabs .tf-label.active,
html.bc-light #orderTypeTabs > span[class*="active"] {
  color: var(--bc-l-text) !important;
}
/* Conditional 드롭다운 */
html.bc-light #conditionalDropdown {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}
html.bc-light .cond-drop-item {
  color: var(--bc-l-text) !important;
}
html.bc-light .cond-drop-item:hover {
  background: var(--bc-l-panel2) !important;
}

/* ─────────────────────────────────────────────────
   32. [v1193] 주문 패널 inline 다크 컬러 attribute selector
       §결함: inline style="...#1a1d24..." / "...#1a1d27..." / "...#1a1d26..." 박힘
       §처방: .order-panel 컨테이너 안 limited scope 본질
              (광범위 selector 결함 본질 0건 — 컨테이너 제한)
   ───────────────────────────────────────────────── */
html.bc-light .order-panel input[style*="#1a1d24"],
html.bc-light .order-panel input[style*="#1a1d26"],
html.bc-light .order-panel input[style*="#1a1d27"],
html.bc-light .order-panel div[style*="#1a1d24"],
html.bc-light .order-panel div[style*="#1a1d27"] {
  background: var(--bc-l-input-bg) !important;
  border-color: var(--bc-l-input-border) !important;
  color: var(--bc-l-text) !important;
}

/* color:#fff 본질 inline — 흰글자 → 진한 글자 */
html.bc-light .order-panel [style*="color:#fff"],
html.bc-light .order-panel [style*="color: #fff"],
html.bc-light .order-panel [style*="color:#e8e8e8"],
html.bc-light .order-panel [style*="color: #e8e8e8"],
html.bc-light .order-panel [style*="color:#eaecef"],
html.bc-light .order-panel [style*="color:#d1d4dc"] {
  color: var(--bc-l-text) !important;
}

/* color:#848e9c, #888 머튼 본질 — 라이트 muted */
html.bc-light .order-panel [style*="color:#848e9c"],
html.bc-light .order-panel [style*="color: #848e9c"],
html.bc-light .order-panel [style*="color:#888"] {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   33. [v1193] Position Size 박스 본질 — inline #1a1d27 background
   ───────────────────────────────────────────────── */
html.bc-light .order-panel div[style*="background:#1a1d27"],
html.bc-light .order-panel div[style*="background: #1a1d27"] {
  background: var(--bc-l-input-bg) !important;
  border-color: var(--bc-l-input-border) !important;
}

/* ─────────────────────────────────────────────────
   34. [v1193] Account / Margin Ratio 영역 — bottom panel
       §결함: Account/Margin Ratio/USDT Balance 영역 검정
   ───────────────────────────────────────────────── */
html.bc-light .order-panel [class*="account"],
html.bc-light .order-panel [class*="margin-ratio"],
html.bc-light .order-panel [class*="balance"] {
  color: var(--bc-l-text) !important;
}
/* Account/Margin Ratio 텍스트 라벨 본질 - 컨테이너 흰배경 정통 */
html.bc-light .order-panel hr,
html.bc-light .order-panel [style*="border-top"] {
  border-color: var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   35. [v1193] Open long / Open short 버튼 본질
       §보호: 그린/레드 컬러 본질 유지, 텍스트만 정통
   ───────────────────────────────────────────────── */
html.bc-light .order-buttons button.btn-long,
html.bc-light .order-buttons button[class*="long"] {
  /* Open long 그린 본질 유지 - 옛 본질 */
}
html.bc-light .order-buttons button.btn-short,
html.bc-light .order-buttons button[class*="short"] {
  /* Open short 레드 본질 유지 - 옛 본질 */
}

/* ─────────────────────────────────────────────────
   36. [v1193] 하단 포지션 행 본질 — .pos-grid-row, positions-table tbody
       §결함: BTCUSDT Perp 68x 행 검정 배경 그대로
       §처방: 행 + 셀 모두 라이트
   §[v1194] 보강: #positions 컨테이너 배경 본질 + 모든 자식 본질
       §본질 추적: index.html line 4106 inline <style> 에 #positions { background: #0a0a0a !important; }
                  + .pos-grid-row, .pos-grid-header, .empty-state 본질 박힘
       §처방: ID specific 본질 + 자식 selector 전부 정통
   ───────────────────────────────────────────────── */
html.bc-light #positions {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .pos-grid-row {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .pos-grid-row:hover {
  background: var(--bc-l-panel2) !important;
}
html.bc-light .pos-grid-cell {
  background: transparent !important;
  color: var(--bc-l-text);  /* [v1244] !important 제거 - 인라인 style(녹/빨/주황 의미 색)이 우선되도록 */
}
html.bc-light .pos-grid-header {
  background: var(--bc-l-th-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .empty-state {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-muted) !important;
}
/* posstep 본질 — index.html line 4102 inline */
html.bc-light .posstep {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .posstep:hover {
  border-color: var(--bc-l-muted2) !important;
  color: var(--bc-l-text) !important;
}

/* positions-table tbody tr 본질 — main.css line 396 .positions-table tbody tr 옛 본질 */
html.bc-light .positions-table tbody tr {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .positions-table tbody td {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* Details / List 버튼 본질 */
/* [v2592] 시장가·지정가 청산 버튼은 main.css 노랑(#f0b90b) 유지 — 예외 */
/* [v2596] 그리드봇 생성 버튼(.tb-new)도 예외 — 자체 노랑 유지 */
html.bc-light .positions-section button:not(.btn-open-long):not(.btn-open-short):not(.btn-close-long):not(.btn-close-short):not(.btn-pos-mktlmt):not(.tb-new),
html.bc-light .positions-content button:not(.btn-open-long):not(.btn-open-short):not(.btn-close-long):not(.btn-close-short):not(.btn-pos-mktlmt):not(.tb-new) {
  background: transparent !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .positions-section button:not(.btn-open-long):not(.btn-open-short):not(.btn-close-long):not(.btn-close-short):hover,
html.bc-light .positions-content button:not(.btn-open-long):not(.btn-open-short):not(.btn-close-long):not(.btn-close-short):hover {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}
/* 노란 본질 보호 (Close All Positions 등) — opacity 유지 */
html.bc-light .positions-section button[style*="#f0b90b"],
html.bc-light .positions-content button[style*="#f0b90b"] {
  background: #f0b90b !important;
  color: #202630 !important;
}

/* ─────────────────────────────────────────────────
   37. [v1193] 차트 외곽 OHLC 정보바 본질 — 차트 캔버스 절대 보호
       §결함: BTCUSDT Perpetual Last Price 30M / O/H/L/C / 24h Vol / MA(7,25,99) 영역 검정
       §원칙: #chart 자체 배경 강제 0건, 이 정보바는 차트 위 absolute 오버레이
   ───────────────────────────────────────────────── */
/* ohlc 영역 - inline color:#888, #848e9c 본질 */
html.bc-light [id^="ohlc"] {
  color: inherit;
}
html.bc-light [id^="ohlc"][style*="color:#848e9c"],
html.bc-light [id^="ohlc"][style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}
html.bc-light [id^="ohlc"][style*="color:#888"] {
  color: var(--bc-l-muted) !important;
}
/* MA(7), MA(25), MA(99) 라벨 본질 */
html.bc-light #ohlcMAWrap [style*="color:#888"] {
  color: var(--bc-l-muted) !important;
}

/* AUTO 배지 본질 - line 1004 inline */
html.bc-light #lwAutoBadge {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   38. [v1193] 차트 캔버스 절대 보호 — 사용자 명시 "차트 화면 검정 그대로"
       §본질: TradingView lightweight-charts 본질 = canvas 직접 그림
              CSS로 라이트 모드 본질 불가 → applyOptions API 필요 (별도 세션)
       §원칙: #chart 내부 canvas 본질 0건 강제 (v1188 결함 0건 유지)
   ───────────────────────────────────────────────── */
/* html.bc-light #chart { ... }       ← 절대 추가 금지 (TradingView API 본질) */
/* html.bc-light #chart canvas { ... }  ← 절대 추가 금지 */
/* html.bc-light #tvOverlayUI { ... } ← 절대 추가 금지 */

/* ─────────────────────────────────────────────────
   39. [v1193] Symbol 영역 (BTCUSDT Perp -130.9 -0.17%) 본질
       §결함: 좌상단 즐겨찾기 + BTCUSDT Perp / 78,017.2 / Mark/Index 등 검정 영역
   ───────────────────────────────────────────────── */
html.bc-light .header-stats {
  background: var(--bc-l-bg) !important;
}
html.bc-light .header-stats * {
  /* inline color 본질 inherit - green/red 등 보호 */
}
/* 즐겨찾기 별 아이콘 본질 */
html.bc-light .top-header svg {
  fill: currentColor;
}

/* ─────────────────────────────────────────────────
   40. [v1193] 좌측 차트 툴바 본질 — 그리기 도구들
       §결함: 십자선/추세선/도형/텍스트 등 좌측 아이콘들 검정 배경
       §처방: 툴바 자체 흰배경
   ───────────────────────────────────────────────── */
html.bc-light .chart-tools,
html.bc-light .drawing-tools,
html.bc-light .tv-drawing-tools,
html.bc-light [class*="drawing-tool"],
html.bc-light [id*="drawingTool"] {
  background: var(--bc-l-bg) !important;
  border-right: 1px solid var(--bc-l-line) !important;
}
/* 좌측 툴바 버튼 본질 */
html.bc-light .chart-tools button,
html.bc-light .drawing-tools button,
html.bc-light [class*="drawing-tool"] button {
  background: transparent !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .chart-tools button:hover,
html.bc-light .drawing-tools button:hover {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1194] 사용자 검증 (스샷 3차 + Binance 라이트 참조) 정밀 보강
       ① Open Long/Short 검정글자 결함 → 그린/레드 배경 + 흰글자 (Binance 정통)
       ② 포지션 행 #positions 컨테이너 검정 그대로 → 흰배경 정통
       ③ inline <style> #positions/.pos-grid-* 다크 본질 정통 처방
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   41. [v1194] 호가창 bid/ask 행 본질 — main.css line 543, 553
       §본질: Binance 라이트 모드와 동일하게 그린/레드 글자 본질 유지
              호가창 배경만 흰색, 글자색은 옛 본질 정통
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-table .bid,
html.bc-light .orderbook-table .ask {
  background: transparent !important;
  /* color 본질 옛 정통 (그린/레드) 유지 - inherit */
}

/* ─────────────────────────────────────────────────
   42. [v1194] Limit/Market 탭 본질 — orderTypeTabs 옛 라벨
       §결함: Limit / Market / Conditional 글씨 흰색→안 보임
   ───────────────────────────────────────────────── */
html.bc-light #orderTypeTabs .tf-label,
html.bc-light #orderTypeTabs > span > .tf-label {
  color: var(--bc-l-muted) !important;
}
html.bc-light #orderTypeTabs > span.active .tf-label,
html.bc-light #orderTypeTabs > span[style*="border-bottom"] .tf-label {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   43. [v1194] +Add / Reverse / Market / Limit 행 버튼 본질
       §결함: 포지션 행 우측 +Add, Reverse, Market, Limit 버튼들
              positions-section button 광범위 본질 통합 처방됨 (v1194 §36)
              그러나 노란 본질 (Close All Positions) 와 충돌 본질 정통 보호 확인
   ───────────────────────────────────────────────── */
/* §보호: 옛 본질 inline f0b90b 노란 본질은 §36에서 보호 정통 ✅ */

/* ─────────────────────────────────────────────────
   44. [v1194] Symbol Cell long/short 인디케이터 본질 — 옛 본질 보호
       §본질: 포지션 행 좌측 색 막대 (long=그린, short=레드 vertical bar)
       §보호: opacity 유지, 컬러 강제 0건
   ───────────────────────────────────────────────── */
html.bc-light .symbol-cell .long-indicator,
html.bc-light .symbol-cell .short-indicator,
html.bc-light .pos-grid-cell .long-bar,
html.bc-light .pos-grid-cell .short-bar {
  /* 옛 컬러 본질 유지 inherit */
}

/* ─────────────────────────────────────────────────
   45. [v1194] Switch / Account 우측 버튼 본질
       §결함: 우측 Account 영역 Switch 버튼, Margin Ratio % 도넛 본질
       §처방: 라이트 톤
   ───────────────────────────────────────────────── */
html.bc-light .order-panel [class*="switch"],
html.bc-light .order-panel a[onclick*="switch"] {
  color: #f0b90b !important;
}

/* ─────────────────────────────────────────────────
   46. [v1194] Avbl 교환 버튼 본질 — btnAvblTransfer 옛 본질 유지
       §보호: theme.css line 143-149 노란 본질 옛 정통 보호
   ───────────────────────────────────────────────── */
/* opacity 유지 - theme.css 옛 본질 정통 */

/* ─────────────────────────────────────────────────
   47. [v1194] Position Slider 본질 — Full 버튼, 10% 등 슬라이더
       §본질: 노란 동그라미 (#f0b90b) + 회색 트랙 (라이트 톤)
   ───────────────────────────────────────────────── */
html.bc-light .order-panel input[type="range"] {
  background: var(--bc-l-line2) !important;
}
html.bc-light .order-panel .slider-track,
html.bc-light .order-panel [class*="slider"] {
  background: var(--bc-l-line2) !important;
}
/* Full 버튼 본질 */
html.bc-light .order-panel button[class*="full"],
html.bc-light .order-panel button.btn-full {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1195] 사용자 검증 (스샷 4차) — 컨테이너 다크 잔존 영역 정밀 보강
       ① .panel-header (Order Book 헤더 #1a1a1a)
       ② .header-stats (Mark/Index/Funding/24h 영역)
       ③ #tvuiTimebar / .tvui-timebar (시간 TF 바 #0a0a0a)
       ④ .chart-section (차트 외곽 #0a0a0a)
       ⑤ FAVORITES 청록 박스 inline 정통
   §원칙: 차트 캔버스 (#chart canvas) 절대 보호 (v1188 결함 0건)
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   48. [v1195] Order Book 헤더 본질 — .panel-header
       §결함: main.css line 472-481 .panel-header { background:#1a1a1a; color:#fff }
              호가창 상단 "Order Book" 영역 검정 그대로
   ───────────────────────────────────────────────── */
html.bc-light .panel-header {
  background: var(--bc-l-th-bg) !important;
  color: var(--bc-l-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .panel-header * {
  color: inherit;
}
html.bc-light .panel-content {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ob-header 본질 — Order Book 우상단 0.1 1 10 버튼 영역 */
html.bc-light .ob-header,
html.bc-light .ob-h-header {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   49. [v1195] 상단 stats 영역 본질 — .header-stats 컨테이너
       §결함: Mark/Index/Funding(8h)/24h High/Low/Vol/OI 영역 검정 잔존
       §처방: 컨테이너 흰배경 + 라벨 muted + 값 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .header-stats {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .header-stats .stat-label,
html.bc-light .header-stats > div > span:first-child {
  color: var(--bc-l-muted) !important;
}
html.bc-light .header-stats .stat-value,
html.bc-light .header-stats > div > span:last-child {
  color: var(--bc-l-text) !important;
}
/* Funding rate green/red 본질 보호 inherit */
html.bc-light .header-stats [style*="color:#0ecb81"],
html.bc-light .header-stats [style*="color:#f6465d"],
html.bc-light .header-stats [style*="color:#2ebd85"] {
  /* 옛 컬러 정통 유지 */
}

/* ─────────────────────────────────────────────────
   50. [v1195] 시간/TF 바 본질 — #tvuiTimebar, .tvui-timebar
       §결함: tv_overlay_ui_85I.css line 202-213 .tvui-timebar { background:#0a0a0a }
              Time / 1m / 5m / 15m / 30m / 1H / 4H / 1D / 1W / Chart / Info / Vol 영역 검정
       §원칙: §22 NEVER 파일 (tv_overlay_ui_85I.css) 직접 수정 0건,
              theme-light.css 외부 override 본질 (specificity 우선)
   ───────────────────────────────────────────────── */
html.bc-light #tvuiTimebar,
html.bc-light .tvui-timebar {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-timebar .lbl {
  color: var(--bc-l-muted) !important;
}

/* tvuiRightTabs — Original/Trading View/Depth 탭 본질 */
html.bc-light #tvuiRightTabs {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   51. [v1195] 차트 외곽 본질 — .chart-section
       §결함: main.css line 178-181 .chart-section { background:#0a0a0a }
              차트 캔버스 컨테이너 외곽 검정 (그러나 캔버스 자체가 100% 채움)
       §처방: 컨테이너만 흰배경 (캔버스 본질 절대 보호)
   ───────────────────────────────────────────────── */
html.bc-light .chart-section {
  background: var(--bc-l-bg) !important;
}
/* §본질 절대 보호: #chart 컨테이너 본질 0건 강제 (TradingView 캔버스) */
/* html.bc-light #chart { ... }  ← 절대 추가 금지 */

/* ─────────────────────────────────────────────────
   52. [v1195] FAVORITES 청록 박스 inline 정통 보강
       §결함: FAVORITES 박스 청록 배경 + 검정 글씨 그대로 (스샷 좌상단)
       §본질: v1192 §22 처방 본질 inline 다크 selector 더 정밀하게
   ───────────────────────────────────────────────── */
/* FAVORITES 청록 hardcoded 본질 — inline class="favorites-btn" 또는 옛 본질 */
html.bc-light [class*="favorit"],
html.bc-light [id*="favorit"] {
  background: rgba(0, 226, 201, 0.10) !important;
  color: #00a890 !important;
  border: 1px solid rgba(0, 226, 201, 0.3) !important;
}

/* ─────────────────────────────────────────────────
   53. [v1195] positions-tabs-wrap 컨테이너 본질
       §결함: 포지션 행 위 회색 띠 (Positions/Open Orders/Order History 탭 위쪽 검정)
   ───────────────────────────────────────────────── */
html.bc-light .positions-tabs-wrap,
html.bc-light .positions-section-header,
html.bc-light .positions-tab-wrap {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   54. [v1195] 우상단 ⋯ 본질 (Order Book 오른쪽 점 3개 메뉴)
       §결함: 검정 hover 본질
   ───────────────────────────────────────────────── */
html.bc-light .panel-header .more-btn,
html.bc-light .panel-header [class*="more"] {
  color: var(--bc-l-muted) !important;
}
html.bc-light .panel-header .more-btn:hover {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   55. [v1195] 우측 주문 패널 Account/Margin Ratio/Switch 영역 본질
       §결함: 하단 USDT Balance/Unrealized PNL 영역 검정 잔존 (스샷 우하단)
   ───────────────────────────────────────────────── */
html.bc-light .order-panel .account-section,
html.bc-light .order-panel .margin-ratio-section,
html.bc-light .order-panel [class*="account-row"],
html.bc-light .order-panel [class*="usdt-section"] {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border-color: var(--bc-l-line) !important;
}
/* "Account" / "Margin Ratio" / "USDT" 텍스트 헤더 본질 */
html.bc-light .order-panel [style*="border-top:1px solid"],
html.bc-light .order-panel hr {
  border-color: var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   56. [v1195] 호가창 78,066.0 ↓ 가격 본질 + bid/ask hover
       §본질: 검정 hover → 라이트 hover
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-table tr.bid:hover,
html.bc-light .orderbook-table tr.ask:hover,
html.bc-light .orderbook-section tr:hover {
  background: var(--bc-l-panel2) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1196] 사용자 검증 (스샷 5차) — 4개 결함 영역 정밀 보강
       ① FAVORITES 즐겨찾기 코인 칩 (rgba 본질 → 라이트 안 보임)
       ② Order Book 우상단 알약 (.ob-step-btn, .ob-view-btn 검정 #0a0a0a)
       ③ 오더북 depth bar 애니 (.ob-bar opacity:0.22 → 라이트에서 안 보임)
       ④ 0.1/Sum 표시 영역 자체 본질 보강
   §원칙: §22 NEVER 파일 (tv_overlay_ui_85I.js, .css) 0건 수정, 외부 override 본질만
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   57. [v1196] 즐겨찾기 칩 본질 — .tvui-fav-item, .tvui-favbar*
       §결함: tv_overlay_ui_85I.css line 614-628 .tvui-fav-item {
                background: rgba(255,255,255,0.06); color:#ddd; }
              다크에서는 회색 보이지만 라이트 흰배경에서 거의 안 보임
       §처방: 라이트 톤 회색 칩 + 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .tvui-favbar,
html.bc-light .tvui-favbar-wrap,
html.bc-light .tvui-favbar-scroll {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-fav-item {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-fav-item:hover {
  background: var(--bc-l-panel3) !important;
}
/* fav-pct pos/neg 그린/레드 정통 유지 - 옛 컬러 본질 */
html.bc-light .tvui-fav-pct.pos {
  color: #2ebd85 !important;
}
html.bc-light .tvui-fav-pct.neg {
  color: #f6465d !important;
}
html.bc-light .tvui-fav-empty {
  color: var(--bc-l-muted) !important;
}
/* 즐겨찾기 화살표 본질 */
html.bc-light .tvui-favbar-arrow {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-muted) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .tvui-favbar-arrow:hover {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}
/* 상단 즐겨찾기 별 본질 */
html.bc-light .tvui-sym-fav {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-muted) !important;
}

/* FAVORITES label 본질 */
html.bc-light .control-bar label,
html.bc-light .control-group label {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   58. [v1196] Order Book 우상단 알약 본질 — .ob-step-btn, .ob-view-btn
       §결함: main.css line 2284-2293 .ob-step-btn, .ob-view-btn {
                background:#0a0a0a; border:1px solid rgba(255,255,255,0.10);
                color:#cfd6df; }
              검정 알약 본질 그대로
       §처방: 라이트 알약 + 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .ob-step-btn,
html.bc-light .ob-view-btn {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .ob-step-btn:hover,
html.bc-light .ob-view-btn:hover {
  background: var(--bc-l-panel3) !important;
}
/* active 상태 본질 - main.css line 2299-2302 */
html.bc-light .ob-step-btn.active,
html.bc-light .ob-view-btn.active {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
  border-color: var(--bc-l-muted2) !important;
}
html.bc-light .ob-view-btn svg {
  opacity: 0.7;
}
html.bc-light .ob-view-btn.active svg {
  opacity: 1;
}
/* ob-controls / ob-steps / ob-view 컨테이너 본질 */
html.bc-light .ob-controls,
html.bc-light .ob-steps,
html.bc-light .ob-view {
  background: transparent !important;
}
/* ob-title (Order Book) 본질 */
html.bc-light .ob-title {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   59. [v1196] 오더북 depth bar 애니 본질 — .ob-bar
       §결함: main.css line 2182-2192 .ob-bar { opacity:0.22 }
              다크에서는 빨강/녹색 막대 약간 보이지만,
              라이트 흰배경에서 0.22 opacity → 거의 투명 안 보임
       §사용자 보고: "오더북 애니 없어졋음"
       §처방: 라이트 모드 opacity 강화 (0.22 → 0.18, 그러나 흰배경에서 더 잘 보이게)
              핵심: 빨강/녹색은 흰배경에서 어두운 opacity 가 더 잘 보임
   ───────────────────────────────────────────────── */
html.bc-light .ob-bar {
  opacity: 0.18 !important;
  /* 흰배경 + 낮은 opacity → 본질 부드럽게 보이는 정통 */
}
/* ob-bar.ask 빨강 정통 / ob-bar.bid 녹색 정통 - 컬러 본질은 JS 가 inline 설정 */

/* orderbook-ratio bar 본질 - main.css line 2208 - 옛 본질 그대로 정통 */
html.bc-light .orderbook-ratio {
  background: var(--bc-l-bg) !important;
}
html.bc-light .orderbook-ratio .bar {
  background: var(--bc-l-line2) !important;
}
/* .b (buy/bid 녹색) / .s (sell/ask 빨강) inline 정통 유지 */

/* ─────────────────────────────────────────────────
   60. [v1196→v1199] orderbook-table size/sum 컬럼 본질
       §결함: main.css line 2386-2387
              .orderbook-table td.ob-cell .ob-txt { color:rgba(255,255,255,0.85) }
              .orderbook-table td.ob-cell { color:rgba(255,255,255,0.85) }
              사이즈/sum 셀 흰글자 (Binance 다크 스타일) → 라이트 흰배경에서 안 보임
       §사용자 보고: "Size Sum 부분 글을 검정색으로 (Binance 라이트처럼)"
       §v1196 처방 결함: nth-child selector 본질이 .ob-cell .ob-txt 본질 못 잡음
       §v1199 처방: .ob-cell + .ob-txt 정확 본질 검정 처방
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-table td.ob-cell,
html.bc-light .orderbook-table td.ob-cell .ob-txt {
  color: var(--bc-l-text) !important;
}
html.bc-light .orderbook-table thead th:nth-child(2),
html.bc-light .orderbook-table thead th:nth-child(3),
html.bc-light .orderbook-table th:nth-child(2),
html.bc-light .orderbook-table th:nth-child(3) {
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1197] 사용자 검증 (스샷 6차) — 오더북 결함 2개 정밀 보강
       ① 오더북 depth bar 본질 — JS 가 inline opacity 만 설정,
          background 컬러는 CSS의 rgba(빨강/녹색 25%) 본질 → 흰배경에서 거의 안 보임
       ② 중앙 가격 박스 (.orderbook-divider.ob-mid) 검정 잔존
          v1192 처방 selector specificity 본질이 main.css와 동률이라 적용 안됨
   §원칙: §22 NEVER (app.js, tv_overlay_ui_85I.*) 0건 수정, CSS override 본질만
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   61. [v1197→v1198] 오더북 depth bar 빨강/녹색 라이트 본질
       §결함: main.css line 2249-2250 .ob-bar.ask { background: rgba(246,70,93,0.25); }
              알파 25% → 흰배경에서 거의 안 보임 (다크에서는 보였음)
       §JS 정통: app.js (§22 NEVER) inline style="...opacity:0.18~1.0..." 본질
                 opacity 는 JS 가 동적 설정 (호가 크기 비례)
       §v1197 처방: alpha 25% → 50% 본질 적용 → 여전히 너무 연함 본질
       §v1197 결함 본질: 최종 시각 = JS opacity × CSS rgba alpha
                       작은 호가 0.18 × 0.5 = 0.09 (9%) → 거의 안 보임
       §v1198 처방: CSS rgba alpha = 1.0 단색 본질 → 최종 시각 = JS opacity 정통
                   Binance 라이트 정통 컬러 (#f5747f 빨강, #4cc28e 녹색)
   ───────────────────────────────────────────────── */
html.bc-light .ob-bar.ask {
  background: #f6465d !important;
  /* JS inline opacity 0.18~1.0 본질 정통 - 흰배경 위 정확한 농도 표현 */
}
html.bc-light .ob-bar.bid {
  background: #2ebd85 !important;
  /* JS inline opacity 0.18~1.0 본질 정통 - 흰배경 위 정확한 농도 표현 */
}
/* ::before 빛 흐름 애니 본질 — 흰배경에서 어둡게 보이도록 */
html.bc-light .ob-bar::before {
  background: linear-gradient(90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  ) !important;
  opacity: 0.6 !important;
}

/* ─────────────────────────────────────────────────
   62. [v1197] 중앙 가격 박스 본질 — .orderbook-divider.ob-mid
       §결함: main.css line 563-568 .orderbook-divider { background:#0a0a0a; color:#fff }
              + line 2154 .orderbook-divider.ob-mid { color 본질 }
              v1192 처방 specificity 동률 본질 → 적용 안 됨
       §처방: specificity 강화 (.orderbook-divider.ob-mid 명시 selector)
              pos/neg 그린/레드 컬러 정통 보호
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-divider.ob-mid,
html.bc-light .orderbook-divider {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border-top: 1px solid var(--bc-l-line) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
/* pos/neg 그린/레드 본질 정통 보호 - main.css line 2163-2164 */
html.bc-light .orderbook-divider.ob-mid.pos {
  color: #2ebd85 !important;
}
html.bc-light .orderbook-divider.ob-mid.neg {
  color: #f6465d !important;
}
/* obMarkPrice 본질 - 라이트 톤 muted */
html.bc-light #obMarkPrice {
  color: var(--bc-l-muted) !important;
}
/* ob-mid-arrow 본질 - 옛 컬러 inherit */
html.bc-light .ob-mid-arrow {
  /* inherit pos/neg 컬러 정통 */
}

/* ─────────────────────────────────────────────────
   63. [v1197] orderbook-table tbody 행 배경 본질 보강
       §결함: 검정 행 hover 본질 - ob-bar 와 함께 시각적 본질 정통
       §처방: 행 자체는 transparent (ob-bar 가 보이도록), hover 만 라이트
   ───────────────────────────────────────────────── */
html.bc-light .orderbook-table tbody tr {
  background: transparent !important;
}
html.bc-light .orderbook-table tbody tr:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}
/* ob-cell 본질 - ob-bar 가 absolute 로 떠야 함 */
html.bc-light .ob-cell {
  background: transparent !important;
}
/* ob-txt 본질 - z-index 1로 ob-bar 위 정통 */
html.bc-light .ob-txt {
  position: relative !important;
  z-index: 1 !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1200] 사용자 검증 (스샷 8차) — Horizontal 모드 라이트 본질
       §결함 본질: 옛 v1192~v1199 본질은 .orderbook-table (Vertical) 전용 처방
                  Horizontal 모드 (.orderbook-container.ob-horizontal) 는
                  완전히 다른 DOM 구조 (.ob-h-wrapper, .ob-h-row, .ob-h-amt 등)
                  → 검정 본질 그대로 잔존
       §처방: Horizontal 모드 전용 selector 일괄 본질 처방
       §원칙: §22 NEVER (app.js, tv_overlay_ui_85I.*) 0건 수정, CSS override 만
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   64. [v1200] Horizontal 모드 컨테이너 본질 — .ob-h-wrapper
       §결함: main.css line 2496-2498 .ob-h-wrapper { background: #0a0a0a }
       §처방: 흰배경 정통
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-wrapper {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   65. [v1200] Horizontal 상단 큰 가격 + Mark 본질
       §결함: .ob-h-top border-bottom #222 / .ob-h-mark color #888
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-top {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
/* .ob-h-price 본질 - pos/neg 그린/레드 정통 보호 (옛 컬러 유지) */
html.bc-light .ob-h-price.pos {
  color: #2ebd85 !important;
}
html.bc-light .ob-h-price.neg {
  color: #f6465d !important;
}
html.bc-light .ob-h-mark {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   66. [v1200] Horizontal 헤더 본질 — .ob-h-header (Amount/Price/Price/Amount)
       §결함: border-bottom #222 + color #666
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-header {
  background: var(--bc-l-th-bg) !important;
  color: var(--bc-l-muted) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .ob-h-hdr-left,
html.bc-light .ob-h-hdr-right {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   67. [v1200] Horizontal 행 + 좌/우 분할 본질
       §결함: .ob-h-bids border-right #222 / .ob-h-row hover rgba(255,255,255,0.04)
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-body {
  background: var(--bc-l-bg) !important;
}
html.bc-light .ob-h-bids,
html.bc-light .ob-h-asks {
  background: var(--bc-l-bg) !important;
}
html.bc-light .ob-h-bids {
  border-right: 1px solid var(--bc-l-line) !important;
}
html.bc-light .ob-h-row {
  background: transparent !important;
}
html.bc-light .ob-h-row:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

/* ─────────────────────────────────────────────────
   68. [v1200] Horizontal Amount 컬럼 본질 — .ob-h-amt
       §결함: main.css line 2557 .ob-h-amt { color:rgba(255,255,255,1.0) } 흰글자
              스샷 2 검은 배경 흰글자 본질 → 라이트 흰배경에서 안 보임
       §처방: 검정 글자 (Binance 라이트 매칭)
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-amt {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   69. [v1200] Horizontal Price 컬럼 본질 — .ob-h-px
       §보호: bid 녹색 / ask 빨강 옛 본질 정통 유지
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-bid .ob-h-px {
  color: #2ebd85 !important;
}
html.bc-light .ob-h-ask .ob-h-px {
  color: #f6465d !important;
}

/* ─────────────────────────────────────────────────
   70. [v1200] Horizontal depth bar 본질 — .ob-h-bar
       §결함: main.css line 2545-2546 .ob-h-bar.bid/ask { background: rgba(...,0.35) }
              alpha 35% → 흰배경에서 너무 연함
       §처방: v1198 본질 동일 — 단색 + JS opacity 자연 본질
              그러나 Horizontal 막대는 JS inline opacity 없을 수 있음
              확인: app.js JS 옛 본질에서 .ob-h-bar 는 width 만 동적,
                    opacity 는 CSS 0.35 정통 → 라이트 흰배경 알맞은 본질
       §최종: alpha 0.35 → 0.50 정통 (단, 너무 진하면 자연 본질 깨짐 → 적당히)
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-bar.bid {
  background: rgba(46, 189, 133, 0.5) !important;
}
html.bc-light .ob-h-bar.ask {
  background: rgba(246, 70, 93, 0.5) !important;
}
/* ::before 빛 흐름 라이트 톤 */
html.bc-light .ob-h-bar::before {
  background: linear-gradient(90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  ) !important;
}

/* ─────────────────────────────────────────────────
   71. [v1200] Horizontal 비율 바 본질 — .ob-h-ratio
       §결함: main.css line 2566-2570 .ob-h-ratio { background:#0a0a0a }
   ───────────────────────────────────────────────── */
html.bc-light .ob-h-ratio {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1201] 사용자 검증 (스샷 9차) — Details 패널 + Account 패널 라이트
       ① Details 패널 (포지션 행 클릭 → BTCUSDT Cross Long 68x 카드)
          - patch-p3805-margin-mode-filter.js 동적 inline 본질
          - 헤더: background:#1a1d24, color:#eaecef
          - cell 라벨: color:#848e9c, border-bottom:dotted #3a3e49
          - cell 값: color:#eaecef (흰글자, 흰배경 안 보임)
          - 카드 테두리: border:1px solid #2a2e39
       ② 우측 패널 하단 #accountPanel
          - Account/Margin Ratio/Maint. Margin/Account Equity/Position Value/Actual Leverage/USDT/Balance/Unrealized PNL
          - inline color:#eaecef/#848e9c, border-top:#1e1e1e
   §원칙: §22 NEVER (app.js, tv_overlay_ui_85I.*, patch-p3805 직접수정) 0건
          CSS override 본질만 정통
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   72. [v1201] Details 패널 카드 컨테이너 본질
       §결함: patch-p3805 inline 'background:transparent;border:1px solid #2a2e39'
              부모 #positions 검정이 transparent 본질로 비침
   ───────────────────────────────────────────────── */
html.bc-light [data-posid] {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   73. [v1201] Details 패널 헤더 본질 — BTCUSDT Cross Long 68x 가로 박스
       §결함: inline 'background:#1a1d24' 다크 박스
   ───────────────────────────────────────────────── */
html.bc-light [data-posid] > div:first-child[style*="background:#1a1d24"],
html.bc-light [data-posid] > div:first-child[style*="background: #1a1d24"] {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
/* 헤더 BTCUSDT 심볼 inline color:#eaecef → 진한 글자 */
html.bc-light [data-posid] [style*="color:#eaecef"],
html.bc-light [data-posid] [style*="color: #eaecef"] {
  color: var(--bc-l-text) !important;
}
/* 헤더 보조 텍스트 (Cross 등) inline color:#848e9c → muted */
html.bc-light [data-posid] [style*="color:#848e9c"],
html.bc-light [data-posid] [style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   74. [v1201] Details cell 라벨 본질 — Size/Entry Price/Break-Even/MM 등
       §결함: inline 'color:#848e9c;border-bottom:1px dotted #3a3e49'
   ───────────────────────────────────────────────── */
html.bc-light [data-posid] [style*="border-bottom:1px dotted"] {
  border-bottom-color: var(--bc-l-line2) !important;
}

/* ─────────────────────────────────────────────────
   75. [v1201] TP/SL 연필 본질 — 흰테두리 inline
       §결함: border:1px solid #ffffff → 흰배경에서 안 보임
   ───────────────────────────────────────────────── */
html.bc-light [data-posid] [style*="border:1px solid #ffffff"],
html.bc-light [data-posid] [style*="border: 1px solid #ffffff"] {
  border-color: var(--bc-l-line2) !important;
}

/* ─────────────────────────────────────────────────
   76. [v1201] 우측 하단 Account 패널 본질 — #accountPanel
       §결함: index.html line 1244 #accountPanel { border-top:1px solid #1e1e1e }
              부모 .order-panel 검정 본질로 안 보임
   ───────────────────────────────────────────────── */
html.bc-light #accountPanel {
  background: transparent !important;
  border-top: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
/* Account 헤더 inline 'color:#eaecef' 본질 */
html.bc-light #accountPanel [style*="color:#eaecef"],
html.bc-light #accountPanel [style*="color: #eaecef"] {
  color: var(--bc-l-text) !important;
}
/* Switch 노란 본질 보호 inline 'color:#f0b90b' */
html.bc-light #accountPanel [style*="color:#f0b90b"] {
  color: #f0b90b !important;
}

/* ─────────────────────────────────────────────────
   77. [v1201] acc-row/acc-lbl/acc-val 본질
       §결함: 정의된 CSS 없음, inline 본질 — 부모 컨테이너 색 상속
       §처방: 라벨 muted + 값 진한 글자
   ───────────────────────────────────────────────── */
html.bc-light .acc-row {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .acc-lbl {
  color: var(--bc-l-muted) !important;
}
html.bc-light .acc-val {
  color: var(--bc-l-text) !important;
}
/* accUnrealPnl inline color:#848e9c → muted (옛 본질 정통) */
html.bc-light #accUnrealPnl[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}
/* accMarginRatio 그린 본질 보호 inline 'color:#0ecb81' */
html.bc-light #accMarginRatio[style*="color:#0ecb81"] {
  color: #2ebd85 !important;
}

/* ─────────────────────────────────────────────────
   78. [v1201] USDT 헤더 inline border-top 본질
       §결함: inline 'border-top:1px solid #1e1e1e' 거의 안 보임
   ───────────────────────────────────────────────── */
html.bc-light #accountPanel [style*="border-top:1px solid #1e1e1e"],
html.bc-light #accountPanel [style*="border-top: 1px solid #1e1e1e"] {
  border-top-color: var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   79. [v1201] Margin Ratio SVG 도넛 본질
       §보호: 다채로운 그라데이션 (그린/노랑/빨강/그레이) 옛 본질 정통 유지
       §처방: 중앙 회색 circle (#848e9c) 만 라이트 톤 정통
   ───────────────────────────────────────────────── */
html.bc-light #accountPanel svg circle[fill="#848e9c"] {
  fill: var(--bc-l-muted2) !important;
}
html.bc-light #accountPanel svg path[stroke="#848e9c"] {
  stroke: var(--bc-l-line2) !important;
}
html.bc-light #accountPanel svg line[stroke="#d1d4dc"] {
  stroke: var(--bc-l-text2) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1202] 사용자 검증 (스샷 10차) — 우측 하단 글자 본질
       §결함: 스샷에서 우측 하단 영역 (Account Margin Ratio/Maint. Margin/
              Account Equity/Position Value/Actual Leverage/USDT/Balance/
              Unrealized PNL) 글자 흰색 정통 안 보임
       §진단: v1192 §5 .order-panel { color: var(--bc-l-text) } 처방됐으나
              자식 상속 본질이 안 됨 - main.css inline 본질 또는
              theme.css .right-panel color 본질이 우선 매칭
       §처방: ① .order-panel * 광범위 본질 (단, .order-panel 내 보호 selector)
              ② #accountPanel 자식 모든 글자 강제 처방
              ③ 옛 보호 컬러 (그린/레드/노랑) selector 명시
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   80. [v1202] 우측 주문 패널 글자 색 강제 본질
       §원칙: 옛 컬러 정통 본질 보호 (그린/레드/노랑) - 명시적 not 본질
   ───────────────────────────────────────────────── */
/* 패널 컨테이너 ID specificity 강화 */
html.bc-light .order-panel,
html.bc-light .order-panel > div,
html.bc-light .order-panel .panel-content {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* Account Panel 자식 모든 텍스트 강제 본질 (옛 컬러 inline 보호) */
html.bc-light #accountPanel,
html.bc-light #accountPanel > div,
html.bc-light #accountPanel span:not([style*="#0ecb81"]):not([style*="#f6465d"]):not([style*="#f0b90b"]):not([style*="#2ebd85"]):not([style*="#0ed888"]) {
  color: var(--bc-l-text) !important;
}

/* acc-lbl 본질 강제 muted */
html.bc-light #accountPanel .acc-lbl,
html.bc-light .acc-row .acc-lbl {
  color: var(--bc-l-muted) !important;
}

/* acc-val 본질 강제 진한 글자 (단, 컬러 inline 보호) */
html.bc-light #accountPanel .acc-val,
html.bc-light .acc-row .acc-val {
  color: var(--bc-l-text) !important;
}
/* §보호: id="accUnrealPnl" 또는 컬러 inline 본질 가진 acc-val 정통 유지 */
html.bc-light #accountPanel .acc-val[style*="color:#0ecb81"],
html.bc-light #accountPanel .acc-val[style*="color: #0ecb81"] {
  color: #2ebd85 !important;
}
html.bc-light #accountPanel .acc-val[style*="color:#f6465d"],
html.bc-light #accountPanel .acc-val[style*="color: #f6465d"] {
  color: #f6465d !important;
}
html.bc-light #accountPanel .acc-val[style*="color:#848e9c"],
html.bc-light #accountPanel .acc-val[style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* ─────────────────────────────────────────────────
   81. [v1202] 우측 주문 패널 모든 inline color:#fff/eaecef/d1d4dc 본질
       §결함: inline color 본질 가진 요소들 흰글자 그대로
       §처방: attribute selector 정밀 본질 (광범위 본질 0건)
   ───────────────────────────────────────────────── */
html.bc-light .order-panel [style*="color:#fff"]:not([style*="background"]):not(.btn-open-long):not(.btn-open-short),
html.bc-light .order-panel [style*="color: #fff"]:not([style*="background"]):not(.btn-open-long):not(.btn-open-short),
html.bc-light .order-panel [style*="color:#eaecef"],
html.bc-light .order-panel [style*="color: #eaecef"],
html.bc-light .order-panel [style*="color:#d1d4dc"],
html.bc-light .order-panel [style*="color: #d1d4dc"],
html.bc-light .order-panel [style*="color:#e8e8e8"] {
  color: var(--bc-l-text) !important;
}

/* §보호: Open long/short 흰글자 정통 유지 (§10 본질) */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1203] 사용자 검증 (스샷 11차) — 노란 박스 5개 정밀
       ① Open/Close 탭 (.open-close-tabs)
       ② Limit Price 입력 (#limitPrice, .form-row input)
       ③ Size 입력 (#sizeBTC, #sizeUSDT)
       ④ 퍼센트 슬라이더 (#posSizePct 트랙)
       ⑤ Total Cost 박스 (.form-info, .form-info-label, .form-info-value)
       ⑥ 우상단 아이콘 (specificity 강화 §4 본질에서 정통)
   §원칙: §22 NEVER 0건, CSS specificity 강화 정통
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   82. [v1203→v1204] Open/Close 탭 본질 — Binance pill toggle 정통
       §결함 본질: theme.css line 467-491 .tab-btn.active border:#5a6270 다크
                  v1203 §82 처방 specificity (0,2,1) 동률 + theme.css !important 우선
       §사용자 보고: "Binance처럼 회색이 아주 연합니다"
       §처방 (Binance 정통):
         ① 컨테이너 .open-close-tabs: 연한 회색 trough 본질
         ② 비활성 탭 (.tab-btn:not(.active)): transparent + muted 글자 + border 없음
         ③ 활성 탭 (.tab-btn.active): 흰색 칩 + 진한 글자 + border 거의 안 보임
       §specificity 강화: '.order-panel .open-close-tabs .tab-btn' (0,3,1) - theme.css 이김
   ───────────────────────────────────────────────── */
/* 컨테이너 - Binance 정통 연한 회색 trough */
html.bc-light .open-close-tabs,
html.bc-light .order-panel .open-close-tabs,
html.bc-light #orderTabBar {
  background: var(--bc-l-panel2) !important;
  border-radius: 6px !important;
  padding: 3px !important;
  gap: 0 !important;
  border: none !important;
}

/* 비활성 탭 - transparent + muted, border 0건 */
html.bc-light .open-close-tabs .tab-btn:not(.active),
html.bc-light #orderTabBar .tab-btn:not(.active),
html.bc-light .order-panel .open-close-tabs .tab-btn:not(.active),
html.bc-light #tabOpenBtn:not(.active),
html.bc-light #tabCloseBtn:not(.active) {
  background: transparent !important;
  color: var(--bc-l-muted) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
}

/* 활성 탭 - 흰색 칩 + 진한 글자 (Binance pill 정통) */
html.bc-light .open-close-tabs .tab-btn.active,
html.bc-light #orderTabBar .tab-btn.active,
html.bc-light .order-panel .open-close-tabs .tab-btn.active,
html.bc-light #tabOpenBtn.active,
html.bc-light #tabCloseBtn.active {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
  font-weight: 700 !important;
}

/* hover 본질 - 비활성 호버 시 연한 강조 */
html.bc-light .open-close-tabs .tab-btn:not(.active):hover,
html.bc-light #orderTabBar .tab-btn:not(.active):hover,
html.bc-light #tabOpenBtn:not(.active):hover,
html.bc-light #tabCloseBtn:not(.active):hover {
  background: rgba(0, 0, 0, 0.03) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   83. [v1203] .form-row input/select 본질 — 입력 박스 specificity 강화
       §결함: main.css line 657-664 .form-row input { background:#1a1a1a; color:#fff }
              specificity (0,1,1) - v1192 §8 'html.bc-light input' (0,1,1) 동률
              theme.css inline <style> 의 옛 본질 일찍 로드 우선
       §처방: .order-panel .form-row input 본질 (0,2,1) 강화
   ───────────────────────────────────────────────── */
html.bc-light .form-row input,
html.bc-light .form-row select,
html.bc-light .order-panel .form-row input,
html.bc-light .order-panel .form-row select,
html.bc-light .order-panel input,
html.bc-light .order-panel select,
html.bc-light .order-panel textarea {
  background: var(--bc-l-input-bg) !important;
  border: 1px solid var(--bc-l-input-border) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .form-row input:focus,
html.bc-light .form-row select:focus,
html.bc-light .order-panel input:focus,
html.bc-light .order-panel select:focus {
  border-color: #f0b90b !important;
  outline: none !important;
}
/* placeholder 본질 */
html.bc-light .order-panel input::placeholder {
  color: var(--bc-l-muted2) !important;
}
/* sizeUnitToggle (BTC ▾) 본질 - 노란 본질 보호 */
html.bc-light #sizeUnitToggle,
html.bc-light #sizeUnitLabel {
  color: var(--bc-l-text) !important;
}

/* #limitPrice 본질 specificity 강화 - main.css #limitPrice height 본질만 정통, color 본질은 .form-row input 본질 상속 */
html.bc-light #limitPrice,
html.bc-light #sizeBTC,
html.bc-light #sizeUSDT,
html.bc-light #marketPrice,
html.bc-light #condStopPriceDefault,
html.bc-light #condPriceDefault,
html.bc-light #condTriggerPriceSM,
html.bc-light #condTriggerPriceSL,
html.bc-light #condLimitPriceSL,
html.bc-light input.tpsl-input-new,
html.bc-light input.leverage-input {
  background: var(--bc-l-input-bg) !important;
  border: 1px solid var(--bc-l-input-border) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   84. [v1203] posSizePct 슬라이더 본질
       §결함: main.css line 1647 background:#0a0a0a + line 1664 thumb border:#0a0a0a
   ───────────────────────────────────────────────── */
html.bc-light .possize-inline #posSizePct,
html.bc-light #posSizePct {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .possize-inline #posSizePct::-webkit-slider-runnable-track,
html.bc-light #posSizePct::-webkit-slider-runnable-track {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .possize-inline #posSizePct::-webkit-slider-thumb,
html.bc-light #posSizePct::-webkit-slider-thumb {
  border: 2px solid var(--bc-l-bg) !important;
  /* 노란 thumb 본질 (#f0b90b) 유지 정통 */
}
html.bc-light .possize-inline #posSizePct::-moz-range-thumb,
html.bc-light #posSizePct::-moz-range-thumb {
  border: 2px solid var(--bc-l-bg) !important;
}
/* posSizeMaxBtn (Full 버튼) 본질 */
html.bc-light .possize-inline #posSizeMaxBtn,
html.bc-light #posSizeMaxBtn {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #posSizeMaxBtn:hover {
  background: var(--bc-l-panel3) !important;
}

/* ─────────────────────────────────────────────────
   85. [v1203] Total Cost 박스 본질 — .form-info + 자식
       §결함: main.css line 781-806 .form-info { background:#1a1a1a }
              .form-info-label color:#666 / .form-info-value color:#fff
   ───────────────────────────────────────────────── */
html.bc-light .form-info {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line) !important;
  border-radius: 8px !important;
}
html.bc-light .form-info-row {
  background: transparent !important;
}
html.bc-light .form-info-label {
  color: var(--bc-l-muted) !important;
}
html.bc-light .form-info-value {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   86. [v1203] 추가 본질 — TP/SL 토글 영역 + Avbl 노란 본질 보호
   ───────────────────────────────────────────────── */
/* TP/SL 영역 본질 */
html.bc-light #tpslSection {
  color: var(--bc-l-text) !important;
}
html.bc-light .custom-chk {
  background: var(--bc-l-input-bg) !important;
  border: 1px solid var(--bc-l-input-border) !important;
}
/* Long/Short 탭 본질 (헤지모드) */
html.bc-light #tpslTabLong,
html.bc-light #tpslTabShort {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-line2) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1205] 사용자 검증 (스샷 12차) — TP/SL 영역 정밀
       ① Open 활성 칩 진하게 (§82 본질 강화 - 그림자/굵게/테두리)
       ② Set 버튼 (.tpsl-set) 검정 → 흰배경 + 검정 글자
       ③ TP/SL 체크박스 (.custom-chk) 미체크 시 흰배경 + 검정 테두리
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   87. [v1205] .tpsl-set / #applyTpSlBtn 본질
       §결함: main.css line 1603-1624 background:rgba(255,255,255,0.06) +
              color:#eaeaea 검정 배경 + 흰글자
       §처방: 흰배경 + 검정 글자 (라이트 정통)
   ───────────────────────────────────────────────── */
html.bc-light .tpsl-set,
html.bc-light #applyTpSlBtn,
html.bc-light button.tpsl-set {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .tpsl-set:hover,
html.bc-light #applyTpSlBtn:hover {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-muted2) !important;
}

/* ─────────────────────────────────────────────────
   88. [v1205] .custom-chk 체크박스 본질
       §결함: main.css line 2990-3002 background:#0a0a0a + border:rgba(255,255,255,0.5)
              검정 배경 작은 박스 → 흰배경에서 검정 박스로 보임
       §사용자 보고: "테두리만 검정으로"
       §처방 (미체크): 흰배경 + 검정 테두리 (Binance 정통)
                (체크): 노란 본질 유지 정통
   ───────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────
   88. [v1205→v1206] .custom-chk 체크박스 본질 강화
       §결함: v1205 §88 처방 specificity (0,2,0) 정통이지만
              사용자 보고 "여전히 검정" → 캐시 또는 input[type=checkbox] 본질 충돌
       §처방 v1206: ID specific + input attribute 본질 (0,2,1) 강화
   ───────────────────────────────────────────────── */
html.bc-light .custom-chk,
html.bc-light input.custom-chk,
html.bc-light input[type="checkbox"].custom-chk,
html.bc-light #__tpslCheck,
html.bc-light #__tpslCheck.custom-chk {
  background: var(--bc-l-bg) !important;
  border: 1.5px solid var(--bc-l-text2) !important;
}
/* :checked 노란 본질 정통 보호 - main.css line 3004-3007 유지 */
html.bc-light .custom-chk:checked,
html.bc-light input.custom-chk:checked,
html.bc-light input[type="checkbox"].custom-chk:checked,
html.bc-light #__tpslCheck:checked,
html.bc-light #__tpslCheck.custom-chk:checked {
  background: #f0b90b !important;
  border-color: #f0b90b !important;
}
/* :checked::after 검은 체크 마크 본질 정통 보호 - main.css line 3008-3018 */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1206] 사용자 검증 (스샷 13차) — 슬라이더 % 툴팁 + 체크박스 정밀
       ① TP/SL 체크박스 specificity 강화 (§88 정통)
       ② 슬라이더 % 툴팁 (.possize-inline 자식 본질)
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   89. [v1206] 슬라이더 % 툴팁 본질 — 다이아몬드 thumb 위 11% 박스
       §결함: 동적 생성 본질 — input/maxBtn 외 자식 element 검정 박스 + 흰글자
       §본질 추적: .possize-inline 컨테이너 안 자식 본질 광범위 처방
       §원칙: input/button 제외 본질만 처방 (보호 selector)
   ───────────────────────────────────────────────── */
/* possize-inline 컨테이너 자식 div/span 본질 (input/button 제외 정통) */
html.bc-light .possize-inline > div:not(.possize-inline #posSizePct),
html.bc-light .possize-inline > span,
html.bc-light .possize-inline output {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}

/* §inline style attribute selector 본질 - 동적 % 툴팁 본질 */
html.bc-light .possize-inline [style*="background:rgba(255,255,255"],
html.bc-light .possize-inline [style*="background:#"]:not(input):not(button) {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .possize-inline [style*="color:#fff"]:not(input):not(button),
html.bc-light .possize-inline [style*="color:#eaecef"]:not(input):not(button),
html.bc-light .possize-inline [style*="color:rgba(255,255,255"]:not(input):not(button) {
  color: var(--bc-l-text) !important;
}

/* §form-row 안 슬라이더 영역 자식 본질 보강 */
html.bc-light .order-panel .form-row [style*="background:rgba(255,255,255"]:not(input):not(button),
html.bc-light .order-panel [style*="background:#1f2630"]:not(input):not(button),
html.bc-light .order-panel [style*="background:#2a2e39"]:not(input):not(button) {
  background: var(--bc-l-panel2) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1207] 사용자 검증 (스샷 14차) — Details 빈공간 검정 본질
       §결함: 포지션 0개 + Details 누르면 "No positions" 검정 빈공간
              포지션 1개 + Details 누르면 카드 테두리 밖 검정 영역
       §원인 본질:
         ① main.css line 196 .positions-section { background:#111 }
            (specificity 0,1,0) - v1192 §5 처방됐지만 다른 본질 충돌 가능
         ② .positions-content (#positions) flex:1 본질로 빈공간 채움
         ③ .positions-content-wrap 본질 미처방
         ④ "No positions" 텍스트 자체 영역 본질
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   90. [v1207] positions-section + positions-content + wrap 본질 강제 처방
       §결함: main.css line 196 .positions-section { background:#111 }
              line 272 .positions-content { flex:1 } - 빈공간 본질
       §처방: ID specific + 모든 selector 강화
   ───────────────────────────────────────────────── */
html.bc-light .positions-section,
html.bc-light .content-wrapper .positions-section,
html.bc-light .content-wrapper.v13-grid .positions-section,
html.bc-light body .positions-section {
  background: var(--bc-l-bg) !important;
  border-top: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

html.bc-light .positions-content,
html.bc-light .positions-content-wrap,
html.bc-light #positions,
html.bc-light .positions-section .positions-content,
html.bc-light .positions-section .positions-content-wrap,
html.bc-light .positions-section #positions {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* "No positions" / "No Position" 텍스트 본질 */
html.bc-light .no-position-message,
html.bc-light #noPositionMsg,
html.bc-light #positions:empty,
html.bc-light .positions-content:empty {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-muted) !important;
}

/* "No positions" 자체 표시 텍스트 본질 - JS 생성 div 본질 */
html.bc-light #positions > div:only-child:not([data-posid]),
html.bc-light #positions > div[style*="text-align:center"]:not([data-posid]),
html.bc-light .positions-content > div:not([data-posid]):not(.pos-grid-row):not(.pos-grid-header) {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-muted) !important;
}

/* condwrap 본질 - p626 조건부 본질 */
html.bc-light #__p624wrap,
html.bc-light #__p626condwrap {
  background: var(--bc-l-bg) !important;
  border-bottom-color: var(--bc-l-line) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1209] 사용자 검증 (v1208 광범위 결함 본질 롤백)
       §결함 본질: v1208 §91 'html.bc-light .positions-section *' 광범위 본질
                  → 호가창/차트/우측 패널 등 다른 영역 박스 경계선 본질까지
                    흰배경 강제로 제거된 결함 (옛 v1185~v1187 결함 본질 재현)
       §원칙: §광범위 본질 절대 금지 - 정밀 selector만
       §처방: v1208 §91 완전 폐기 + 포지션 영역만 명시적 selector 보강
       §원인 진단: v1207 §90 처방 정통 이지만 적용 안 보임 본질 = 검정 영역이
                  positions-section 외 다른 컨테이너 (positions 영역 자체는 라이트)
                  → 정밀하게 #positions 컨테이너 + 자식만 명시 본질
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   91-R. [v1209 ROLLBACK + 보강] positions 영역만 정밀 처방
       §v1208 §91 광범위 selector 완전 폐기 (박스 경계선 결함 본질 0건)
       §대신 #positions + 자식 [data-posid] 만 정밀 본질
   ───────────────────────────────────────────────── */

/* #positions 컨테이너 자체 - 가장 강한 ID specific 본질 */
html.bc-light #positions,
html.bc-light div#positions,
html.bc-light .positions-content#positions {
  background: var(--bc-l-bg) !important;
  background-color: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* #positions 의 직계 자식 div - Details 카드 또는 No positions 메시지 */
html.bc-light #positions > div {
  background: transparent !important;
  background-color: transparent !important;
}

/* §보호: Details 카드 ([data-posid]) 자체는 v1201 §72 본질 정통 유지 */
html.bc-light #positions > div[data-posid] {
  background: var(--bc-l-bg) !important;
  background-color: var(--bc-l-bg) !important;
}

/* positions-content-wrap (line 1295 inline border 본질) */
html.bc-light .positions-content-wrap {
  background: var(--bc-l-bg) !important;
}
html.bc-light .positions-content-wrap > div {
  background-color: transparent !important;
}

/* No Position 메시지 (#noPositionMsg / .no-position-message) */
html.bc-light .no-position-message,
html.bc-light #noPositionMsg {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1210] 사용자 검증 — 각 박스 테두리 너무 검정 찐함
       §결함: main.css 다수 본질 border:#222/#333 hardcoded
              rgba(255,255,255,0.06~0.3) 흰색 알파 본질 → 흰배경에서 진하게 보임
       §처방:
         ① 변수 본질 더 연한 회색 (#eaecef → #f0f2f5)
         ② hardcoded 다크 border attribute selector 본질 정통
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   92. [v1210] hardcoded 다크 border 본질 attribute selector
       §결함: theme.css/main.css 다수 본질 #222/#333/rgba(255,255,255,0.x)
              variable 본질 안 받는 selector 다수
       §처방: attribute selector 본질 정밀 (광범위 selector 본질 0건)
   ───────────────────────────────────────────────── */

/* §[v1210] inline border 본질 - rgba(255,255,255,0.06~0.3) 흰색 알파 본질 → 라이트 톤 */
html.bc-light .order-panel [style*="border:1px solid rgba(255,255,255"],
html.bc-light .order-panel [style*="border: 1px solid rgba(255,255,255"],
html.bc-light .order-panel [style*="border:1px solid #2a2e39"],
html.bc-light .order-panel [style*="border: 1px solid #2a2e39"],
html.bc-light .order-panel [style*="border-top:1px solid"],
html.bc-light .order-panel [style*="border-bottom:1px solid"] {
  border-color: var(--bc-l-line) !important;
}

/* §[v1210] positions-section border 본질 */
html.bc-light .positions-section [style*="border:1px solid #2a2e39"],
html.bc-light .positions-section [style*="border-bottom:1px solid #2a2e39"] {
  border-color: var(--bc-l-line) !important;
}

/* §[v1210] positions-tabs/order-history-table border 본질 - main.css line 198/210/480/519 */
html.bc-light .positions-tabs {
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light .pos-grid-hdr {
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* §[v1210] order-panel 형식 border - main.css line 659/698/760 .form-row input { border:1px solid #333 } */
html.bc-light .order-panel .form-row input,
html.bc-light .order-panel .form-row select,
html.bc-light .order-panel input,
html.bc-light .order-panel select {
  border-color: var(--bc-l-input-border) !important;
}

/* §[v1210] form-info 박스 border 본질 정통 */
html.bc-light .form-info {
  border: 1px solid var(--bc-l-line) !important;
}

/* §[v1210] orderbook-panel 본질 - main.css 다수 본질 */
html.bc-light .orderbook-panel,
html.bc-light .panel-header,
html.bc-light .panel-content {
  border-color: var(--bc-l-line) !important;
}

/* §[v1210] tpsl-set / 입력 박스 본질 (이미 §87 정통, 본질 보강) */
html.bc-light .tpsl-set,
html.bc-light #applyTpSlBtn {
  border-color: var(--bc-l-line2) !important;
}

/* §[v1210] open-close-tabs 활성 칩 본질 - 그림자 살짝 줄이고 border 연하게 */
html.bc-light .open-close-tabs .tab-btn.active,
html.bc-light #orderTabBar .tab-btn.active {
  border-color: var(--bc-l-line) !important;
}

/* §[v1210] possize-inline 슬라이더 본질 - main.css line 1648 border:rgba(255,255,255,0.3) */
html.bc-light .possize-inline #posSizePct,
html.bc-light #posSizePct {
  border-color: var(--bc-l-line2) !important;
}

/* §[v1210] [data-posid] Details 카드 본질 - patch-p3805 inline border:#2a2e39 */
html.bc-light [data-posid] {
  border: 1px solid var(--bc-l-line) !important;
}

/* §[v1210] cell 라벨 dotted underline 본질 - patch-p3805 inline border-bottom:1px dotted #3a3e49 */
html.bc-light [data-posid] [style*="border-bottom:1px dotted"] {
  border-bottom-color: var(--bc-l-line2) !important;
}

/* §[v1210] left-col / right-col / orderbook 본질 between 영역 border */
html.bc-light .content-wrapper.v13-grid .orderbook-panel {
  border-left: 1px solid var(--bc-l-line) !important;
  border-right: 1px solid var(--bc-l-line) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1211] 사용자 검증 — "테두리 검정" 진짜 본질 발견
       §결함 본질: main.css line 164-172 .content-wrapper.v13-grid {
                    display: grid;
                    gap: 3px;
                    background: #2a2a2a;  ← 진짜 검정 본질
                  }
       §본질: grid cell 사이 3px gap 본질이 부모 #2a2a2a 검정 본질로 노출
              → 오더북/주문 패널/포지션 사이에 검정 줄로 보이는 본질
       §사용자 보고: "오더북과 오른쪽 진입박스 사이, 포지션하단이랑 오더북하단 사이 라인 검정"
       §처방: .content-wrapper.v13-grid 본질 자체 라이트 회색 배경 정통
   ════════════════════════════════════════════════════════════════ */
html.bc-light .content-wrapper.v13-grid,
html.bc-light .content-wrapper {
  background: var(--bc-l-line) !important;
}

/* §[v1211] chart-section 본질 - main.css line 179-184 background:#0a0a0a */
html.bc-light .chart-section {
  background: var(--bc-l-bg) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1214] 사용자 검증 — Loading chart 스피너 본질 라이트 정통
       §결함: index.html line 943 #chartSpinner inline background:#0a0a0a
              line 945 회전 본질 inline border:3px solid #333 다크
              line 946 "Loading chart..." 텍스트 color:#848e9c (이건 유지 정통)
       §처방: attribute selector + ID specific 본질
       §원칙: 노란 회전 본질 (#f0b90b) 정통 보호
   ════════════════════════════════════════════════════════════════ */
html.bc-light #chartSpinner {
  background: var(--bc-l-bg) !important;
}
/* 회전 원 본질 - 옛 #333 → 라이트 회색, border-top 노란 본질 정통 보호 */
html.bc-light #chartSpinner > div > div[style*="border:3px solid #333"],
html.bc-light #chartSpinner [style*="border:3px solid #333"] {
  border-color: var(--bc-l-line2) !important;
  border-top-color: #f0b90b !important;
}
/* p3596 레이아웃 전환 스피너 본질 */
html.bc-light .p3596-spinner {
  border-color: var(--bc-l-line2) !important;
  border-top-color: #f0b90b !important;
}
html.bc-light .p3596-loading-text {
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1215] 사용자 검증 — 스피너 끝난 후 검정 차트 잠깐 보이는 본질
       §결함 본질: 차트 본질 시퀀스 정통:
         1. spinner 사라짐
         2. LightweightCharts.createChart() 본질 - 옛 다크 #0a0a0a 본질 그려짐
         3. ~150ms~1초 후 chart-theme-bridge.js 본질 적용 → 흰배경
         → 2~3 사이 timing gap 본질로 검정 잠깐 보임
       §처방 정통:
         ① #chart 컨테이너 본질 라이트 배경 강제 (캔버스 아래 본질)
         ② .chart-section, .chart-container 본질 라이트
       §원칙: 차트 본질 동작 0건 변경 - CSS 색상만
   ════════════════════════════════════════════════════════════════ */
html.bc-light #chart,
html.bc-light div#chart,
html.bc-light .chart-section #chart {
  background: var(--bc-l-bg) !important;
}
/* chart-section 본질 강화 (v1211 §본질 보강) */
html.bc-light .chart-section,
html.bc-light .content-wrapper .chart-section,
html.bc-light .left-col .chart-section {
  background: var(--bc-l-bg) !important;
}
/* left-col 본질 - 차트 영역 부모 컨테이너 */
html.bc-light .left-col,
html.bc-light .content-wrapper .left-col,
html.bc-light .content-wrapper.v13-grid .left-col {
  background: var(--bc-l-bg) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1216] 사용자 검증 (스샷 12차) — 빨간 마커 4영역 본질
       ① 우상단 6개 아이콘 (__hdr-icon-btn - 옛 본질, 별도 selector)
       ② 코인 칩 외곽 (top-header 본질)
       ③ BTCUSDT Perp 상단 정보바 (#tvOverlayUI .tvui-topbar)
       ④ 좌측 그리기 툴바 (.tvui-toolbar)
   §원칙: 광범위 selector 0건, 정밀 selector 본질만, §22 NEVER 0건
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   93. [v1216] __hdr-icon-btn 본질 (옛 두 언더스코어, v1192/v1203 별개 본질)
       §결함: shared/menu-styles.css line 34 .__hdr-icon-btn 본질
              + index.html inline color:#fff 본질 (line 823~830)
       §처방: __hdr-icon-btn 본질 정통 검정 글자
   ───────────────────────────────────────────────── */
html.bc-light .__hdr-icon-btn,
html.bc-light button.__hdr-icon-btn,
html.bc-light #__headerIconBar > button.__hdr-icon-btn,
html.bc-light .header-stats button.__hdr-icon-btn {
  color: var(--bc-l-text) !important;
}
/* inline color:#fff 본질 attribute selector 정통 */
html.bc-light .header-stats button[style*="color:#fff"]:not(.btn-open-long):not(.btn-open-short),
html.bc-light .__hdr-icon-btn[style*="color:#fff"] {
  color: var(--bc-l-text) !important;
}
html.bc-light .__hdr-icon-btn:hover {
  color: #f0b90b !important;
}

/* ─────────────────────────────────────────────────
   94. [v1216] BTCUSDT Perp 상단 정보바 본질 — #tvOverlayUI .tvui-topbar
       §결함: css/tv_overlay_ui_85I.css line 30-42 background:#0a0a0a + border:rgba(255,255,255,0.10)
       §처방: 흰배경 + 라이트 border
   ───────────────────────────────────────────────── */
html.bc-light #tvOverlayUI .tvui-topbar,
html.bc-light .tvui-topbar {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
/* tvui-metric span color:#9aa6b2 (line 180) → muted */
html.bc-light .tvui-metric,
html.bc-light .tvui-metric span,
html.bc-light .tvui-left,
html.bc-light .tvui-leftprice {
  color: var(--bc-l-text) !important;
}

/* §[v1217] tvui-metric b 본질 - 옛 본질 색 #eaecef 흰글자 → 검정 정통
 *   §결함: css/tv_overlay_ui_85I.css line 181-185 .tvui-metric b { color:#eaecef }
 *          숫자 본질 (#tvuiMark, #tvuiIndex, #tvuiVolU, #tvuiOI 등) 흰글자 본질 안 보임
 *   §처방: .tvui-metric b 본질 + ID specific 본질 강화 */
html.bc-light .tvui-metric b,
html.bc-light #tvuiMark,
html.bc-light #tvuiIndex,
html.bc-light #tvui24HiM,
html.bc-light #tvui24LoM,
html.bc-light #tvuiVolU,
html.bc-light #tvuiOI {
  color: var(--bc-l-text) !important;
}

/* §[v1217] Perp 라벨 + 심볼 본질
 *   §결함: <small>Perp ▾</small> 요소 color 0건 (부모 .tvui-left 상속 - 검정 본질 정통)
 *          단, 사용자 보고 "안 보임" - 색 상속 본질 미흡 가능 */
html.bc-light #tvuiSymbol,
html.bc-light .tvui-symbol,
html.bc-light .tvui-symbol small,
html.bc-light .tvui-chevron,
html.bc-light .tvui-coin-letter {
  color: var(--bc-l-text) !important;
}
/* tvui-leftprice 본질 - 가격은 녹/적 동적 (JS 본질로 변경) - 옛 본질 유지 */
/* 단, 본질 기본 #26d07c 녹색 본질이 가격 변동 시 빨강으로 본질 변경 자동 */

/* ─────────────────────────────────────────────────
   95. [v1216] 좌측 그리기 툴바 본질 — .tvui-toolbar
       §결함: css/tv_overlay_ui_85I.css line 260-281 background:#0a0a0a + border:rgba(255,255,255,0.10)
       §주의: 옛 본질 toolbar-tools.jpg 이미지 자체 검정 - CSS 처방 불가
              단지 컨테이너 본질만 라이트 - 이미지는 그대로 표시
       §처방: 컨테이너 background + border 만 라이트
   ───────────────────────────────────────────────── */
html.bc-light .tvui-toolbar,
html.bc-light #tvuiToolbar {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
}
/* tvui-tool-hit/tool 본질 - rgba(255,255,255,0.10) hover */
html.bc-light .tvui-tool-hit:hover,
html.bc-light .tvui-tool:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}
html.bc-light .tvui-tool-hit.active {
  background: rgba(240, 185, 11, 0.18) !important;  /* 노란 강조 본질 유지 */
}

/* ─────────────────────────────────────────────────
   96. [v1216] top-header / FAVORITES 영역 본질 보강
       §본질: v1192 §4에서 .top-header 처방했지만 자식 inline 본질 일부 잔존 가능
       §처방: 자식 영역 본질 보강 - 광범위 본질 0건
   ───────────────────────────────────────────────── */
html.bc-light .top-header .header-stats {
  background: var(--bc-l-bg) !important;
}
html.bc-light .symbol-info,
html.bc-light .symbol-info > div,
html.bc-light #symbolDisplay,
html.bc-light #price {
  color: var(--bc-l-text) !important;
}
/* "Symbol" / "PRICE" 라벨 (inline color:#666) → muted 본질 정통 유지 */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1219] 사용자 검증 (스샷) — 3영역 정밀
       ① 우상단 6개 아이콘 (__hdr-icon-btn) inline color:#fff 본질
       ② TF 라인 (.tvui-timebar) - 검정 컨테이너 + 옅은 흰글자
       ③ 좌측 그리기 툴바 컨테이너 (.tvui-toolbar) - v1216 §95 보강 본질
   §원칙: 광범위 selector 0건, 정밀 selector 본질만, §22 NEVER 0건
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   97. [v1219] 우상단 6개 아이콘 inline color:#fff 본질
       §결함: index.html line 823~830 button.__hdr-icon-btn 본질 inline 'color:#fff'
              v1216 §93 처방 (.​__hdr-icon-btn { color }) 본질 동작 정통
              그러나 inline color:#fff 본질이 우선 → 흰글자 본질 잔존
       §처방: attribute selector 본질 - inline color:#fff 정확 본질
   ───────────────────────────────────────────────── */
html.bc-light .header-stats button[style*="color:#fff"],
html.bc-light .header-stats button[style*="color: #fff"],
html.bc-light .__hdr-icon-btn[style*="color:#fff"],
html.bc-light .__hdr-icon-btn[style*="color: #fff"],
html.bc-light #__headerIconBar button[style*="color:#fff"] {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   98. [v1219] TF 라인 본질 — .tvui-timebar
       §결함: css/tv_overlay_ui_85I.css line 202-213 background:#0a0a0a + border:rgba(255,255,255,0.10)
              line 220-232 .tvui-btn color:#cfd6df
              line 234-239 .tvui-btn:hover/.active color:#ffffff
       §처방: 컨테이너 라이트 + 비활성 muted + 활성 검정
   ───────────────────────────────────────────────── */
html.bc-light .tvui-timebar,
html.bc-light #tvuiTimebar {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
}
/* tvui-timebar 라벨 (Time:) */
html.bc-light .tvui-timebar .lbl {
  color: var(--bc-l-muted) !important;
}
/* tvui-btn 비활성 - muted 본질 */
html.bc-light .tvui-timebar .tvui-btn,
html.bc-light .tvui-btn {
  color: var(--bc-l-muted) !important;
}
/* tvui-btn hover/active - 검정 정통 + 노란 underline */
html.bc-light .tvui-timebar .tvui-btn:hover,
html.bc-light .tvui-btn:hover {
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-timebar .tvui-btn.active,
html.bc-light .tvui-btn.active {
  color: var(--bc-l-text) !important;
  text-decoration-color: #f0b90b !important;
}

/* ─────────────────────────────────────────────────
   99. [v1219] 우측 탭 (Chart/Info/Vol/설정/햄버거/Last Price) - tvui-righttabs
       §결함: 컨테이너 본질 + 자식 .tvui-btn 본질 처방 누락
       §처방: 동일 본질 정통
   ───────────────────────────────────────────────── */
html.bc-light .tvui-righttabs {
  background: transparent !important;
}
html.bc-light .tvui-righttabs .tvui-btn {
  color: var(--bc-l-muted) !important;
}
html.bc-light .tvui-righttabs .tvui-btn:hover,
html.bc-light .tvui-righttabs .tvui-btn.active {
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   100. [v1219] Original/Trading View/Depth 탭 - 차트 우측 상단 본질
       §본질: 차트 차트 본질 본질 .tvui-righttabs 자식 본질
   ───────────────────────────────────────────────── */
html.bc-light .tvui-righttabs button,
html.bc-light .tvui-righttabs span,
html.bc-light .tvui-righttabs .tvui-tab {
  color: var(--bc-l-muted) !important;
}
html.bc-light .tvui-righttabs button.active,
html.bc-light .tvui-righttabs .tvui-tab.active {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1220] 🎯 진짜 본질 발견 — 콘솔 진단 결과 정통
       §콘솔 결과 정통:
         DIV#tvuiTimebar.tvui-timebar → bg: rgb(255, 255, 255)  ✅
         DIV.tvui-row                  → bg: rgb(10, 10, 10)    ❌❌❌
         DIV.tvui                      → bg: rgba(0, 0, 0, 0)
         DIV#tvOverlayUI               → bg: rgba(0, 0, 0, 0)
       §진짜 본질:
         main.css line 3038-3046 [p814] #tvOverlayUI .tvui-row {
           background: #0a0a0a !important;
         } - 11세션 처방 본질 0건
       §처방: .tvui-row 본질 라이트 강제
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   101. [v1220] 진짜 본질 — #tvOverlayUI .tvui-row
       §결함: main.css line 3038 background:#0a0a0a !important
              → TF 라인 본질 부모 컨테이너 검정 띠 본질
       §처방: ID specific + !important 본질 본질 우선
   ───────────────────────────────────────────────── */
html.bc-light #tvOverlayUI .tvui-row,
html.bc-light .tvui-row {
  background: var(--bc-l-bg) !important;
  border-top-color: var(--bc-l-line) !important;
  border-bottom-color: var(--bc-l-line) !important;
}

/* ─────────────────────────────────────────────────
   102. [v1220] 우상단 6개 아이콘 부모 컨테이너 본질
       §본질: .top-header 처방 정통이지만 .header-stats 본질이
              flex 자식 본질로 별도 영역
       §처방: .header-stats 본질도 라이트
   ───────────────────────────────────────────────── */
html.bc-light .header-stats,
html.bc-light .top-header .header-stats,
html.bc-light #__headerIconBar {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   §종결 본질: v1220 진짜 본질 정통
   - .tvui-row 검정 띠 본질 진짜 처방 ✅✅✅
   - 우상단 아이콘 부모 컨테이너 본질 ✅
   - 옛 본질 (v1191~v1219) 정통 ✅
   ───────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1221] 🎯 좌측 그리기 툴바 이미지 본질 정통 (사용자 옵션 A)
       §콘솔 진단 결과 정통:
         .tvui-toolbar 자체 bg: rgb(255, 255, 255)  ✅ 이미 흰색
       §진짜 본질:
         toolbar-tools.jpg 이미지 본질 = 검정 배경 + 흰/회색 도형 PNG
         흰 컨테이너 안에 검정 이미지 본질이 덮음 → 검정 띠 본질
       §처방: filter: invert(1) 본질
         → 검정 배경 → 흰 (컨테이너와 합쳐짐)
         → 흰/회색 도형 → 검정/회색 (바이낸스 라이트 본질 정통 매칭)
       §또한 .tvui-tool 자식 본질 #0a0a0a 본질도 정통 처방
   ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   103. [v1221] 좌측 툴바 이미지 본질 - filter:invert(1)
       §결함: index.html line 1004 <img src="/icons/toolbar-tools.jpg"> 검정 PNG
       §처방: invert(1) 본질로 검정 → 흰 자동 변환
              hue-rotate 본질 안 적용 - 사용자 옵션 A 정통
   ───────────────────────────────────────────────── */
html.bc-light .tvui-toolbar-img {
  filter: invert(1) !important;
}

/* ─────────────────────────────────────────────────
   104. [v1221] .tvui-tool 자식 본질 - .tvui-toolbar 안 도구 박스
       §결함: css/tv_overlay_ui_85I.css line 307-320 background:#0a0a0a + border 본질
       §처방: 라이트 본질 박스
   ───────────────────────────────────────────────── */
html.bc-light .tvui-tool {
  background: var(--bc-l-panel) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-tool:hover {
  background: var(--bc-l-panel2) !important;
}
html.bc-light .tvui-tool.tvui-tool-ghost {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .tvui-tool.tvui-tool-ghost:hover {
  background: transparent !important;
  color: #1e2329 !important;
}

/* ─────────────────────────────────────────────────
   105. [v1221] .tvui-auto 본질 - 우하단 AUTO 본질 보강 (옛 본질 처방 누락)
       §결함: tv_overlay_ui_85I.css line 333-340 background:#0a0a0a + border rgba(255,255,255,0.10)
       §처방: 라이트 본질
   ───────────────────────────────────────────────── */
html.bc-light #tvOverlayUI .tvui-auto {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   §종결 본질: v1221 진짜 본질 정통 (사용자 옵션 A)
   - 좌측 그리기 툴바 이미지 invert(1) 본질 ✅
   - .tvui-tool 자식 본질 라이트 ✅
   - .tvui-auto 우하단 AUTO 본질 ✅
   - .tvui-row 검정 띠 본질 (v1220) ✅
   - 옛 본질 (v1191~v1220) 정통 ✅
   ───────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1236] 🎯 좌측 툴바 검정 띠 진짜 원인 발견 및 처방
       §DevTools Inspector로 직접 클릭하여 확정:
         div#tvuiToolbar.tvui-toolbar::before
         Background: #0A0A0A (검정), 53.95 × 34.48px
       §원인: tv_overlay_ui_85I.css line 657-667 [V28 옛 패치]
         .tvui-toolbar::before {
           position: absolute;
           left: -1px; right: -1px;     ← 좌우 1px씩 검정 띠
           top: -34px; height: 34px;     ← 위쪽 34px 검정 띠
           background: #0a0a0a;
           border: 1px solid rgba(255,255,255,0.10);
         }
         원래 의도: TF바와 toolbar 사이 빈 공간을 검정으로 채워 시각적 연속성
         라이트 모드: 흰색으로 변경하면 자연스럽게 융합
       §처방: ::before 가상 element를 라이트 모드에서 흰색 + 라이트 border
       §원칙: 라이트 모드만 적용 (다크 모드 0건 변경)
   ════════════════════════════════════════════════════════════════ */
html.bc-light .tvui-toolbar::before {
  background: var(--bc-l-bg) !important;
  border-left-color: var(--bc-l-line) !important;
  border-right-color: var(--bc-l-line) !important;
  border-top-color: var(--bc-l-line) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1238] #cdt-btn (Cursor) 호버/active 효과 - 라이트 모드만
       §결함: chart-drawing-tools-patch.js
         #cdt-btn:hover { background: rgba(255,255,255,0.22); }
         #cdt-btn.cdt-active { background: rgba(255,255,255,0.12); }
         다크 모드: 검정 위 흰 12~22% = 살짝 밝은 회색 (호버 OK)
         라이트 모드: 흰 위 흰 12~22% = 안 보임 ❗
       §처방: 라이트에서 검정 알파로 반전 (이미지 안 가리고 호버 효과만)
   ════════════════════════════════════════════════════════════════ */
html.bc-light #cdt-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}
html.bc-light #cdt-btn.sel,
html.bc-light #cdt-btn.cdt-active {
  background: rgba(0, 0, 0, 0.04) !important;
}
html.bc-light #cdt-btn.sel:hover,
html.bc-light #cdt-btn.cdt-active:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1239] 즐겨찾기 바 + 우상단 아이콘 처방
       §DevTools 진단:
         div.control-bar  Background: #111111 (검정), Color: #1E2329, 1518×44
         div.__v489-user-chip  35×35 (우상단 6번째 아이콘)
         SVG 24×24 (해/달/꽃 등 아이콘들)
       §원인:
         main.css line 103: .control-bar { background: #111; }
         main.css line 118: .control-bar::after { background: #2a2a2a; height: 3px } (하단 띠)
         shared/header-right-styles.css line 340: .__v489-user-chip { color: #eaecef; }
       §처방: 라이트 흰배경 + 라이트 border + 아이콘 검정
   ════════════════════════════════════════════════════════════════ */

/* 즐겨찾기 바 컨테이너 */
html.bc-light .control-bar {
  background: var(--bc-l-bg) !important;
  border-top-color: var(--bc-l-line) !important;
}
html.bc-light .control-bar::after {
  background: var(--bc-l-line) !important;
}

/* 우상단 아이콘 컨테이너 + SVG */
html.bc-light .__v489-user-chip {
  color: var(--bc-l-text) !important;
}
html.bc-light .__v489-icon-menu:hover .__v489-user-chip {
  background: rgba(0, 0, 0, 0.06) !important;
}
/* SVG 아이콘 stroke/fill - 부모 color 상속하지만 명시적 처방 */
html.bc-light .__v489-user-chip svg,
html.bc-light .__v489-user-chip svg path,
html.bc-light .__v489-icon-menu svg {
  color: var(--bc-l-text) !important;
  stroke: currentColor !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1240] 우상단 아이콘 윤곽선 스타일 (다크 모드와 매칭)
       §사용자 확인 — 다크 모드에서 아이콘은 '흰색 윤곽선만' (fill 없음)
                      바이낸스 라이트도 '검정 윤곽선만' 정통
                      → v1239 검정 fill 가득 채움은 결함
       §처방: SVG path/circle/rect 의 fill: transparent + stroke: currentColor
              (currentColor 는 부모의 color → 검정 자동 상속)
   ════════════════════════════════════════════════════════════════ */
html.bc-light .header-stats svg,
html.bc-light .header-stats svg path,
html.bc-light .header-stats svg circle,
html.bc-light .header-stats svg rect,
html.bc-light .__v489-user-chip svg path,
html.bc-light .__v489-user-chip svg circle,
html.bc-light .__v489-user-chip svg rect,
html.bc-light .__v489-icon-menu svg path,
html.bc-light .__v489-icon-menu svg circle,
html.bc-light .__v489-icon-menu svg rect,
html.bc-light .__v489-dd-icon svg path,
html.bc-light .__v489-dd-icon svg circle,
html.bc-light .__v489-dd-icon svg rect,
html.bc-light .hdr-icon-btn svg path,
html.bc-light .hdr-icon-btn svg circle,
html.bc-light .hdr-icon-btn svg rect,
html.bc-light .__hdr-icon-btn svg path,
html.bc-light .__hdr-icon-btn svg circle,
html.bc-light .__hdr-icon-btn svg rect {
  fill: transparent !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
}

/* ─────────────────────────────────────────────────
   §종결 본질: v1224 진짜 본질 정통 (사용자 옵션 B)
   - 좌측 툴바 위쪽 검정 띠 본질 clip-path 정통 ✅
   - 도형 본질 모두 본질 보존 ✅
   - 옛 본질 (v1191~v1223) 정통 ✅
   ───────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1241] 주문 확인 모달 라이트 처방
       §DevTools 진단:
         div#__p1445box  Background: #202630 검정
         patch-p1446.js line 23-71 모든 색상 명시:
           #__p1445box bg #202630
           #__p1445symbol color #EAECEF
           #__p1445perp bg #29313D color #fff
           .__p1445hr border-top #3D4450
           .__p1445lbl color #707A8A (그대로 OK - muted)
           .__p1445val color #EAECEF (검정으로)
           #__p1445dontShow span color #EAECEF (검정으로)
           #__p1445confirmBtn bg #f0b90b color #202630 (그대로 OK)
           #__tradingSettingsPanel > div bg #202630
           #__ocSubPanel bg #202630
       §처방: 라이트 모드만 검정 → 라이트 색
   ════════════════════════════════════════════════════════════════ */

/* 모달 본체 - 흰배경 + 그림자 */
html.bc-light #__p1445overlay {
  background: rgba(0, 0, 0, 0.4) !important;  /* 오버레이는 살짝 어둡게 */
}
html.bc-light #__p1445box {
  background: var(--bc-l-bg) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}

/* 헤더 - BTCUSDT 글자 */
html.bc-light #__p1445symbol {
  color: var(--bc-l-text) !important;
}
/* Perp 라벨 */
html.bc-light #__p1445perp {
  background: var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
/* X 닫기 버튼 - hover 시 검정 */
html.bc-light #__p1445closeX {
  color: var(--bc-l-muted) !important;
}
html.bc-light #__p1445closeX:hover {
  color: var(--bc-l-text) !important;
}
/* 구분선 */
html.bc-light .__p1445hr {
  border-top-color: var(--bc-l-line) !important;
}
/* 값 (Market, 76,295.0 USDT 등) - 검정 */
html.bc-light .__p1445val {
  color: var(--bc-l-text) !important;
}
/* 라벨 (Price, Amount 등) - muted 회색 유지 (옛 #707A8A 그대로 가능하나 통일성) */
html.bc-light .__p1445lbl {
  color: var(--bc-l-muted) !important;
}
/* 체크박스 글자 - 검정 */
html.bc-light #__p1445dontShow span {
  color: var(--bc-l-text) !important;
}

/* Trading 설정 패널 + Order Confirmation 서브패널 */
html.bc-light #__tradingSettingsPanel > div,
html.bc-light #__ocSubPanel {
  background: var(--bc-l-bg) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1242] 주문 확인 모달 X 버튼 + 체크박스 처방
       §DevTools 진단:
         button#__p1445closeX Background: #1E232E 검정 (theme.css 전역 button 덮어쓰기)
         input#__p1445chk Background: #202630 검정 (라이트 모드 콘트라스트 부족)
       §처방:
         X 버튼: background transparent + border none (박스 제거, X만)
         체크박스: appearance none + 흰바탕 + 검정 테두리 (바이낸스 라이트 스타일)
   ════════════════════════════════════════════════════════════════ */

/* X 닫기 버튼 - 박스 제거 (theme.css 전역 button 덮어쓰기 무효화) */
html.bc-light #__p1445closeX,
html.bc-light button#__p1445closeX {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #__p1445closeX:hover,
html.bc-light button#__p1445closeX:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--bc-l-text) !important;
}

/* 체크박스 - 흰바탕 + 검정 테두리 (바이낸스 라이트) */
html.bc-light #__p1445chk,
html.bc-light input#__p1445chk[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--bc-l-bg) !important;
  border: 1.5px solid var(--bc-l-muted) !important;
  border-radius: 2px !important;
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
  position: relative !important;
  margin-top: 2px !important;
}
html.bc-light #__p1445chk:hover {
  border-color: var(--bc-l-text) !important;
}
/* 체크된 상태 - 노란 배경 + 흰 체크마크 */
html.bc-light #__p1445chk:checked {
  background: #f0b90b !important;
  border-color: #f0b90b !important;
}
html.bc-light #__p1445chk:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 3.5px !important;
  top: 0px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1243] 포지션 그리드 의미 색상 보존 처방
       §DevTools 진단:
         div.pos-grid-cell Color: #1E2329 (검정 강제)
         div.pos-grid-cell.symbol-cell도 검정 → 심볼 안 보임
         PNL/Liq.Price/Size 모두 검정 → 의미 색상 누락
       §원인: theme-light.css line 773 .pos-grid-cell color: var(--bc-l-text) 일괄 적용
              의미 색상 클래스(.side-long/.pnl-positive/.liq-price 등)가 적용 안됨
       §처방: 의미 색상 클래스에 라이트 모드 색 명시 (specificity 높임)
       §원칙: 다크 모드 0건 변경, 라이트 모드만 보강
   ════════════════════════════════════════════════════════════════ */

/* 심볼 (BTCUSDT) - 검정 + bold */
html.bc-light .pos-grid-cell.symbol-cell,
html.bc-light .symbol-cell {
  color: var(--bc-l-text) !important;
  font-weight: bold !important;
}

/* Side - 롱/숏 색상 (바이낸스 라이트 표준) */
html.bc-light .pos-grid-cell.side-long,
html.bc-light .side-long,
html.bc-light .pos-grid-cell .side-long {
  color: #16a07c !important;
  font-weight: bold !important;
}
html.bc-light .pos-grid-cell.side-short,
html.bc-light .side-short,
html.bc-light .pos-grid-cell .side-short {
  color: #cc384e !important;
  font-weight: bold !important;
}

/* PNL - 수익(녹) / 손실(빨) */
html.bc-light .pos-grid-cell.pnl-positive,
html.bc-light .pnl-positive,
html.bc-light .pos-grid-cell .pnl-positive {
  color: #16a07c !important;
}
html.bc-light .pos-grid-cell.pnl-negative,
html.bc-light .pnl-negative,
html.bc-light .pos-grid-cell .pnl-negative {
  color: #cc384e !important;
}

/* 청산가 - 노란/주황 (다크와 동일 유지) */
html.bc-light .pos-grid-cell.liq-price,
html.bc-light .liq-price,
html.bc-light .pos-grid-cell .liq-price {
  color: #b8860b !important;
}

/* Size - 일반적으로 녹/빨 (long/short에 따라) */
/* Size cell은 일반 색상 (검정) 유지하되 자식 long-bar/short-bar로 처리 */

/* Est. Funding Fee 색상 - 음수면 빨강, 양수면 녹색 (이미 .pnl-positive/.pnl-negative 적용된 경우) */
/* 처방 동일 - 위 .pnl-positive/.pnl-negative로 커버됨 */

/* positions-table 의 같은 의미 색상 클래스도 같이 처방 */
html.bc-light .positions-table .symbol-cell {
  color: var(--bc-l-text) !important;
}
html.bc-light .positions-table .side-long { color: #16a07c !important; }
html.bc-light .positions-table .side-short { color: #cc384e !important; }
html.bc-light .positions-table .pnl-positive { color: #16a07c !important; }
html.bc-light .positions-table .pnl-negative { color: #cc384e !important; }
html.bc-light .positions-table .liq-price { color: #b8860b !important; }

/* ════════════════════════════════════════════════════════════════
   §§§ [v1244] 포지션 그리드 의미 색상 - 인라인 style 분석 후 정밀 처방
       §콘솔 진단 결과:
         [0] symbol-cell child[3] color: rgb(255,255,255) text: BTCUSDT
             (app.js line 4655: <div style="color:#fff">${p.symbol}</div>)
         [1~8] pos-grid-cell color: rgb(30,35,41) - 외부 CSS !important 가 인라인 덮음
         [9] PNL cell child[0] color: rgb(246,70,93) - 자식이라 인라인 살아남
       §처방:
         1) .pos-grid-cell color !important 제거 → 인라인 style(녹/빨/주황) 우선
         2) BTCUSDT 글자만 인라인 #fff 무력화 → 검정
   ════════════════════════════════════════════════════════════════ */

/* BTCUSDT 흰글자 인라인 무력화 - symbol-cell의 첫 자식 div 안의 글자 */
html.bc-light .symbol-cell div div[style*="color:#fff"],
html.bc-light .symbol-cell div div[style*="color: #fff"],
html.bc-light .symbol-cell div[style*="color:#fff"],
html.bc-light .pos-grid-cell.symbol-cell div[style*="font-weight:bold"] {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1245] TP/SL Confirm Position 모달 라이트 처방
       §DevTools 진단:
         #__lwDragConfirmOverlay 안의 div Background: #202630 (검정)
         patch-p1816.js _buildTpsl/_buildCond/_buildTrigger 등 5종 모달 공유
         모든 색상이 인라인 style (__MB, __MC, __MS 변수 + 직접 색)
       §처방:
         외부 컨테이너 #__lwDragConfirmOverlay 안 div는 인라인 style
         → CSS로 인라인 무력화하려면 selector specificity + !important 필요
         자식 div, span 색상 정밀 처방
   ════════════════════════════════════════════════════════════════ */

/* 모달 본체 - 검정 background → 흰색 */
html.bc-light #__lwDragConfirmOverlay > div {
  background: var(--bc-l-bg) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}

/* 헤더 글자 (#EAECEF 흰글자 → 검정) */
html.bc-light #__lwDragConfirmOverlay div[style*="color:#EAECEF"],
html.bc-light #__lwDragConfirmOverlay div[style*="color: #EAECEF"],
html.bc-light #__lwDragConfirmOverlay span[style*="color:#EAECEF"],
html.bc-light #__lwDragConfirmOverlay span[style*="color: #EAECEF"] {
  color: var(--bc-l-text) !important;
}

/* 라벨 (#707A8A muted 회색) - 라이트에서도 muted 유지 */
html.bc-light #__lwDragConfirmOverlay span[style*="color:#707A8A"],
html.bc-light #__lwDragConfirmOverlay div[style*="color:#707A8A"] {
  color: var(--bc-l-muted) !important;
}

/* 구분선 (border-top #2b3139 / #3D4450 → 라이트 line) */
html.bc-light #__lwDragConfirmOverlay div[style*="border-top:1px solid #2b3139"],
html.bc-light #__lwDragConfirmOverlay div[style*="border-top:1px solid #3D4450"] {
  border-top-color: var(--bc-l-line) !important;
}

/* X 버튼 (#__lwDragX) - 박스 제거, X만 */
html.bc-light #__lwDragX,
html.bc-light button#__lwDragX {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #__lwDragX:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--bc-l-text) !important;
}

/* 체크박스 (.__p1816chk input) - 흰바탕 + 검정 테두리 */
html.bc-light .__p1816chk input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--bc-l-bg) !important;
  border: 1.5px solid var(--bc-l-muted) !important;
  border-radius: 2px !important;
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
  position: relative !important;
}
html.bc-light .__p1816chk input[type="checkbox"]:hover {
  border-color: var(--bc-l-text) !important;
}
html.bc-light .__p1816chk input[type="checkbox"]:checked {
  background: #f0b90b !important;
  border-color: #f0b90b !important;
}
html.bc-light .__p1816chk input[type="checkbox"]:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 3.5px !important;
  top: 0px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* 체크박스 label 글자 - 흰글자 → 검정 */
html.bc-light .__p1816chk span,
html.bc-light .__p1816chk {
  color: var(--bc-l-text) !important;
}

/* Confirm 버튼 - 노란 유지 (그대로 OK), 의미 색상이므로 변경 안함 */
/* 단, color:#202630 (글자색)은 검정 유지 OK */

/* Close All 모달 (__closeAllModal) - 같은 변수 __MB 사용 */
html.bc-light #__closeAllModal > div {
  background: var(--bc-l-bg) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}
html.bc-light #__closeAllModal div[style*="color:#d1d4dc"] {
  color: var(--bc-l-text) !important;
}
html.bc-light #__closeAllModal #__caCancel {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}

/* Reverse 모달 (__reverseModal) - 같은 패턴 */
html.bc-light #__reverseModal > div {
  background: var(--bc-l-bg) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}
html.bc-light #__reverseModal div[style*="color:#EAECEF"],
html.bc-light #__reverseModal span[style*="color:#EAECEF"] {
  color: var(--bc-l-text) !important;
}
html.bc-light #__reverseModal span[style*="color:#707A8A"],
html.bc-light #__reverseModal div[style*="color:#707A8A"] {
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1246] TP/SL 모달 컨테이너 ID 정정 + Close All 메시지 처방
       §v1245 결함:
         TP/SL 모달은 __lwTpslConfirmOverlay (patch-p1816.js line 1452)
         v1245 처방은 __lwDragConfirmOverlay만 — TP/SL 모달 적용 안 됨
       §Close All 결함:
         메시지 인라인 color:#d1d4dc !important — 외부 CSS !important로 못 이김
         더 높은 specificity 또는 attribute selector 필요
       §처방:
         1) __lwTpslConfirmOverlay 처방 추가 (드래그 모달과 동일)
         2) Close All 메시지 attribute selector + 강력 specificity
   ════════════════════════════════════════════════════════════════ */

/* TP/SL Confirm 모달 - 진짜 ID */
html.bc-light #__lwTpslConfirmOverlay > div {
  background: var(--bc-l-bg) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}
html.bc-light #__lwTpslConfirmOverlay div[style*="color:#EAECEF"],
html.bc-light #__lwTpslConfirmOverlay div[style*="color: #EAECEF"],
html.bc-light #__lwTpslConfirmOverlay span[style*="color:#EAECEF"],
html.bc-light #__lwTpslConfirmOverlay span[style*="color: #EAECEF"] {
  color: var(--bc-l-text) !important;
}
html.bc-light #__lwTpslConfirmOverlay span[style*="color:#707A8A"],
html.bc-light #__lwTpslConfirmOverlay div[style*="color:#707A8A"] {
  color: var(--bc-l-muted) !important;
}
html.bc-light #__lwTpslConfirmOverlay div[style*="border-top:1px solid #2b3139"],
html.bc-light #__lwTpslConfirmOverlay div[style*="border-top:1px solid #3D4450"] {
  border-top-color: var(--bc-l-line) !important;
}

/* Close All 모달 메시지 - 인라인 !important 무력화 (attribute selector) */
html.bc-light #__closeAllModal div[style*="color:#d1d4dc"],
html.bc-light #__closeAllModal div[style*="color: #d1d4dc"],
html.bc-light body #__closeAllModal div[style*="d1d4dc"] {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1250] __lwDragConfirmOverlay X 버튼 + 체크박스 본질 강화
       §사용자 스샷 (v1247 베이스):
         button#__lwDragX.__p1816X Color: #D1D4DC (다크값 그대로)
         input[type=checkbox] Background: #202630 (다크값 그대로)
       §원인 분석:
         - v1245 처방은 들어가 있으나 적용 안 됨
         - 가능성 1: 브라우저 캐시 (theme-light.css 옛 버전 로드)
         - 가능성 2: patch-p1816.js 동적 <style> 가 나중에 head 삽입되어
                    동순위 specificity 에서 cascade 마지막 승리
       §처방:
         1) theme-light.css 캐시 버스터 v1247→v1250 (index.html)
         2) 처방 selector 강화: html.bc-light body 추가 (specificity +1 tag)
         3) patch-p1816.js .__p1816X 외부 CSS 명시 무력화
            (단 라이트 모드 한정, 다크 모드 0건 변경)
   ════════════════════════════════════════════════════════════════ */

/* §본질1: __p1816X 클래스 자체를 라이트 모드에서 무력화
   - patch-p1816.js line 633-635 의 .__p1816X color:#848E9C 를 override
   - body 추가로 specificity 강화 (0,1,2,2 vs patch 의 0,0,1,0)
   - [v1251] 색상 muted → text 변경 (사용자 요청: 검정 진하게)
   - [v1252] font-weight 700 추가 - Computed color는 #1e2329 인데 시각적으로 연해 보이는
            본질: X 글자 (U+2715) stroke 가늘음. font-weight 굵게 = 검정 진하게 보임 */
html.bc-light body .__p1816X,
html.bc-light body button.__p1816X {
  color: var(--bc-l-text) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: 700 !important;
}
html.bc-light body .__p1816X:hover,
html.bc-light body button.__p1816X:hover {
  color: var(--bc-l-text) !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

/* §본질2: __lwDragConfirmOverlay X 버튼 강화 (specificity 추가)
   - [v1251] 색상 muted → text 변경 (사용자 요청: 검정 진하게)
   - [v1252] font-weight 700 추가 (X stroke 굵게) */
html.bc-light body #__lwDragX,
html.bc-light body button#__lwDragX {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--bc-l-text) !important;
  font-weight: 700 !important;
}
html.bc-light body #__lwDragX:hover,
html.bc-light body button#__lwDragX:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--bc-l-text) !important;
}

/* §본질3: __lwDragConfirmOverlay 내 체크박스 - 흰바탕 + 검정 테두리
   - 모달 컨테이너로 한정 (다른 모달 영향 0)
   - input[type=checkbox] 브라우저 기본 appearance 무력화 */
html.bc-light body #__lwDragConfirmOverlay input[type="checkbox"],
html.bc-light body #__lwDragConfirmOverlay .__p1816chk input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: var(--bc-l-bg) !important;
  background-color: var(--bc-l-bg) !important;
  border: 1.5px solid var(--bc-l-muted) !important;
  border-radius: 2px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html.bc-light body #__lwDragConfirmOverlay input[type="checkbox"]:hover {
  border-color: var(--bc-l-text) !important;
}
html.bc-light body #__lwDragConfirmOverlay input[type="checkbox"]:checked {
  background: #f0b90b !important;
  background-color: #f0b90b !important;
  border-color: #f0b90b !important;
}
html.bc-light body #__lwDragConfirmOverlay input[type="checkbox"]:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 3.5px !important;
  top: 0px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* §본질4: 체크박스 옆 라벨 글자 - 흰 → 검정 */
html.bc-light body #__lwDragConfirmOverlay .__p1816chk,
html.bc-light body #__lwDragConfirmOverlay .__p1816chk span {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1253] 차트 라벨 ov-val / ov-x 라이트 모드 처방 (바이낸스 정통)
       §사용자 스샷 (다크 baseline):
         .ov-box.long .ov-val, .ov-box.long .ov-x
           → background: rgba(0,0,0,0.85) (검정)
         .ov-box.short .ov-val, .ov-box.short .ov-x
           → background: rgba(0,0,0,0.85) (검정)
       §사용자 요청 (바이낸스 라이트 정통):
         ov-val + ov-x: 검정 배경 → 흰 배경
         테두리는 빨녹 그대로, 글자는 빨녹 그대로
         좌측 ov-lbl (메시지 본문) 은 그대로 (빨녹 배경 + 흰 글자)
       §위치 진단:
         futures/public/index.html line 2491-2510 인라인 <style>
         §22 NEVER 목록에 index.html 없음 — 단 안전을 위해 직접 수정 0건
         theme-light.css 라이트 모드 한정 override 로 처방
       §본질:
         - 다크 모드 0건 변경 (.bc-light 가드)
         - 테두리 / 글자 색 유지 (의미 색상 보존)
         - hover 시 opacity 1 (기본 0.7 → 1) 그대로 유지
   ════════════════════════════════════════════════════════════════ */

/* Long 박스 - ov-val (우측 값) 흰 배경 + 초록 테두리 + 초록 글자 */
html.bc-light body .ov-box.long .ov-val {
  background: #ffffff !important;
  color: #00C087 !important;
  border-color: rgba(0, 192, 135, 0.6) !important;
}

/* Long 박스 - ov-x (X 버튼) 흰 배경 + 초록 테두리 + 초록 X */
html.bc-light body .ov-box.long .ov-x {
  background: #ffffff !important;
  color: #00C087 !important;
  border-color: rgba(0, 192, 135, 0.6) !important;
}

/* Short 박스 - ov-val (우측 값) 흰 배경 + 빨강 테두리 + 빨강 글자 */
html.bc-light body .ov-box.short .ov-val {
  background: #ffffff !important;
  color: #F6465D !important;
  border-color: rgba(246, 70, 93, 0.6) !important;
}

/* Short 박스 - ov-x (X 버튼) 흰 배경 + 빨강 테두리 + 빨강 X */
html.bc-light body .ov-box.short .ov-x {
  background: #ffffff !important;
  color: #F6465D !important;
  border-color: rgba(246, 70, 93, 0.6) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1265] Select Language / Currency 모달 라이트 모드 처방
       §증상 (사용자 스샷 라이트):
         Globe → Language 클릭 → 검정 풀스크린 모달 (Select Language)
         Globe → Currency 클릭 → 검정 풀스크린 모달 (동일 패턴)
       §원인:
         shared/language-modal.css 모든 색 다크 #181c22 / #eaecef / #0f1116 하드코딩
         shared/currency-modal.css 동일 패턴 (__bcfx- 접두어)
         theme-light.css 에 __bclg- / __bcfx- 처방 0건
       §처방: 두 모달 동일 패턴 (overlay/modal/header/title/close/subtitle/grid/card/footer)
              노란 #f0b90b 선택 강조는 양쪽 모드 동일 (브랜드)
       §보호: 선택된 카드의 active 노란 강조 보존
   ════════════════════════════════════════════════════════════════ */

/* ───── Language Modal (__bclg-) ───── */
html.bc-light .__bclg-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}
html.bc-light .__bclg-modal {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .__bclg-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .__bclg-close {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__bclg-close:hover {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .__bclg-subtitle {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__bclg-card {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light .__bclg-card:hover {
  background: rgba(240, 185, 11, 0.08) !important;
  border-color: rgba(240, 185, 11, 0.4) !important;
}
html.bc-light .__bclg-card-active {
  background: rgba(240, 185, 11, 0.10) !important;
  border-color: rgba(240, 185, 11, 0.5) !important;
}
html.bc-light .__bclg-card-native {
  color: var(--bc-l-text) !important;
}
html.bc-light .__bclg-card-name {
  color: var(--bc-l-muted) !important;
}
/* check 아이콘 노란 그대로 (선택 표시) */
html.bc-light .__bclg-footer {
  border-top: 1px solid var(--bc-l-line) !important;
}
html.bc-light .__bclg-footer-note {
  color: var(--bc-l-muted) !important;
}

/* ───── Currency Modal (__bcfx-) ───── */
html.bc-light .__bcfx-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}
html.bc-light .__bcfx-modal {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .__bcfx-title {
  color: var(--bc-l-text) !important;
}
html.bc-light .__bcfx-close {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__bcfx-close:hover {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .__bcfx-subtitle {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__bcfx-card {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light .__bcfx-card:hover {
  background: rgba(240, 185, 11, 0.08) !important;
  border-color: rgba(240, 185, 11, 0.4) !important;
}
html.bc-light .__bcfx-card-active {
  background: rgba(240, 185, 11, 0.10) !important;
  border-color: rgba(240, 185, 11, 0.5) !important;
}
html.bc-light .__bcfx-card-native,
html.bc-light .__bcfx-card-code,
html.bc-light .__bcfx-card-symbol {
  color: var(--bc-l-text) !important;
}
html.bc-light .__bcfx-card-name {
  color: var(--bc-l-muted) !important;
}
html.bc-light .__bcfx-footer {
  border-top: 1px solid var(--bc-l-line) !important;
}
html.bc-light .__bcfx-footer-note {
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1274] Reconnecting chart 오버레이 라이트 모드 처방
       §증상 (사용자 스샷 라이트 모드):
         20분 지난 후 탭 복귀 시 차트 영역에 "Reconnecting chart..." 오버레이
         검정 풀스크린 배경 + 어두운 박스 = 라이트 모드와 어울리지 않음
       §원인:
         overlay.js line 64-103 ensureStyle() 가 <head>에 <style> 동적 inject
         background: #0b0e11 (검정), color: #f3f5f7 (흰), border: rgba(255,255,255,...)
         html.bc-light 가드 0 (다크 모드 본질)
       §처방: theme-light.css 에 더 강한 specificity + !important 로 override
              overlay.js 본질 0건 수정 (§22 보호)
       §사용자 명시: 화이트 배경 + 검정 글자, 스피너 노란 그대로
   ════════════════════════════════════════════════════════════════ */
html.bc-light #__resume_exchange_v4opaque_overlay {
  background: #ffffff !important;
}
html.bc-light #__resume_exchange_v4opaque_overlay .resume-box {
  background: #f5f5f5 !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
html.bc-light #__resume_exchange_v4opaque_overlay .resume-spin {
  border: 2px solid var(--bc-l-line) !important;
  border-top-color: #f0b90b !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1275] Leverage 모달 +/- 버튼 라이트 모드 처방
       §증상 (사용자 스샷 라이트):
         Leverage 모달의 좌우 양 끝 +/- 버튼 검정 (#1e232e)
         글자 색도 거의 같아서 안 보임
         호버 시 더 진검정 강조
       §원인:
         theme.css line 91-96 button 전역 처방
         button { background: #1e232e !important; ... }
         §22 NEVER 영역 (theme.css) - 직접 수정 금지
       §콘솔 진단:
         button#__levMinus / __levPlus computed bg = rgb(30,35,46) = #1e232e
       §처방: theme-light.css 에 더 강한 specificity 로 override
              html.bc-light button#__levMinus / #__levPlus
   ════════════════════════════════════════════════════════════════ */
html.bc-light button#__levMinus,
html.bc-light button#__levPlus {
  background: #f5f5f5 !important;
  color: #1e2329 !important;
  border: 1px solid #e6e8eb !important;
}
html.bc-light button#__levMinus:hover,
html.bc-light button#__levPlus:hover {
  background: #e6e8eb !important;
  color: #1e2329 !important;
}

/* +/- 버튼 부모 input box (Leverage 표시 영역) 테두리 */
html.bc-light .__interPanel button#__levMinus,
html.bc-light .__interPanel button#__levPlus {
  /* parent inputBox에 patch-p1816.js가 border 2px solid #4a5568 설정함 */
}
html.bc-light .__interPanel #__levDisplay {
  color: #1e2329 !important;
}
/* Leverage input box 테두리 - patch-p1816.js가 인라인 박는 #4a5568 라이트로 */
html.bc-light .__interPanel div[style*="#4a5568"] {
  border-color: #e6e8eb !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1277] Leverage 모달 Cancel 버튼 호버 색 (Margin Mode와 통일)
       §사용자 요청: Cancel 호버를 Margin Mode 호버처럼 부드러운 회색
       §원인:
         theme.css line 332 #__levCancel:hover background-color: #3a4149
         (§22 NEVER 영역 - 다크 호버 본질)
       §처방: theme-light.css override
              호버 #3a4149 → #b7bdc6 (v1273 Margin Mode 호버 통일)
              비호버 #2b3139 → #f5f5f5 (라이트 회색)
   ════════════════════════════════════════════════════════════════ */
html.bc-light button#__levCancel {
  background-color: #f5f5f5 !important;
  color: #1e2329 !important;
  border: 2px solid #e6e8eb !important;
}
html.bc-light button#__levCancel:hover {
  background-color: #b7bdc6 !important;
  color: #1e2329 !important;
  border-color: #b7bdc6 !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1278] Trading Settings 패널 + Style 탭 라이트 모드 처방
       §증상 (사용자 스샷 3장):
         스샷 1 (Style 탭): 텍스트 흐릿 = 흰 글자(#eaecef)가 흰 배경에 안 보임
                            라벨(#848e9c)도 흐릿
         스샷 2 (Trading 탭): 패널 본체 다크 + Advanced Right/Left 카드 검정
         스샷 3 (Order Adjustment 서브패널): 텍스트 흐릿
       §원인:
         app.js (§22 NEVER 영역) 가 inline style 로 색 박음
           - 패널 본체: background #161a1e
           - 항목 이름: color #eaecef (흰)
           - 라벨/값: color #848e9c (회색)
           - 보더: border-bottom 1px solid #1e2329
         p3596-mode-card: 다크 #161a25 / #2a2e39 / #0a0d14
       §처방: theme-light.css attribute selector로 광범위 override
       §보호: 노란 토글, 노란 active 강조, 빨강/초록 prev-orderbook
   ════════════════════════════════════════════════════════════════ */

/* 패널 본체 + 헤더 */
html.bc-light #__tradingSettingsPanel > div {
  background: #ffffff !important;
  border-left: 1px solid var(--bc-l-line) !important;
}
/* 헤더 보더 */
html.bc-light #__tradingSettingsPanel div[style*="border-bottom:1px solid #2b2b2b"] {
  border-bottom-color: var(--bc-l-line) !important;
}
/* Trading/Style 탭 텍스트 (#fff) */
html.bc-light #__tradingSettingsPanel span[style*="color:#fff"] {
  color: var(--bc-l-text) !important;
}
/* X 닫기 (#848e9c) */
html.bc-light #__tradingSettingsPanel span[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}
/* 모든 보더 (#1e2329) */
html.bc-light #__tradingSettingsPanel div[style*="border-bottom:1px solid #1e2329"],
html.bc-light #__tradingSettingsPanel div[style*="border-top:1px solid #1e2329"] {
  border-color: var(--bc-l-line) !important;
}
/* 항목 이름 (Position Mode, Order Confirmation 등 #eaecef) */
html.bc-light #__tradingSettingsPanel span[style*="color:#eaecef"] {
  color: var(--bc-l-text) !important;
}
/* 모든 다크 fff 글자 (Position Mode 서브 패널의 #fff 헤더 등) */
html.bc-light #__tradingSettingsPanel span[style*="color:#FFF"],
html.bc-light #__tradingSettingsPanel span[style*="color:#FFFFFF"] {
  color: var(--bc-l-text) !important;
}
/* 모든 div 안의 #eaecef 텍스트 (서브 패널 항목 이름들) */
html.bc-light #__tradingSettingsPanel div[style*="color:#eaecef"] {
  color: var(--bc-l-text) !important;
}
/* 화살표 #848e9c */
html.bc-light #__tradingSettingsPanel span[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* p3596-mode-cards (Advanced Right/Left 카드) */
html.bc-light .p3596-mode-card {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-line) !important;
}
html.bc-light .p3596-mode-card:hover {
  border-color: #b7bdc6 !important;
  background: #ebedf0 !important;
}
html.bc-light .p3596-mode-card.active {
  border-color: #f0b90b !important;
  background: rgba(240, 185, 11, 0.08) !important;
}
html.bc-light .p3596-mode-card.active::before {
  background: #f0b90b !important;
  box-shadow: inset 0 0 0 3px #ffffff !important;
}
/* 미리보기 박스 */
html.bc-light .p3596-mode-preview {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light .p3596-mode-preview .prev-chart {
  background: #d8dde6 !important;
}
html.bc-light .p3596-mode-preview .prev-order {
  background: #c0c6d0 !important;
}
/* prev-orderbook 의 빨강/초록 그라데이션은 다크/라이트 동일 (의미 색) */
html.bc-light .p3596-mode-label {
  color: var(--bc-l-text) !important;
}

/* sec-title (UI Configuration / Trading Configurations 등 회색 라벨) */
html.bc-light #__tradingSettingsPanel div[style*="color:#848e9c"][style*="letter-spacing"] {
  color: var(--bc-l-muted) !important;
}
/* order-mode-label "Order Mode" */
html.bc-light #p3596StylePanel .order-mode-label,
html.bc-light #p3596StylePanel .sec-title {
  color: var(--bc-l-text) !important;
}

/* 백 화살표 (←) - 서브 패널 헤더 */
html.bc-light #__tradingSettingsPanel span[style*="cursor:pointer;font-size:18px"] {
  color: var(--bc-l-text) !important;
}

/* 안내 문구 (* Order Confirmation will be required...) */
html.bc-light #__tradingSettingsPanel div[style*="font-size:11px"][style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1279] Order Confirmation 서브 패널 (__ocSubPanel) 라이트 처방
       §증상 (사용자 스샷):
         Order Confirmation 서브 패널 - 11개 SPAN 흰 글자(#eaecef)
         Limit Open/Close Order, Market Open/Close Order, Trailing Stop,
         Conditional, TP/SL, P-TP/SL, TWAP, Reverse Order 모두 흐릿
         헤더 "Order Confirmation" 도 흰 글자(#fff)
       §원인:
         __ocSubPanel 은 별도 ID (patch-p1446.js 가 생성)
         v1278의 __tradingSettingsPanel selector 매칭 안 됨
       §콘솔 진단:
         11개 SPAN color: rgb(234, 236, 239) = #eaecef
         0번 SPAN "Order Confirmation" color: rgb(255, 255, 255)
         bg: rgba(0, 0, 0, 0) 투명 (부모 흰 배경 보임)
       §처방: __ocSubPanel 안의 SPAN/DIV 색상 라이트로 override
   ════════════════════════════════════════════════════════════════ */

/* 패널 본체 (이미 #ffffff 적용된 것으로 보이지만 명시) */
html.bc-light #__ocSubPanel {
  background: #ffffff !important;
  color: var(--bc-l-text) !important;
}

/* 헤더 타이틀 "Order Confirmation" (color: #fff) */
html.bc-light #__ocSubPanel span[style*="color:#fff"],
html.bc-light #__ocSubPanel span[style*="color:#FFF"],
html.bc-light #__ocSubPanel span[style*="color:#ffffff"] {
  color: var(--bc-l-text) !important;
}

/* 메뉴 항목 텍스트 (color: #eaecef) - SPAN/DIV 양쪽 */
html.bc-light #__ocSubPanel span[style*="color:#eaecef"],
html.bc-light #__ocSubPanel span[style*="color:#EAECEF"],
html.bc-light #__ocSubPanel div[style*="color:#eaecef"],
html.bc-light #__ocSubPanel div[style*="color:#EAECEF"] {
  color: var(--bc-l-text) !important;
}

/* 회색 라벨 (color: #848e9c) - 안내 문구, 화살표 등 */
html.bc-light #__ocSubPanel span[style*="color:#848e9c"],
html.bc-light #__ocSubPanel span[style*="color:#848E9C"],
html.bc-light #__ocSubPanel div[style*="color:#848e9c"],
html.bc-light #__ocSubPanel div[style*="color:#848E9C"] {
  color: var(--bc-l-muted) !important;
}

/* 보더 (border-bottom: 1px solid #1e2329) */
html.bc-light #__ocSubPanel div[style*="border-bottom:1px solid #1e2329"],
html.bc-light #__ocSubPanel div[style*="border-bottom: 1px solid #1e2329"],
html.bc-light #__ocSubPanel div[style*="border-bottom:1px solid #2b2b2b"] {
  border-bottom-color: var(--bc-l-line) !important;
}

/* 백 화살표 ← */
html.bc-light #__ocSubPanel span[style*="cursor:pointer"][style*="font-size:18px"] {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1280] Trading/Style 탭 헤더 라이트 처방 (선택된 탭)
       §증상 (사용자 스샷):
         스샷 1: Trading 탭 선택 시 글자 흐릿 (안 보임)
         스샷 2: Style 탭 선택 시 글자 흐릿 (안 보임)
       §원인:
         index.html line 11283: #p3596TradingTab.p3596-active,
                                #p3596StyleTab.p3596-active {
                                  color: #fff !important;
                                }
         선택된 탭 = 흰 글자 → 흰 배경에 안 보임
       §처방: 선택된 탭 검정으로 override (active 강조는 노란 underline 유지)
              비선택 탭은 그대로 #848e9c 회색 (라이트에서도 부드러움 OK)
   ════════════════════════════════════════════════════════════════ */
html.bc-light #p3596TradingTab.p3596-active,
html.bc-light #p3596StyleTab.p3596-active {
  color: var(--bc-l-text) !important;
  border-bottom-color: #f0b90b !important;  /* 노란 underline 유지 */
}
html.bc-light #p3596TradingTab:not(.p3596-active),
html.bc-light #p3596StyleTab:not(.p3596-active) {
  color: var(--bc-l-muted) !important;
}

/* app.js inline "Trading" span (선택 시) - line 2797 */
/*   v1278 selector 보강: __tradingSettingsPanel 안의 모든 #fff span */
html.bc-light #__tradingSettingsPanel span[style*="color:#fff"][style*="border-bottom"] {
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1281] Info 패널 (__p3140Panel) 라이트 모드 처방
       §증상 (사용자 스샷):
         Chart/Info/Vol 의 Info 탭 클릭 시 펼쳐지는 정보 패널
         5개 탭 (Coin Info / Trading Parameters / Leverage & Margin /
                 Funding History / Index Info) 흐릿
         본문 데이터 (Rank #1 / Current Price / 24h Change 등) 안 보임
       §원인:
         index.html line 7518-7585 CSS 정의:
           #__p3140Panel { background: #1a1d27; }                 다크 배경
           .info-header { border-bottom: 1px solid #2a2e39; }     다크 보더
           .info-tab { color: #848e9c; }                          비선택 회색
           .info-tab.active { color: #f0b90b; }                   선택 노란 (의미)
           .info-body row .k { color: #848e9c; }                  키 회색
           .info-body row .v { color: #e8e8e8; }                  값 흰색 → 안 보임
       §콘솔 진단:
         info-tab class="info-tab" color: rgb(132,142,156) 회색
         info-tab class="info-tab active" color: rgb(240,185,11) 노란
         info-header → __p3140Tabs → info-tabs → info-tab
       §처방: html.bc-light override - 흰 배경 + 검정 글자 + 노란 active 보존
   ════════════════════════════════════════════════════════════════ */

/* 패널 본체 */
html.bc-light #__p3140Panel {
  background: #ffffff !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* 헤더 보더 */
html.bc-light #__p3140Panel .info-header {
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* 비선택 탭 - 회색 (라이트에서도 회색 그대로) */
html.bc-light #__p3140Panel .info-tab {
  color: var(--bc-l-muted) !important;
}

/* 호버 탭 - 검정 (다크의 #e8e8e8 → 라이트 검정) */
html.bc-light #__p3140Panel .info-tab:hover {
  color: var(--bc-l-text) !important;
}

/* 선택된 탭 - 노란 그대로 (의미 색 보존) */
html.bc-light #__p3140Panel .info-tab.active {
  color: #f0b90b !important;
  border-bottom-color: #f0b90b !important;
}

/* X 닫기 버튼 */
html.bc-light #__p3140Panel .info-close {
  color: var(--bc-l-muted) !important;
}
html.bc-light #__p3140Panel .info-close:hover {
  color: var(--bc-l-text) !important;
}

/* 본문 row 키 (#848e9c) */
html.bc-light #__p3140Panel .info-row .k {
  color: var(--bc-l-muted) !important;
}

/* 본문 row 값 (#e8e8e8 흰 → 검정) */
html.bc-light #__p3140Panel .info-row .v {
  color: var(--bc-l-text) !important;
}

/* row 보더 */
html.bc-light #__p3140Panel .info-row {
  border-bottom: 1px solid var(--bc-l-line) !important;
}

/* 테이블 */
html.bc-light #__p3140Panel .info-table th {
  color: var(--bc-l-muted) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light #__p3140Panel .info-table td {
  color: var(--bc-l-text) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
}
html.bc-light #__p3140Panel .info-table tr:hover td {
  background: rgba(0, 0, 0, 0.03) !important;
}

/* 섹션 타이틀 */
html.bc-light #__p3140Panel .info-section-title {
  color: var(--bc-l-muted) !important;
}

/* Loading 글자 (inline color:#848e9c) */
html.bc-light #__p3140Body div[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* Funding chart wrap */
html.bc-light #__p3140Panel .funding-chart-wrap {
  background: var(--bc-l-panel2) !important;
  color: var(--bc-l-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1282] Info 패널 X 닫기 버튼 배경 라이트 처방
       §증상 (사용자 스샷):
         DevTools button#__p3140Close.info-close
           Color: #707A8A (회색 - OK)
           Background: #1E232E (검정 박스 - 흰 바탕에 박혀 있음)
       §원인:
         theme.css line 91-96 (§22 NEVER 영역):
           button { background: #1e232e !important; ... }
         info-close 의 background 가 none 이지만 theme.css 전역 처방이 덮음
       §v1281 결함: info-close color 처방만 하고 background 처방 누락
       §처방: theme-light.css 에 더 강한 specificity 로 background override
              v1275 (__levMinus/__levPlus) 와 동일 패턴
   ════════════════════════════════════════════════════════════════ */
html.bc-light #__p3140Panel button.info-close,
html.bc-light button#__p3140Close {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #__p3140Panel button.info-close:hover,
html.bc-light button#__p3140Close:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §v1342 - 퓨처 info-body 검정 스크롤바 본질 (스팟 v1342 동일 본질)
   §사용자 보고: "퓨처도 info본문에 오른쪽 검정 스크롤있었네요"
   §진범: index.html #__p3140Panel .info-body { overflow-y:auto }
          스크롤바 색 처방 없음 → 기본 OS 색 (검정/어두운 회색)
   §처방: Firefox scrollbar-color + WebKit ::-webkit-scrollbar 양쪽 (크로스브라우저)
   §§18 양쪽 적용 (스팟 v1342 동일 본질)
   ════════════════════════════════════════════════════════════════ */

/* info-body 스크롤바 - Firefox scrollbar-color */
html.bc-light #__p3140Panel .info-body,
html.bc-light #__p3140Body {
  scrollbar-color: rgba(0, 0, 0, 0.20) rgba(0, 0, 0, 0.04) !important;
  scrollbar-width: thin !important;
}

/* info-body 스크롤바 - WebKit (Chrome/Edge/Safari) */
html.bc-light #__p3140Panel .info-body::-webkit-scrollbar,
html.bc-light #__p3140Body::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  background: transparent !important;
}
html.bc-light #__p3140Panel .info-body::-webkit-scrollbar-track,
html.bc-light #__p3140Body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04) !important;
  border-radius: 4px !important;
}
html.bc-light #__p3140Panel .info-body::-webkit-scrollbar-thumb,
html.bc-light #__p3140Body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.20) !important;
  border-radius: 4px !important;
}
html.bc-light #__p3140Panel .info-body::-webkit-scrollbar-thumb:hover,
html.bc-light #__p3140Body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1283] 주문 확인 모달 Confirm 버튼 검정 테두리 제거
       §증상 (사용자 스샷):
         DevTools button#__p1445confirmBtn (Open Long/Open Short/Close Long/Close Short 모달)
           Color: #202630 (검정 글자) ✅ OK
           Background: #F0B90B (노란) ✅ OK
           Border: 1px solid #2a2e39 (검정 테두리) ❌ 노란 박스 둘레 검정선
       §원인:
         theme.css line 91-96 (§22 NEVER 영역):
           button { border:1px solid #2a2e39 !important; background:#1e232e !important; ... }
         patch-p1445 가 background 노란 override 했지만 border override 안 함
         → 검정 테두리 잔존
       §사용자 명시: "아마 전역 작업됬을겁니다" - 정확한 진단
       §처방: theme-light.css 에 __p1445confirmBtn border none override
              + 비슷한 다른 모달 confirm 버튼들 (TP/SL, Close All, Reverse) 도 함께 처방
   ════════════════════════════════════════════════════════════════ */

/* 주문 확인 모달 (Open Long/Short/Close Long/Short) */
html.bc-light button#__p1445confirmBtn,
html.bc-light #__p1445box button#__p1445confirmBtn {
  border: none !important;
}

/* TP/SL Confirm 모달 */
html.bc-light button#__lwTpslConfirmBtn,
html.bc-light #__lwTpslConfirmOverlay button#__lwTpslConfirmBtn {
  border: none !important;
}

/* Close All Confirm */
html.bc-light button#__caConfirm {
  border: none !important;
}

/* Reverse Confirm */
html.bc-light button#__revConfirm {
  border: none !important;
}

/* Risk Confirm */
html.bc-light button#__riskConfirm {
  border: none !important;
}

/* Unit Confirm */
html.bc-light button#__unitConfirm {
  border: none !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1284] showModal 공용 모달 본문/X/Cancel 호버 라이트 처방
       §증상 (사용자 스샷 3장):
         스샷 1 (Close All Positions): Cancel 호버 → #b7bdc6 통일 요청
         스샷 2 (개별 Cancel "Are you sure..."): 본문 연함 + X 검정 박스 + Cancel 호버
         스샷 3 (Cancel All "Cancel all 1 pending order(s)?"): 동일
       §원인 (main.css line 994-1091 + theme.css line 91-117):
         .modal-box: background #202630 (다크) - 라이트 이미 처방됨
         .modal-content: color #d1d4dc (회색) ← 본문 흐릿
         .modal-title: color #ffffff (흰)
         .modal-close-x: background none + border none (CSS본질) BUT
           theme.css line 91-96: button { background:#1e232e !important;
                                          border:1px solid #2a2e39 !important; }
           → button 전역 처방이 .modal-close-x 의 background:none 덮음
         .modal-btn-cancel: background #2f3743 (다크) ← Cancel 호버 처방 없음
       §처방: theme-light.css 광범위 override
              본문 진한 검정, X 흰바탕 검정X만, Cancel 호버 #b7bdc6
   ════════════════════════════════════════════════════════════════ */

/* 모달 본체 */
html.bc-light #modalOverlay .modal-box {
  background: #ffffff !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

/* 타이틀 */
html.bc-light #modalOverlay .modal-title {
  color: var(--bc-l-text) !important;
}

/* 본문 (Close all positions / Are you sure / Cancel all N pending) */
html.bc-light #modalOverlay .modal-content,
html.bc-light #modalOverlay #modalContent {
  color: var(--bc-l-text) !important;
}

/* X 닫기 버튼 - theme.css button 전역 처방 override */
html.bc-light #modalOverlay button.modal-close-x,
html.bc-light button#modalCloseX {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #modalOverlay button.modal-close-x:hover,
html.bc-light button#modalCloseX:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* Cancel 버튼 라이트 + 호버 #b7bdc6 (Margin Mode / Leverage Cancel 통일) */
html.bc-light #modalOverlay button.modal-btn-cancel,
html.bc-light button#cancelBtn {
  background: #f5f5f5 !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light #modalOverlay button.modal-btn-cancel:hover,
html.bc-light button#cancelBtn:hover {
  background: #b7bdc6 !important;
  color: var(--bc-l-text) !important;
  border-color: #b7bdc6 !important;
}

/* Form input (있을 경우) */
html.bc-light #modalOverlay .modal-form-row label {
  color: var(--bc-l-muted) !important;
}
html.bc-light #modalOverlay .modal-form-row input {
  background: #ffffff !important;
  border: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #modalOverlay .modal-form-row input:focus {
  border-color: #f0b90b !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1285→v1286] Open Orders Basic/Conditional 탭 라이트 처방
       §증상: 선택 탭 흰 글자 → 흰 배경에 안 보임
       §원인 (index.html line 6157-6158):
         S_ACTIVE = '...color:#ffffff;...'
       §v1285 결함: attribute selector 매칭 실패
                    브라우저가 inline 직렬화 시 'color: rgb(255, 255, 255)' 로 변환
                    [style*="color:#ffffff"] 매칭 X
       §v1286 정통 처방: index.html 의 S_ACTIVE 본질을 함수로 변환 +
                         라이트 모드 감지 후 색 동적 결정 (v1273 패턴)
                         CSS 처방 불필요 - JavaScript 본질에서 분기
   ════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════
   §§§ [v1287] Edit Limit/Conditional Order 통합 모달 라이트
       §증상 (사용자 스샷):
         리밋/컨디탭 대기주문 가격/사이즈 조절 모달
         DevTools:
           모달 본체: background #202630 (다크)
           Cancel: color #848E9C + background #2B3139 !important
           Confirm: color #000000 + background #C7A82D !important (어두운 노란)
       §원인 (index.html line 668-702):
         #editOrderOverlay 안 전체가 inline style + !important
         - 본체 div: background:#202630
         - input box: background:#1a1d27; border:1px solid #363c46
         - input: color:#eaecef
         - label: color:#848e9c
         - Cancel: background:#2b3139!important; color:#848e9c!important
         - Confirm: background:#c7a82d!important; color:#000!important
       §처방: html.bc-light + #editOrderOverlay 자식 광범위 override
              attribute selector (실제 inline 값 매칭)
              Cancel 호버 #b7bdc6 통일
              Confirm 진한 노란 #f0b90b (밝게)
   ════════════════════════════════════════════════════════════════ */

/* 본체 박스 (background:#202630 인라인) */
html.bc-light #editOrderOverlay > div[style*="background:#202630"] {
  background: #ffffff !important;
  border: 1px solid var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

/* X 닫기 버튼 */
html.bc-light #editOrderOverlay button[style*="background:none"] {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #editOrderOverlay button[style*="background:none"]:hover {
  color: var(--bc-l-text) !important;
}

/* 타이틀 (Edit Limit Order / Edit Conditional Order, color:#fff inline) */
html.bc-light #editOrderTitle {
  color: var(--bc-l-text) !important;
}

/* 라벨 (Limit Price / Size, color:#848e9c) */
html.bc-light #editOrderOverlay label[id="editLabelA"],
html.bc-light #editOrderOverlay label[id="editLabelB"] {
  color: var(--bc-l-muted) !important;
}

/* input box 박스 (background:#1a1d27, border:1px solid #363c46) */
html.bc-light #editOrderOverlay .modal-input-box {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-line) !important;
}
html.bc-light #editOrderOverlay .modal-input-box:focus-within {
  border-color: #f0b90b !important;
}

/* input 글자 (color:#eaecef inline) */
html.bc-light #editOrderOverlay input#editInputA,
html.bc-light #editOrderOverlay input#editInputB {
  color: var(--bc-l-text) !important;
}

/* input 단위 (USDT) span (color:#848e9c) */
html.bc-light #editOrderOverlay span#editUnitA,
html.bc-light #editOrderOverlay span#editUnitB {
  color: var(--bc-l-muted) !important;
}

/* Cancel 버튼 (background:#2b3139!important inline) */
html.bc-light #editOrderOverlay button[style*="background:#2b3139"] {
  background: #f5f5f5 !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light #editOrderOverlay button[style*="background:#2b3139"]:hover {
  background: #b7bdc6 !important;
  color: var(--bc-l-text) !important;
  border-color: #b7bdc6 !important;
}

/* Confirm 버튼 (background:#c7a82d!important inline) - 진한 노란으로 */
html.bc-light #editOrderOverlay button[style*="background:#c7a82d"] {
  background: #f0b90b !important;
  color: #1e2329 !important;
  border: none !important;
}
html.bc-light #editOrderOverlay button[style*="background:#c7a82d"]:hover {
  background: #d99a0b !important;
  color: #1e2329 !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1288] Edit Limit Order Cancel 버튼 호버 보강
       §증상 (사용자 스샷):
         Cancel 호버 색 안 바뀜 (#2b3139 검정 그대로)
       §원인 추정:
         v1287의 [style*="background:#2b3139"] 매칭은 일반 상태 OK 였지만
         호버 시 :hover specificity 가 inline !important 못 이김 또는
         attribute selector 매칭 실패 가능성
       §v1288 처방: onclick attribute 매칭으로 가장 robust 한 selector
                    Cancel 은 onclick="window.__editOrderClose()"
                    Confirm 은 onclick="window.__editOrderConfirm()"
                    (X 버튼은 position:absolute inline + Cancel 은 flex:1 inline 으로 구분)
   ════════════════════════════════════════════════════════════════ */

/* Cancel 버튼 onclick 매칭 + flex:1 으로 X와 구분 */
html.bc-light #editOrderOverlay button[onclick*="__editOrderClose"][style*="flex:1"] {
  background: #f5f5f5 !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light #editOrderOverlay button[onclick*="__editOrderClose"][style*="flex:1"]:hover {
  background: #b7bdc6 !important;
  color: var(--bc-l-text) !important;
  border-color: #b7bdc6 !important;
}

/* Confirm 버튼 onclick 매칭 */
html.bc-light #editOrderOverlay button[onclick*="__editOrderConfirm"] {
  background: #f0b90b !important;
  color: #1e2329 !important;
  border: none !important;
}
html.bc-light #editOrderOverlay button[onclick*="__editOrderConfirm"]:hover {
  background: #d99a0b !important;
  color: #1e2329 !important;
}

/* X 닫기 버튼 - position:absolute 로 구분 (Cancel과 같은 onclick 이지만 다른 style) */
html.bc-light #editOrderOverlay button[onclick*="__editOrderClose"][style*="position:absolute"] {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #editOrderOverlay button[onclick*="__editOrderClose"][style*="position:absolute"]:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* ════════════════════════════════════════════════════════════════
   §§§ [v1290] 차트 상단 캔들/Settings 모달 라이트 처방
       §증상 (사용자 스샷):
         스샷 1 - 캔들 변형 드롭다운 (#p1186CandlePanel) 다크 #1A1D26
                  (patch-p1186.js 별도 처방 - v1290 본질 분기 추가됨)
         스샷 2 - Settings 모달 (#chartSettingsModal):
                  본체 background #0d0f13
                  헤더/푸터 border #363c46
                  좌측 탭 (Symbol/Status line/Scales/Canvas/Indicators) color #e8e8e8 / #848e9c
                  탭 active background rgba(255,255,255,0.06)
                  본문 텍스트 color #e8e8e8
                  Cancel/Ok 버튼 다크
       §원인 (index.html line 4218-4413 전체 HTML inline)
       §처방: theme-light.css 광범위 attribute selector override
              HTML inline 이므로 매칭 OK (v1287 패턴)
   ════════════════════════════════════════════════════════════════ */

/* 본체 박스 (background:#0d0f13 inline) */
html.bc-light #chartSettingsModal > div[style*="background:#0d0f13"] {
  background: #ffffff !important;
  border-color: var(--bc-l-line) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

/* 모든 보더 #363c46 → 라이트 */
html.bc-light #chartSettingsModal div[style*="border-bottom:1px solid #363c46"],
html.bc-light #chartSettingsModal div[style*="border-top:1px solid #363c46"],
html.bc-light #chartSettingsModal div[style*="border-right:1px solid #363c46"] {
  border-color: var(--bc-l-line) !important;
}

/* 헤더 타이틀 "Settings" + 좌측 탭 텍스트 + 본문 라벨 (color:#e8e8e8) */
html.bc-light #chartSettingsModal span[style*="color:#e8e8e8"],
html.bc-light #chartSettingsModal div[style*="color:#e8e8e8"],
html.bc-light #chartSettingsModal label[style*="color:#e8e8e8"] {
  color: var(--bc-l-text) !important;
}

/* 회색 라벨 (color:#848e9c) - CANDLES/SCALES AND LINES/Period/Fast 등 */
html.bc-light #chartSettingsModal div[style*="color:#848e9c"],
html.bc-light #chartSettingsModal span[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* [v1302] 좌측 탭 active 강조 - 진단 결과 inline 직렬화 시 'background: rgba(255, 255, 255, 0.06)' 공백 추가됨 */
html.bc-light #chartSettingsModal div.cs-tab[style*="background: rgba(255, 255, 255, 0.06)"] {
  background: #f5f5f5 !important;
  color: #1e2329 !important;
}
/* 비활성 탭 - color:#848e9c → 라이트 muted 더 잘 보이게 */
html.bc-light #chartSettingsModal div.cs-tab[style*="color: rgb(132, 142, 156)"] {
  color: #707a8a !important;
}

/* 좌측 탭 호버 - .cs-tab class 매칭 */
html.bc-light #chartSettingsModal .cs-tab:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

/* [v1302] Number input 박스 (공백 추가 패턴) */
html.bc-light #chartSettingsModal input[type="number"][style*="background: #1a1d24"],
html.bc-light #chartSettingsModal input[type="number"][style*="background:#1a1d24"] {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-line) !important;
  color: var(--bc-l-text) !important;
}

/* [v1302] indicators 박스 (공백 추가 패턴) */
html.bc-light #chartSettingsModal div[style*="background: rgba(255, 255, 255, 0.03)"] {
  background: var(--bc-l-panel2) !important;
}

/* [v1302] Reset 버튼 (background: transparent 공백 추가) */
html.bc-light #chartSettingsModal button[onclick*="__resetChartSettings"] {
  color: #1e2329 !important;
  background: transparent !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light #chartSettingsModal button[onclick*="__resetChartSettings"]:hover {
  background: #f5f5f5 !important;
  color: #1e2329 !important;
  border-color: #b7bdc6 !important;
}

/* X 닫기 span (color:#848e9c) - onclick selector 매칭 (정상 작동) */
html.bc-light #chartSettingsModal span[onclick*="__closeChartSettings"] {
  color: var(--bc-l-muted) !important;
}
html.bc-light #chartSettingsModal span[onclick*="__closeChartSettings"]:hover {
  color: var(--bc-l-text) !important;
}

/* [v1302] 푸터 Cancel 버튼 - onclick selector 단독 매칭 (style 공백 불안정)
   §Ok 버튼도 같은 onclick 패턴 없으므로 안전 - Ok 는 __applyChartSettings */
html.bc-light #chartSettingsModal button[onclick*="__closeChartSettings"] {
  background: #f5f5f5 !important;
  color: #1e2329 !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light #chartSettingsModal button[onclick*="__closeChartSettings"]:hover {
  background: #b7bdc6 !important;
  color: #1e2329 !important;
  border-color: #b7bdc6 !important;
}

/* 푸터 Ok 버튼 (background:#e8e8e8 + color:#0a0a0a) - 진한 노란으로 */
html.bc-light #chartSettingsModal button[onclick*="__applyChartSettings"] {
  background: #f0b90b !important;
  color: #1e2329 !important;
}
html.bc-light #chartSettingsModal button[onclick*="__applyChartSettings"]:hover {
  background: #d99a0b !important;
}

/* ─────────────────────────────────────────────────
   §v1304 Close Position Modal 통합 라이트 처방
   §본질: main.css line 1119~1270 다크 컬러 1:1 매칭
   §13 (line 319-336) 부분 처방을 풀세트로 확장
   §의미 색상 보존: cm-long #0ecb81 / cm-short #f6465d / btn-confirm #f0b90b
   ───────────────────────────────────────────────── */

/* 1. box + header */
html.bc-light #closePositionModal .close-modal-box {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}
html.bc-light #closePositionModal .close-modal-header h3 {
  color: var(--bc-l-text) !important;
}
/* §v1305 X 닫기 버튼 - theme.css line 91-96 전역 button { background:#1e232e !important } 본질 override
   §처방: 흰 배경 + 검정 X (사용자 명시) + 호버는 panel3 (라이트 통일색) */
html.bc-light #closePositionModal .close-modal-x {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #closePositionModal .close-modal-x:hover {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}

/* 2. subtitle (BTCUSDT · Cross · Long · 10x) */
html.bc-light #closePositionModal .close-modal-subtitle {
  color: var(--bc-l-text) !important;
}
html.bc-light #closePositionModal .close-modal-subtitle .cm-sep {
  color: var(--bc-l-muted) !important;
}
/* cm-long/cm-short/cm-lev 의미 색상 보존 - 처방 없음 */

/* 3. info rows (Last Price / Entry Price / Position Size) */
html.bc-light #closePositionModal .close-modal-info-row {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #closePositionModal .close-modal-info-row span:first-child {
  color: var(--bc-l-muted) !important;
}
html.bc-light #closePositionModal .close-modal-info-row span:last-child {
  color: var(--bc-l-text) !important;
}

/* 4. Limit / Market tabs */
html.bc-light #closePositionModal .close-modal-tabs {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
/* §v1305 탭 배경 - theme.css line 91-96 전역 button { background:#1e232e !important } 본질 override
   §처방: 투명 배경 (탭은 본래 배경 없음) + 비활성 muted + 활성 text */
html.bc-light #closePositionModal .close-modal-tab {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #closePositionModal .close-modal-tab.active {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #closePositionModal .close-modal-tab:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #closePositionModal .close-modal-tab.active::after {
  background: var(--bc-l-text) !important;
}

/* 5. input box (Price / Size) */
html.bc-light #closePositionModal .close-modal-input-box {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #closePositionModal .close-modal-input-box label {
  color: var(--bc-l-muted) !important;
}
html.bc-light #closePositionModal .close-modal-input-box .cm-val {
  color: var(--bc-l-text) !important;
}
html.bc-light #closePositionModal .close-modal-price-input {
  color: var(--bc-l-text) !important;
  background: transparent !important;
}
html.bc-light #closePositionModal .close-modal-price-input::placeholder {
  color: var(--bc-l-muted2) !important;
}
html.bc-light #closePositionModal .close-modal-price-unit {
  color: var(--bc-l-muted) !important;
}
/* cmSizePct (+100%) 본질 보존 - inline color:#0ecb81 그대로 */

/* 6. slider track + thumb */
html.bc-light #closePositionModal .close-modal-slider {
  background: var(--bc-l-line2) !important;
}
html.bc-light #closePositionModal .close-modal-slider::-webkit-slider-thumb {
  background: var(--bc-l-text) !important;
  border: 2px solid var(--bc-l-text) !important;
  box-shadow: 0 0 4px rgba(30,35,41,0.15) !important;
}
html.bc-light #closePositionModal .close-modal-slider-labels {
  color: var(--bc-l-muted) !important;
}
html.bc-light #closePositionModal .close-modal-slider-labels span:hover {
  color: var(--bc-l-text) !important;
}
/* slider-dot-tick (5개 점) - main.css 본질 컬러 유지 또는 추가 처방 */
html.bc-light #closePositionModal .slider-dot-tick {
  background: var(--bc-l-muted2) !important;
}

/* 7. buttons (Cancel + Confirm) */
html.bc-light #closePositionModal .close-modal-btn-cancel {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #closePositionModal .close-modal-btn-cancel:hover {
  background: #b7bdc6 !important;
  color: var(--bc-l-text) !important;
  border-color: #b7bdc6 !important;
}
/* btn-confirm 노란색 #f0b90b 본질 보존 - §10 (line 215~226) 이미 처방됨 */

/* ─────────────────────────────────────────────────
   §v1306 Symbol Menu (tvui-symmenu) 통합 라이트 처방
   §본질: tv_overlay_ui_85I.css line 428~554 다크 컬러 1:1 매칭
   §위치: 차트 상단 BTCUSDT 클릭 시 나오는 코인 리스트 메뉴
   §의미 색상 보존: .chg.pos #00d9a3 / .chg.neg #ff5b6b / 즐겨찾기 별 색
   §NEVER: tv_overlay_ui_85I.css 직접 수정 금지 → 모든 처방 html.bc-light prefix override
   ───────────────────────────────────────────────── */

/* 1. 외부 컨테이너 + 헤더 영역 */
html.bc-light #tvuiSymbolMenu.tvui-symmenu {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.12) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-hd {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}

/* 2. Search 입력 박스 */
html.bc-light #tvuiSymbolMenu .tvui-symmenu-search {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-search-in {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-search-in::placeholder {
  color: var(--bc-l-muted) !important;
}

/* 3. Favorites/All 탭 (button element - §16 v1305 전역 button 본질 override 필수) */
html.bc-light #tvuiSymbolMenu .tvui-symmenu-tab {
  background: var(--bc-l-panel3) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-tab:hover {
  background: var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-tab.active {
  background: rgba(0,201,255,0.10) !important;
  border-color: rgba(0,201,255,0.35) !important;
  color: #0c8db3 !important;
}

/* 4. 컬럼 헤더 (Symbols/Vol | Last Price | 24h Chg | Funding Rate) */
html.bc-light #tvuiSymbolMenu .tvui-symmenu-th {
  color: var(--bc-l-muted) !important;
}

/* 5. 코인 행 (호버 + active) */
html.bc-light #tvuiSymbolMenu .tvui-symrow:hover {
  background: rgba(0,0,0,0.04) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symrow.active {
  background: rgba(0,201,255,0.08) !important;
}

/* 6. 코인 아이콘 배경 (이미지 없을 때 fallback) */
html.bc-light #tvuiSymbolMenu .tvui-sym-ico {
  background: var(--bc-l-panel3) !important;
}

/* 7. 코인 이름 + Perp 배지 + Vol */
html.bc-light #tvuiSymbolMenu .tvui-sym-name .sym {
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-sym-name .pill {
  background: var(--bc-l-panel3) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-sym-name .vol-line {
  color: var(--bc-l-muted2) !important;
}

/* 8. 우측 정보 (Last Price + 24h Chg + Funding Rate) */
html.bc-light #tvuiSymbolMenu .tvui-symrow-r .lp {
  color: var(--bc-l-text) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symrow-r .chg {
  color: var(--bc-l-muted) !important;
}
/* .chg.pos / .chg.neg 의미 색 보존 - tv_overlay_ui_85I.css 정통 유지 */
html.bc-light #tvuiSymbolMenu .tvui-symrow-r .fund {
  color: var(--bc-l-muted) !important;
}

/* 9. 스크롤바 (라이트 톤) */
html.bc-light #tvuiSymbolMenu .tvui-symmenu-list::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.04) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-list::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.20) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.35) !important;
}
html.bc-light #tvuiSymbolMenu .tvui-symmenu-list {
  scrollbar-color: rgba(0,0,0,0.20) rgba(0,0,0,0.04) !important;
}

/* ─────────────────────────────────────────────────
   §v1307 TP/SL Add 통합 모달 (#tpslModal) 라이트 처방
   §본질: main.css line 1281~1433 다크 컬러 1:1 매칭
   §위치: 포지션 행 우측 'TP/SL' 버튼 클릭 시 통합 모달
   §의미 색상 보존: cm-long #0ecb81 / cm-short #f6465d / liq-row #FF693D
                  / pct (+100%)/(- 100%) 의미 색 / Confirm 노란 #f0b90b
   §본질 영역 중복: btn-cancel/btn-confirm/header bg/slider는 §10/§13에 기존 처방 있음
                   → 여기서는 box bg + subtitle/info/탭/입력박스/슬라이더 풀세트 처방
   ───────────────────────────────────────────────── */

/* 1. box (DevTools 직접 표시: bg #202630, color #1E2329) */
html.bc-light #tpslModal .tpsl-modal-box {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* 2. header h3 + X 닫기 (§16 v1305 button 본질 override) */
html.bc-light #tpslModal .tpsl-modal-header h3 {
  color: var(--bc-l-text) !important;
}
html.bc-light #tpslModal .tpsl-modal-x {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-x:hover {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}

/* 3. subtitle (BTCUSDT Perpetual · Cross · Long · 10x) */
html.bc-light #tpslModal .tpsl-modal-subtitle {
  color: var(--bc-l-text) !important;
}
/* cm-long/cm-short/cm-lev 의미 색 보존 - 처방 없음 */

/* 4. info rows (Last Price / Entry Price / Est. Liq. Price) */
html.bc-light #tpslModal .tpsl-modal-info-row {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-info-row span:first-child {
  color: var(--bc-l-muted) !important;
}
html.bc-light #tpslModal .tpsl-modal-info-row span:last-child {
  color: var(--bc-l-text) !important;
}
/* liq-row #FF693D 의미 색 보존 */

/* 5. Entire / Partial 탭 (§16 button 본질 - background:transparent + border:none) */
html.bc-light #tpslModal .tpsl-modal-tabs {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-tab {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #tpslModal .tpsl-modal-tab.active {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #tpslModal .tpsl-modal-tab:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}
html.bc-light #tpslModal .tpsl-modal-tab.active::after {
  background: var(--bc-l-text) !important;
}

/* 6. TAKE PROFIT / STOP LOSS 섹션 라벨 */
html.bc-light #tpslModal .tpsl-section-label {
  color: var(--bc-l-text) !important;
}

/* 7. input-box (Partial Size 영역) */
html.bc-light #tpslModal .tpsl-modal-input-box {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-input-box:focus-within {
  border-color: #f0b90b !important;
}
html.bc-light #tpslModal .tpsl-modal-input-box label {
  color: var(--bc-l-muted) !important;
}
html.bc-light #tpslModal .tpsl-modal-input-box .cm-val {
  color: var(--bc-l-text) !important;
}
html.bc-light #tpslModal .tpsl-modal-amount {
  color: var(--bc-l-muted) !important;
}
html.bc-light #tpslModal .tpsl-modal-amount b {
  color: var(--bc-l-text) !important;
}

/* 8. TP/SL 입력 행 (TP Price / TP Size / SL Price / SL Size) */
html.bc-light #tpslModal .tpsl-input-row {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-input-row:focus-within {
  border-color: #f0b90b !important;
}
html.bc-light #tpslModal .tpsl-input-row input,
html.bc-light #tpslModal .tpsl-input-row input[type="number"],
html.bc-light #tpslModal .tpsl-input-row input[type="text"] {
  color: var(--bc-l-text) !important;
  background: transparent !important;
}
html.bc-light #tpslModal .tpsl-input-row input::placeholder {
  color: var(--bc-l-muted2) !important;
}
html.bc-light #tpslModal .tpsl-input-row .tpsl-unit {
  color: var(--bc-l-muted) !important;
}
/* (+100%)/(-100%) tpsl-pct 의미 색 보존 - main.css line 1486~ 정통 유지 */

/* 9. 구분선 + 슬라이더 트랙 (트랙은 §13 기존 처방 있음, 보강) */
html.bc-light #tpslModal .tpsl-divider {
  background: var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-slider {
  background: var(--bc-l-line2) !important;
}
html.bc-light #tpslModal .tpsl-modal-slider::-webkit-slider-thumb {
  background: var(--bc-l-text) !important;
  border: 2px solid var(--bc-l-text) !important;
  box-shadow: 0 0 4px rgba(30,35,41,0.15) !important;
}

/* [v2610] TP/SL 모달 슬라이더 실제 클래스는 .close-modal-slider — 라이트에서 흰 핸들이 안 보이던 것 수리 */
html.bc-light #tpslModal .close-modal-slider::-webkit-slider-thumb {
  background: var(--bc-l-text) !important;
  border: 2px solid var(--bc-l-text) !important;
  box-shadow: 0 0 4px rgba(30,35,41,0.15) !important;
}
html.bc-light #tpslModal .close-modal-slider::-moz-range-thumb {
  background: var(--bc-l-text) !important;
  border: 2px solid var(--bc-l-text) !important;
}
html.bc-light #tpslModal .tpsl-modal-slider-labels {
  color: var(--bc-l-muted) !important;
}
html.bc-light #tpslModal .tpsl-modal-slider-labels span:hover {
  color: var(--bc-l-text) !important;
}
/* [v2609b] 활성/비활성 구분은 app.js 인라인(v2609)이 담당 — !important 고정 해제 */
html.bc-light #tpslModal .slider-dot-tick {
  background: var(--bc-l-muted2);
}
/* btn-cancel/btn-confirm은 §10/§11 기존 처방 사용 (panel3 + #f0b90b) */

/* ─────────────────────────────────────────────────
   §v1308 차트 상단 ··· Ticker Preference 모달 (#__p3808Modal) 라이트 처방
   §본질: patch-p3808-ticker-preference.js _createModal()
   §위치: 차트 상단 BTCUSDT 가격 라인 우측 ··· 점 클릭 → 드롭다운 모달
   §HTML inline 본질: cssText 박힘 BUT !important 없음 → CSS !important 이김
   §체크박스 accent-color #f0b90b 보존 (의미 색)
   §호버 본질: JS `item.style.background = '#2a2e39'` (!important 없음 → CSS 이김)
   ───────────────────────────────────────────────── */

/* 1. box 본문 (HTML inline bg #1e2329 border #2a2e39) */
html.bc-light #__p3808ModalBox {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* 2. 헤더 (Ticker Preference 타이틀 + X 닫기) */
html.bc-light #__p3808ModalBox > div:first-child {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
html.bc-light #__p3808ModalBox > div:first-child > div:first-child {
  color: var(--bc-l-text) !important;
}
/* X 닫기 (closeBtn은 div, not button - §16 button 본질 미적용) */
html.bc-light #__p3808ModalBox > div:first-child > div:last-child {
  color: var(--bc-l-muted) !important;
}

/* 3. 체크박스 리스트 (Mark/Index/24h High/Low/Vol/OI) */
html.bc-light #__p3808TickerList > div {
  color: var(--bc-l-text) !important;
}
/* 호버: JS가 #2a2e39 박지만 !important 없음 → CSS !important 이김 */
html.bc-light #__p3808TickerList > div:hover {
  background: var(--bc-l-panel3) !important;
}
/* accent-color #f0b90b 보존 - 처방 없음 */

/* ─────────────────────────────────────────────────
   §v1308 하단 Positions 영역 ··· Column Settings 패널 (#p347ColPanel) 라이트 처방
   §본질: index.html line 3770~ 동적 생성 패널
   §위치: Positions 탭 우측 ··· 점 (Hide Other Symbols 옆) 클릭 → 위로 펼치는 패널
   §HTML inline 본질: cssText 박힘 BUT !important 없음 → CSS !important 이김
   §11개 컬럼 + 4개 정렬 옵션 + Displayed/Hidden/Sort By 섹션 헤더
   ───────────────────────────────────────────────── */

/* 1. panel 본문 (HTML inline bg #1e2026 border #2b2f36) */
html.bc-light #p347ColPanel {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* 2. 섹션 헤더 (Displayed Columns / Hidden Columns / Sort By - color #848e9c) */
html.bc-light #p347ColPanel > div[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}
/* HTML inline 직렬화 변형 대응 (공백 패턴 - §12 v1286/v1302 교훈) */
html.bc-light #p347ColPanel > div[style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* 3. Displayed Columns 항목 (label color #eaecef + 체크박스) */
html.bc-light #p347ColPanel label[style*="color:#eaecef"] {
  color: var(--bc-l-text) !important;
}
html.bc-light #p347ColPanel label[style*="color: #eaecef"] {
  color: var(--bc-l-text) !important;
}

/* 4. Hidden Columns 항목 (label color #848e9c) */
html.bc-light #p347ColPanel label[style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}
html.bc-light #p347ColPanel label[style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* 5. Hidden/Sort By 섹션 구분선 (border-top:1px solid #2b2f36) */
html.bc-light #p347ColPanel div[style*="border-top:1px solid #2b2f36"],
html.bc-light #p347ColPanel div[style*="border-top: 1px solid #2b2f36"] {
  border-top-color: var(--bc-l-line2) !important;
}

/* 6. label 호버 (인터랙티브 피드백 - 라이트 통일) */
html.bc-light #p347ColPanel label:hover {
  background: var(--bc-l-panel3) !important;
}
/* accent-color #f0b90b 보존 - 처방 없음 */

/* ─────────────────────────────────────────────────
   §v1309 Transfer 통합 모달 (#transferModal) 라이트 처방
   §본질: shared/transfer-modal.js MODAL_CSS (동적 <style> 주입, !important 없음)
   §위치: 우측 패널 Avbl 옆 ⇆ 아이콘 클릭 → 통합 모달 (Spot ↔ Futures)
   §★ 공유 모달: futures + spot 양쪽 theme-light.css 에 동일 처방 필요
   §메모리 §25 잔고 분리 원칙 - Transfer 가 유일한 브릿지
   §의미 색 보존: swap-btn 노란 / max-btn 노란 / submit-btn 노란 / result error 빨강 / success 초록
   §HTML inline 본질: 동적 <style> 주입 BUT !important 없음 → CSS !important 이김 (§17 v1308 패턴)
   ───────────────────────────────────────────────── */

/* 1. backdrop (어두움 → 라이트 톤 약하게) */
html.bc-light .transfer-modal-backdrop {
  background: rgba(0,0,0,0.4) !important;
}

/* 2. content 본문 (bg #1e232e → 흰색, border line2, color text) */
html.bc-light .transfer-modal-content {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* 3. header (Transfer 타이틀 + X 닫기) */
html.bc-light .transfer-modal-header {
  border-bottom: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .transfer-modal-header h3 {
  color: var(--bc-l-text) !important;
}
/* X 닫기 button - §16 v1305 전역 button 본질 override */
html.bc-light .transfer-modal-close {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .transfer-modal-close:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* 4. row 라벨 (From / To / Coin / Amount) */
html.bc-light .transfer-label {
  color: var(--bc-l-muted) !important;
}

/* 5. Wallet 박스 (Futures Wallet / Spot Wallet) */
html.bc-light .transfer-wallet-box {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .transfer-wallet-name {
  color: var(--bc-l-text) !important;
}

/* 6. Swap 버튼 (의미 색 노란 #f0b90b 보존, 배경만 라이트) */
html.bc-light .transfer-swap-btn {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  /* color: #f0b90b 보존 - 처방 없음 */
}
html.bc-light .transfer-swap-btn:hover {
  border-color: #f0b90b !important;
}

/* 7. 구분선 */
html.bc-light .transfer-divider {
  background: var(--bc-l-line2) !important;
}

/* 8. Coin 박스 (USDT) */
html.bc-light .transfer-coin-box {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .transfer-coin-box span {
  color: var(--bc-l-text) !important;
}
html.bc-light .transfer-coin-note {
  color: var(--bc-l-muted) !important;
}

/* 9. Amount input + MAX 버튼 (input 박스 라이트 톤 통일) */
html.bc-light .transfer-amount-wrap {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
}
html.bc-light .transfer-amount-wrap input {
  color: var(--bc-l-text) !important;
  background: transparent !important;
}
html.bc-light .transfer-amount-wrap input::placeholder {
  color: var(--bc-l-muted2) !important;
}
/* MAX 버튼 노란 #f0b90b 보존 - §16 button 본질 override 만 (배경 투명) */
html.bc-light .transfer-max-btn {
  background: transparent !important;
  border: none !important;
  /* color: #f0b90b 보존 - 처방 없음 */
}

/* 10. Available 텍스트 */
html.bc-light .transfer-avail {
  color: var(--bc-l-muted) !important;
}

/* 11. Confirm Transfer 버튼 - 의미 색 노란 #f0b90b 완전 보존 (처방 0건) */
/* disabled 상태만 라이트 톤으로 */
html.bc-light .transfer-submit-btn:disabled {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-muted) !important;
}

/* 12. result 메시지 (error/success 의미 색 보존, 일반 텍스트만 처방 - 처방 0건 - 정통 유지) */
/* .transfer-result.error #f6465d 보존, .transfer-result.success #0ecb81 보존 */

/* ─────────────────────────────────────────────────
   §v1310 차트 그리기 도구 (cdt-*) 라이트 처방
   §본질: chart-drawing-tools-patch.js _css() 동적 <style id="cdt-style"> 주입
   §위치: 좌측 세로 툴바 첫 아이콘 더블클릭 → Cursor 메뉴 (Cross/Dot/Arrow/Demo/Eraser)
          두번째 아이콘 더블클릭 → Trend Lines (LINES section: Trend/Ray/Extended/Horizontal/Vertical)
          그리기 도형 선택 후 차트 상단에 나오는 가로 편집 툴바 + 색상 피커
          shiftDrag 안내 툴팁
   §HTML inline 본질: <style id="cdt-style"> 박힘 BUT 거의 모든 rule !important 없음
                      → §17 v1308 패턴 (순수 CSS 처방 가능) ✅
   §의미 색 보존: .cdt-item.on 청 #58a9d4 / .cdt-more-item.active 파랑 #2962ff
                  / #cdt-tip-tog 노란 #f0b90b / trash hover #f6465d (이미 !important - 그대로)
   §NEVER 영역 검증: #tvuiToolbar/#tvOverlayUI 본질은 NEVER 지만, #cdt-* 는 별도 패치 (수정 가능 ✅)
   ───────────────────────────────────────────────── */

/* 1. #cdt-menu (Cursor 메뉴 / Trend Lines 메뉴 공유 컨테이너) */
html.bc-light #cdt-menu {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}

/* 2. .cdt-item (메뉴 항목 - Cross/Dot/Arrow/Demonstration/Eraser/Trend Line/Ray 등) */
html.bc-light .cdt-item {
  color: var(--bc-l-text) !important;
}
html.bc-light .cdt-item:hover {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}
/* .cdt-item.on 브랜드 청 #58a9d4 보존 - 처방 없음 (의미 색) */

/* 3. .cdt-sep (구분선) */
html.bc-light .cdt-sep {
  background: var(--bc-l-line2) !important;
}

/* 4. #cdt-tip-row (Values tooltip on long press 라벨) */
html.bc-light #cdt-tip-row {
  color: var(--bc-l-muted) !important;
}
/* #cdt-tip-tog 노란 #f0b90b 보존 - 처방 없음 (의미 색) */
/* #cdt-tip-tog::after 흰 동그라미 보존 - 처방 없음 */

/* 5. ··· 서브메뉴 (#cdt-moremenu) */
html.bc-light #cdt-moremenu {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}
html.bc-light #cdt-moremenu-title {
  color: var(--bc-l-muted) !important;
}
html.bc-light .cdt-more-item {
  color: var(--bc-l-text) !important;
}
html.bc-light .cdt-more-item:hover {
  background: var(--bc-l-panel3) !important;
}
/* .cdt-more-item.active 브랜드 파랑 #2962ff 보존 - 처방 없음 (의미 색) */

/* 6. #cdt-editbar (차트 상단 가로 편집 툴바 - 도형 선택 시) */
html.bc-light #cdt-editbar {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}
/* §16 v1305 button 본질 override - editbar 버튼들 */
html.bc-light #cdt-editbar button {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #cdt-editbar button:hover {
  background: var(--bc-l-panel3) !important;
  color: var(--bc-l-text) !important;
}
/* #cdt-editbar-trash hover 빨강 #f6465d - 이미 !important 박혀있음, 처방 없음 (의미 색) */

/* 7. #cdt-colorpicker (색상 피커 팝업) */
html.bc-light #cdt-colorpicker {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}
/* .cdt-swatch:hover border 흰색 → 라이트 검정 보더로 가시화 */
html.bc-light .cdt-swatch:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
html.bc-light .cdt-swatch.selected {
  border-color: var(--bc-l-text) !important;
}
/* #cdt-opacity-row 라벨 */
html.bc-light #cdt-opacity-row {
  color: var(--bc-l-muted) !important;
}
html.bc-light #cdt-opacity-val {
  color: var(--bc-l-text) !important;
}
/* #cdt-opacity-slider accent-color #2962ff 보존 - 처방 없음 */

/* 8. font dropdown (T 글자 크기 드롭다운) - JS inline cssText 본질
   §17 패턴: HTML attribute selector 공백 포함 */
html.bc-light #cdt-editbar div[id="cdt-font-drop"],
html.bc-light #cdt-editbar div[style*="background:#1e232e"],
html.bc-light #cdt-editbar div[style*="background: #1e232e"] {
  background: var(--bc-l-bg) !important;
  border-color: var(--bc-l-line2) !important;
}

/* 9. #shiftDragTooltip (Shift+드래그 가격 변동 % 안내 툴팁)
   §본질: main.css line 547 다크 컬러
   §의미 색 #0ecb81 (초록 = 가격 변동 양수 의미) 보존
   §배경만 라이트 톤으로 살짝 변경 (가독성 보존) */
html.bc-light #shiftDragTooltip {
  background: rgba(255,255,255,0.95) !important;
  /* border-color #0ecb81 보존 - 처방 없음 */
  /* color #0ecb81 보존 - 처방 없음 */
}

/* ─────────────────────────────────────────────────
   §v1311 영역① 스크롤바 + 영역② 토스트 알림 라이트 처방
   §본질 ①: main.css line 1435~1459 webkit-scrollbar (3개 영역 공유)
            .positions-content + .orderbook-section + .order-form-section
            track #0a0a0a 검정 / thumb #333 / hover #555
   §본질 ②: main.css line 2735~2808 #toastContainer + .toast-*
            #1e2329 검정 박스 / 의미 색 아이콘 (초록/파랑/빨강) 보존
   §HTML inline 본질: 없음 (main.css 외부 스타일) → 순수 CSS 처방 ✅
   §의미 색 보존: toast-icon-filled #0ecb81 / submit #1890ff / sl,liq #f6465d
   ───────────────────────────────────────────────── */

/* ──── 영역 ① 스크롤바 라이트 톤 (positions/orderbook/order-form 3개 동시) ──── */
html.bc-light .positions-content::-webkit-scrollbar-track,
html.bc-light .orderbook-section::-webkit-scrollbar-track,
html.bc-light .order-form-section::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.04) !important;
}
html.bc-light .positions-content::-webkit-scrollbar-thumb,
html.bc-light .orderbook-section::-webkit-scrollbar-thumb,
html.bc-light .order-form-section::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.20) !important;
}
html.bc-light .positions-content::-webkit-scrollbar-thumb:hover,
html.bc-light .orderbook-section::-webkit-scrollbar-thumb:hover,
html.bc-light .order-form-section::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.35) !important;
}
/* Firefox 호환 */
html.bc-light .positions-content,
html.bc-light .orderbook-section,
html.bc-light .order-form-section {
  scrollbar-color: rgba(0,0,0,0.20) rgba(0,0,0,0.04) !important;
}

/* ──── 영역 ② 토스트 알림 (#toastContainer + .toast-*) ──── */

/* 1. 토스트 박스 본문 */
html.bc-light .toast-item {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

/* 2. X 닫기 버튼 (§16 button 본질 - 이미 background:none 박혀있지만 명시) */
html.bc-light .toast-close {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light .toast-close:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* 3. 아이콘 (의미 색 그대로 보존 - 처방 없음)
   toast-icon-filled #0ecb81 / submit #1890ff / sl #f6465d / liq #f6465d */

/* 4. 타이틀 + 심볼 (Order Filled, ADAUSDT 등) */
html.bc-light .toast-title,
html.bc-light .toast-symbol {
  color: var(--bc-l-text) !important;
}

/* 5. 구분선 */
html.bc-light .toast-divider {
  background: var(--bc-l-line2) !important;
}

/* 6. tag (Limit/Market 작은 박스) */
html.bc-light .toast-tag {
  color: var(--bc-l-muted) !important;
  background: var(--bc-l-panel3) !important;
}

/* 7. body 메시지 텍스트 (Open Short @ 0.24888 USDT) */
html.bc-light .toast-body {
  color: var(--bc-l-text) !important;
}
/* Open Short 빨강 / Open Long 초록은 inline span 의미 색 - 처방 없음 (보존) */

/* ─────────────────────────────────────────────────
   §v1312 Reverse 통합 모달 (#__reverseModal) 라이트 처방
   §본질: patch-p1816.js line 95~180 __showReverseModal()
   §위치: 포지션 행 우측 Reverse 버튼 → 통합 모달 (Buy to Sell / Sell to Buy)
   §DevTools 직접 표시 본질:
      - inner box bg #202630 (__MB) border-radius 8px width 420px padding 20px
      - posBox bg #161B22 border #3D4450 (위 B/S 박스 + 아래 B/S 박스)
      - 안내 텍스트 #D1D4DC, 메인 #EAECEF (__MC)
      - Confirm button bg #f0b90b color #000 (노란 의미 색)
   §의미 색 보존 5건:
      - B icon bg #0ecb81 (Long 초록)
      - S icon bg #f6465d (Short 빨강)
      - sideLbl color #0ecb81 / #f6465d (Long=초록, Short=빨강)
      - Confirm button #f0b90b (노란)
   §HTML inline: cssText/innerHTML 박힘 BUT !important 0건 → §17 v1308 패턴 ✅
   §공백 패턴 동시 처방 (§12 v1286/v1302 교훈)
   ───────────────────────────────────────────────── */

/* 1. 외부 backdrop (rgba(0,0,0,0.75) 어두움 → 라이트 톤) */
html.bc-light #__reverseModal {
  background: rgba(0,0,0,0.4) !important;
}

/* 2. inner box 본문 (bg #202630 → 흰색)
   HTML inline 직렬화 변형 대비 - 공백 무/유 둘 다 매칭 */
html.bc-light #__reverseModal > div[style*="background:#202630"],
html.bc-light #__reverseModal > div[style*="background: #202630"] {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* 3. posBox (위/아래 포지션 박스 - bg #161b22 border #3D4450) */
html.bc-light #__reverseModal div[style*="background:#161b22"],
html.bc-light #__reverseModal div[style*="background: #161b22"] {
  background: var(--bc-l-panel2) !important;
  border-color: var(--bc-l-line2) !important;
}

/* 4. 헤더 타이틀 "Reverse Confirmation" (#EAECEF 메인 텍스트) */
html.bc-light #__reverseModal div[style*="color:#EAECEF"],
html.bc-light #__reverseModal div[style*="color: #EAECEF"] {
  color: var(--bc-l-text) !important;
}

/* 5. 보조 텍스트 (Perp/Last/Position Size/Order Price/안내 문구 #D1D4DC) */
html.bc-light #__reverseModal div[style*="color:#D1D4DC"],
html.bc-light #__reverseModal div[style*="color: #D1D4DC"],
html.bc-light #__reverseModal span[style*="color:#D1D4DC"],
html.bc-light #__reverseModal span[style*="color: #D1D4DC"] {
  color: var(--bc-l-muted) !important;
}

/* 6. __MC #EAECEF span 들 (심볼 BTCUSDT, 가격, Position Size 값) */
html.bc-light #__reverseModal span[style*="color:#EAECEF"],
html.bc-light #__reverseModal span[style*="color: #EAECEF"] {
  color: var(--bc-l-text) !important;
}

/* 7. X 닫기 버튼 (.__p1816X - §16 v1305 전역 button 본질 override) */
html.bc-light #__reverseModal .__p1816X,
html.bc-light #__reverseModal #__revX {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-muted) !important;
}
html.bc-light #__reverseModal .__p1816X:hover,
html.bc-light #__reverseModal #__revX:hover {
  background: transparent !important;
  color: var(--bc-l-text) !important;
}

/* 8. Don't show again 체크박스 라벨 (.__p1816chk span) */
html.bc-light #__reverseModal .__p1816chk span {
  color: var(--bc-l-muted) !important;
}
/* checkbox accent-color 보존 - 처방 없음 */

/* 9. Confirm 버튼 (#f0b90b 노란 의미 색 - 처방 없음, 단 §16 button border 충돌 방지) */
html.bc-light #__reverseModal #__revConfirm {
  background: #f0b90b !important;
  color: #000 !important;
  border: none !important;
}
html.bc-light #__reverseModal #__revConfirm:hover {
  background: #fcd535 !important;
}

/* 10. B/S 아이콘 의미 색 보존 (처방 없음 - inline #0ecb81/#f6465d) */
/* sideLbl 의미 색 보존 (처방 없음 - inline #0ecb81/#f6465d Long/Short) */

/* ─────────────────────────────────────────────────
   §v1313 Reverse/CloseAll/DragConfirm 체크박스 흰 바탕 + 검정 테두리 (사용자 명시)
   §본질: theme.css line 221~263 (§22 NEVER) - .__p1816chk input[type="checkbox"]
          3개 모달 공유: __lwDragConfirmOverlay / __reverseModal / __closeAllModal
   §다크 본질: bg #202630 / border 1.5px solid #EAECEF / 체크 표시 #EAECEF (흰색)
   §사용자 명시 처방: 흰 바탕 + 검정 테두리 + 검정 체크 표시
   §NEVER 회피: theme.css 무수정, theme-light.css 에서 !important + html.bc-light prefix override
   §theme-light.css 가 theme.css 뒤에 로드되므로 같은 specificity !important 끼리 cascade order 로 이김
   ───────────────────────────────────────────────── */

/* 체크박스 박스 자체 (3개 모달 공유) */
html.bc-light #__lwDragConfirmOverlay .__p1816chk input[type="checkbox"],
html.bc-light #__reverseModal .__p1816chk input[type="checkbox"],
html.bc-light #__closeAllModal .__p1816chk input[type="checkbox"] {
  background: var(--bc-l-bg) !important;
  border: 1.5px solid var(--bc-l-text) !important;
}

/* 체크된 상태의 박스 배경 - 흰 바탕 유지 (체크 표시만 검정) */
html.bc-light #__lwDragConfirmOverlay .__p1816chk input[type="checkbox"]:checked,
html.bc-light #__reverseModal .__p1816chk input[type="checkbox"]:checked,
html.bc-light #__closeAllModal .__p1816chk input[type="checkbox"]:checked {
  background: var(--bc-l-bg) !important;
}

/* 체크 표시 본질 (::after 가짜요소 - 다크는 흰색 체크 → 라이트는 검정 체크) */
html.bc-light #__lwDragConfirmOverlay .__p1816chk input[type="checkbox"]:checked::after,
html.bc-light #__reverseModal .__p1816chk input[type="checkbox"]:checked::after,
html.bc-light #__closeAllModal .__p1816chk input[type="checkbox"]:checked::after {
  border-color: var(--bc-l-text) !important;
}

/* ─────────────────────────────────────────────────
   §v1316 로그아웃 상태 Log In/Register Now 버튼 라이트 처방
   §본질: auth-ui.js line 132-133 동적 <style> 주입 (.oa-reg / .oa-log)
   §위치: 차트창 우측 패널 - 비로그인 시 Open long/Open short 영역 교체
          상단 (Buy/Sell 자리): Register Now (#f0b90b 노란) ← 의미 색 보존
          하단 (Long/Short 자리): Log In (#2b3139 검정 + #eaecef 흰 글자) ← 문제 본질
   §사용자 명시: Image 3 Margin Mode 모달 비활성 상태 톤 (--bc-l-panel2 #f5f5f5 회색)
   §의미 색 보존: .oa-reg #f0b90b 노란 Confirm (처방 0건)
   §HTML inline: <style> 동적 주입 BUT !important 없음 → §17 v1308 패턴 ✅
   ───────────────────────────────────────────────── */

/* Log In 버튼 (검정 박스 → 라이트 톤 panel2 회색 + 검정 글자) */
html.bc-light .oa-log {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line2) !important;
  color: var(--bc-l-text) !important;
}
html.bc-light .oa-log:hover {
  background: #dadde2 !important;     /* §v1317 사용자 명시 "호버가 조금더 진하게" */
  border-color: #c8ccd4 !important;
}

/* Register Now 버튼 (#f0b90b 노란 의미 색 보존 - 처방 없음) */
/* .oa-reg color #000 보존 (노란 위에 검정 글자) */

/* ─────────────────────────────────────────────────
   §v1316b Session Expired 모달 "Log in" 버튼 라이트 톤 통일
   §본질: patch-p3810-multi-tab-auth.js v708 _handleLogout()
          button#__p3810_relogin_btn inline cssText
          background:#f0b90b color:#0d0f13 (다크/라이트 공통 박힘)
   §사용자 명시: "익스파이얼 밑에 검정 박스라 글이 안보입니다 호버 색을 3번째 스샷
                레버 모달의 크로스 상태 처럼" = panel2 회색 톤 (#f5f5f5)
   §본질 변경: 이 버튼은 의미 색 보존 (노란 Confirm) 이 아니라 사용자 명시 통일성 요청
   §JS 본문 inline style 이 CSS specificity 더 높음 → JS 자체 수정 필요
   §JS 처방은 patch-p3810.js _handleLogout() 에서 처리 (theme-light.css 가 아님)
   ───────────────────────────────────────────────── */

/* §v1316b: Session Expired 모달 #__p3810_relogin_btn 는 patch-p3810.js v709 에서
   JS 본문 inline style 자체 분기 처리 (theme-light.css 가 홈/Markets 미로드이므로)
   여기 CSS 는 차트 페이지 보강용 fallback (specificity 낮아 JS 본문이 우선) */

/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326] 누락 패치 3종 - 사용자 명시
 *   ① 펀딩률 (.tvui-funding-rate) 의미 색 보존 (퓨처만)
 *   ② UTC Time Zone 모달 (#__p3807UtcModal) + 스크롤바 (퓨처+스팟)
 *   ③ TradingView 로고 (#tvAttributionLogo img) filter invert (퓨처+스팟)
 * ════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────
   §v1326-① 펀딩률 (.tvui-funding-rate) 의미 색 보존 (사용자 명시)
   §본질: tv_overlay_ui_85I.css line 129/652/653 (§22 NEVER)
          .tvui-funding-rate 기본 #cfd6df / .is-neg #f6465d / .is-pos #FF693D
   §사용자 명시: "심볼바 라인에 펀딩표 밑에 + 일때 ff693d / - 일때 빨강"
   §JS 본질: app.js line 230~232 가 classList toggle 정상 처리 중
   §회피: §22 NEVER 회피, theme-light.css에서 cascade override
   §★ :not() 절대 사용 금지 - specificity 가산 함정 (v1322 회귀 교훈)
   §교훈 §26: app.js 본질 우선 grep (tv_overlay_ui_85I.js 만 보면 누락)
   §교훈 §27: :not() 가산 specificity 함정 - 명시적 cascade 사용
   ───────────────────────────────────────────────── */

/* base (specificity 0,0,2,1 - is-pos/is-neg와 동급, !important 0건) */
html.bc-light .tvui-funding-rate {
  color: var(--bc-l-text);
}

/* 음수 (-) 빨강 보존 - specificity 0,0,3,1 */
html.bc-light .tvui-funding-rate.is-neg {
  color: #f6465d !important;
}

/* 양수 (+) 주황 보존 (Liq Price 톤) - specificity 0,0,3,1 */
html.bc-light .tvui-funding-rate.is-pos {
  color: #FF693D !important;
}


/* ─────────────────────────────────────────────────
   §v1326-② UTC Time Zone 모달 (#__p3807UtcModal) 라이트 처방
   §본질: patch-p3807-utc-timezone.js line 112~ _createModal()
          inline cssText 박힘 BUT !important 0건 → §17 v1308 패턴 ✅
   §위치: 차트 하단 시간 클릭 → 모달 (예: 13:55:30 UTC)
   §사용자 명시: "차트하단 utc 모달이랑"
   §의미 색 보존: __p3807Check #f0b90b (노란 체크 표시)
   §양쪽 적용: 퓨처 + 스팟 동시 (§18 v1309 공유 패치 패턴)
   ───────────────────────────────────────────────── */

/* 1. overlay backdrop */
html.bc-light #__p3807UtcModal {
  background: rgba(0,0,0,0.4) !important;
}

/* 2. inner box (bg #1e2329 → 흰색) */
html.bc-light #__p3807UtcModal > div {
  background: var(--bc-l-bg) !important;
  border: 1px solid var(--bc-l-line2) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

/* 3. 헤더 border-bottom (#2a2e39 → line2) */
html.bc-light #__p3807UtcModal > div > div:first-child {
  border-bottom-color: var(--bc-l-line2) !important;
}

/* 4. 타이틀 "Time Zone" (#eaecef → text) */
html.bc-light #__p3807UtcModal > div > div:first-child > div:first-child {
  color: var(--bc-l-text) !important;
}

/* 5. X 닫기 (#848e9c → muted) */
html.bc-light #__p3807UtcModal > div > div:first-child > div:last-child {
  color: var(--bc-l-muted) !important;
}

/* 6. 리스트 아이템 본문 (UTC / Exchange / Baker Island 등) */
html.bc-light #__p3807TzList > div {
  color: var(--bc-l-text) !important;
}

/* 7. (UTC-X) 라벨 span (#848e9c → muted) - inline style attr 직렬화 변형 대비 */
html.bc-light #__p3807TzList > div > span[style*="color:#848e9c"],
html.bc-light #__p3807TzList > div > span[style*="color: #848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* 8. __p3807Check 노란 #f0b90b 의미 색 보존 - 처방 0건 */

/* 9. 리스트 아이템 호버/선택 배경 (JS inline 동적 #2a2e39 → panel3)
   JS 가 mouseenter/click에서 background = '#2a2e39' 박지만 !important 없으므로 CSS 이김 */
html.bc-light #__p3807TzList > div:hover,
html.bc-light #__p3807TzList > div[data-selected="1"] {
  background: var(--bc-l-panel3) !important;
}

/* ─────────────────────────────────────────────────
   §v1326-② UTC 모달 스크롤바 라이트 (사용자 명시)
   §본질: #__p3807TzList overflow-y:auto → webkit-scrollbar 다크 잔재
   §사용자 명시: "세로스크롤바가 검정입니다 ㅠㅠ. 회색으로 바꺼주시고"
   ───────────────────────────────────────────────── */

html.bc-light #__p3807TzList::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.04) !important;
}
html.bc-light #__p3807TzList::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.20) !important;
}
html.bc-light #__p3807TzList::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.35) !important;
}
html.bc-light #__p3807TzList {
  scrollbar-color: rgba(0,0,0,0.20) rgba(0,0,0,0.04) !important;
}


/* ─────────────────────────────────────────────────
   §v1326-③ TradingView 로고 라이트 반전 (사용자 명시)
   §본질: index.html line 992 #tvAttributionLogo > a > img
          /icons/tv-logo.png (검정 동그라미 + 흰 TV 로고)
   §사용자 명시: "두번째가 바낸 화이트 모드 / 비트코어 트뷰 아이콘 반전하면됩니다"
   §위치: 차트 좌하단 동그리 아이콘 (34×34, border-radius:50%)
   §처방: filter: invert(1) - 색 반전 → 흰 동그라미 + 검정 TV 로고 (바낸 라이트 톤)
   §PNG 추가 0건 (단일 PNG로 라이트/다크 양쪽 지원)
   §§22 NEVER 회피: index.html 무수정, theme-light.css에서 filter override
   §교훈 §28: 흑백 단순 PNG는 filter:invert(1) 만으로 완벽 반전
   §양쪽 적용: 퓨처 + 스팟 동시 (§18 공유 PNG 패턴)
   ───────────────────────────────────────────────── */

html.bc-light #tvAttributionLogo img {
  filter: invert(1) !important;
}


/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326-⑥] 사용자 DevTools 진단 누락 처방 (스팟 회귀 시 양쪽 발견)
 * §퓨처 잠재 회귀: orderbook-table th 배경 + obSizeHeader/obSumHeader
 * §control-bar는 이미 §v1239에서 처방됨 - 중복 회피
 * ════════════════════════════════════════════════════════════════ */

/* §v1326-⑥-A. .orderbook-table th 본질 - background 누락 */
html.bc-light .orderbook-table th {
  background: var(--bc-l-bg) !important;
  border-bottom: 1px solid var(--bc-l-line) !important;
  color: var(--bc-l-muted) !important;
}

/* §v1326-⑥-B. #obSizeHeader / #obSumHeader 본질 - ID specific !important */
html.bc-light #obSizeHeader,
html.bc-light #obSumHeader {
  color: var(--bc-l-muted) !important;
  background: var(--bc-l-bg) !important;
}


/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326-⑦] Gift/Rewards (4번째) 아이콘 fill 강제 처방
 * §사용자 보고 (스팟 회귀 발견 시 양쪽 적용)
 * §본질: SVG path 닫힌 z + stroke-width:1.6 결합 시 채워보임
 * §처방: fill:none + stroke:currentColor 강제 + svg 자체에도 명시
 * ════════════════════════════════════════════════════════════════ */
html.bc-light .__hdr-icon-btn svg,
html.bc-light .__hdr-icon-btn svg path,
html.bc-light .__hdr-icon-btn svg circle,
html.bc-light .__hdr-icon-btn svg rect,
html.bc-light .__hdr-icon-btn svg line,
html.bc-light .__hdr-icon-btn svg polyline {
  fill: none !important;
  stroke: currentColor !important;
}

/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326-⑪] Open Orders Basic|Conditional 서브탭 (스팟 회귀 시 양쪽 발견)
 * §퓨처에도 #__p626_basic / #__p626_cond 본질 5건 박힘 - 동일 잠재 회귀
 * §positions-table은 이미 §26 + §36 처방됨 - 중복 회피
 * ════════════════════════════════════════════════════════════════ */

html.bc-light #__p626_basic,
html.bc-light #__p626_cond {
  color: var(--bc-l-muted) !important;
}

html.bc-light #__p626_basic[style*="color:#ffffff"],
html.bc-light #__p626_cond[style*="color:#ffffff"],
html.bc-light #__p626_basic[style*="color: #ffffff"],
html.bc-light #__p626_cond[style*="color: #ffffff"] {
  color: var(--bc-l-text) !important;
}


/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326-⑫] Gift 아이콘 stroke-width 1.6 → 1.2 (스팟 회귀 시 양쪽 적용)
 * §퓨처에도 동일 SVG 본질 - stroke-width 통일
 * §Buy BTC 본질은 스팟 전용 (spot-submit-btn)
 * ════════════════════════════════════════════════════════════════ */

html.bc-light .__hdr-icon-btn svg,
html.bc-light .__hdr-icon-btn svg path,
html.bc-light .__hdr-icon-btn svg circle,
html.bc-light .__hdr-icon-btn svg rect,
html.bc-light .__hdr-icon-btn svg line,
html.bc-light .__hdr-icon-btn svg polyline,
html.bc-light .__hdr-icon-btn svg polygon {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
}

html.bc-light .__hdr-icon-btn[title="Rewards"] svg,
html.bc-light .__hdr-icon-btn[title="Rewards"] svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
}


/* ════════════════════════════════════════════════════════════════
 * §§§ [v1326-⑭] 진짜 Gift Box (선물박스) 아이콘 처방 (사용자 DevTools 진단)
 * §사용자 명시: "레퍼럴 아이콘 검정 부분 있는거 테두리 작업 안댔습니다"
 *
 * §사용자 DevTools 진단 (Image 1):
 *   <polyline points="20 12 20 22 4 22 4 12"> - Gift Box 뚜껑 (15.99 × 9.99)
 *   부모: <button class="hdr-icon-btn" title="Rewards"> ★ 밑줄 1개
 *   SVG: 23.98 × 23.98 (Image 2)
 *
 * §본질 위치:
 *   - shared/header-right-renderer.js line 317:
 *       html += '<button class="hdr-icon-btn" ...>' (밑줄 1개 - JS 동적 생성)
 *   - Gift Box SVG 풀세트 (다이아몬드 아님!):
 *       <polyline points="20 12 20 22 4 22 4 12"/>  ← 박스 뚜껑 (z 없음 = 열림)
 *       <rect x="2" y="7" width="20" height="5"/>   ← 박스 바디
 *       <line x1="12" y1="22" x2="12" y2="7"/>      ← 중앙 세로선
 *       <path d="M12 7H7.5..."/>                    ← 좌측 리본 매듭
 *       <path d="M12 7h4.5..."/>                    ← 우측 리본 매듭
 *
 * §이전 처방 결함:
 *   - .hdr-icon-btn svg path/circle/rect ✅ (path 처방됨)
 *   - .hdr-icon-btn svg polyline ❌ 누락 (박스 뚜껑 fill 안 빠짐)
 *   - .hdr-icon-btn svg line ❌ 누락 (중앙 세로선)
 *   - .__hdr-icon-btn 처방 (밑줄 2개)은 다른 본질 - JS 동적 생성된 본질엔 안 먹음
 *
 * §처방:
 *   ① hdr-icon-btn svg 풀세트 (polyline + line 추가)
 *   ② Rewards 특화 처방 (title="Rewards" 매칭)
 *   ③ stroke-width 1.2 (가는 윤곽선)
 *
 * §§22 NEVER 회피: shared/header-right-renderer.js 무수정
 * §양쪽 적용 (§18 공유 패치 - shared/header-right-renderer.js)
 * ════════════════════════════════════════════════════════════════ */

/* §v1326-⑭-A. hdr-icon-btn (밑줄 1개) SVG 풀세트 - polyline/line 추가 */
html.bc-light .hdr-icon-btn svg,
html.bc-light .hdr-icon-btn svg path,
html.bc-light .hdr-icon-btn svg circle,
html.bc-light .hdr-icon-btn svg rect,
html.bc-light .hdr-icon-btn svg line,
html.bc-light .hdr-icon-btn svg polyline,
html.bc-light .hdr-icon-btn svg polygon,
html.bc-light button.hdr-icon-btn svg,
html.bc-light button.hdr-icon-btn svg path,
html.bc-light button.hdr-icon-btn svg circle,
html.bc-light button.hdr-icon-btn svg rect,
html.bc-light button.hdr-icon-btn svg line,
html.bc-light button.hdr-icon-btn svg polyline,
html.bc-light button.hdr-icon-btn svg polygon {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
}

/* §v1326-⑭-B. Rewards (Gift Box) 특화 - title 매칭 */
html.bc-light .hdr-icon-btn[title="Rewards"] svg,
html.bc-light .hdr-icon-btn[title="Rewards"] svg *,
html.bc-light button.hdr-icon-btn[title="Rewards"] svg,
html.bc-light button.hdr-icon-btn[title="Rewards"] svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
}

/* §v1326-⑭-C. SVG 자체 fill 속성 강제 (자식 모두 상속) */
html.bc-light .hdr-icon-btn svg * {
  fill: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   §v1308 - TF 활성 글자 specificity 강화 (스팟 v1308 양쪽 동일)
   §사용자 보고: "5m 10m 즉 선택된 숫자가 연하게 나옵니다 검정 찐하게"
   §본질: tv_overlay_ui_85I.css line 235 .tvui-btn.active color:#ffffff
          기존 line 2614 처방 specificity 부족으로 #E8E8E8 잔존
   §정통: html.bc-light 다중 selector + !important 로 specificity 최대 강화
   §§18 양쪽 동일 처방 (스팟에도 같은 본질)
   §퓨처는 #__p3140Panel 이미 line 3822~ 박혀 있음 - 중복 X
   ═══════════════════════════════════════════════════════════════════════ */

/* TF 활성 글자 (5m/10m/1h 등) - 검정 찐하게 강제 */
html.bc-light .tvui-timebar span.tvui-btn.active,
html.bc-light .tvui-timebar .tvui-btn.active,
html.bc-light span.tvui-btn.active,
html.bc-light .tvui-btn.active,
html.bc-light .tvui .tvui-btn.active,
/* §v1340 - 부모 #tvOverlayUI selector 추가 (specificity 최대화) */
html.bc-light #tvOverlayUI .tvui-timebar span.tvui-btn.active,
html.bc-light #tvOverlayUI .tvui-timebar .tvui-btn.active,
html.bc-light #tvOverlayUI .tvui-btn.active,
html.bc-light body #tvOverlayUI .tvui-btn.active,
/* §v1340 - data-tf 속성 selector 추가 (TF 버튼 한정 specificity) */
html.bc-light .tvui-btn.active[data-tf],
html.bc-light .tvui-timebar .tvui-btn.active[data-tf],
html.bc-light #tvOverlayUI .tvui-btn.active[data-tf] {
  color: #1e2329 !important;
  text-decoration: underline !important;
  text-decoration-color: #f0b90b !important;
  text-underline-offset: 4px !important;
}

/* TF 비활성 글자 강화 (specificity 보강) */
html.bc-light .tvui-timebar span.tvui-btn,
html.bc-light .tvui-timebar .tvui-btn,
html.bc-light span.tvui-btn,
html.bc-light .tvui .tvui-btn {
  color: var(--bc-l-muted) !important;
}

/* TF hover 글자 - 검정 정통 */
html.bc-light .tvui-timebar span.tvui-btn:hover,
html.bc-light .tvui-timebar .tvui-btn:hover,
html.bc-light span.tvui-btn:hover,
html.bc-light .tvui .tvui-btn:hover {
  color: var(--bc-l-text) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   §v1358 - 퓨처 인포 본문 inline style 본질 처방 (스팟 v1341 동일 본질)
   §사용자 보고: "퓨처에 인포 코인인포의 심볼이름 파라미터 perp 색이 너무 연합니다"
   §진범 (스팟 v1341 동일):
     index.html line 7775 _tabCoinInfo: <span style="color:#e8e8e8">Bitcoin</span>
     index.html line 7805 _tabTrading:  <div style="color:#e8e8e8">BTCUSDT</div>
                                        <span style="color:#848e9c">Perp</span>
     = inline style 다크 색 → 라이트 모드에서 옅음
   §처방: [style*="color:#e8e8e8"] / [style*="color:#848e9c"] 속성 selector
          info-body 한정 (#__p3140Body) - 차트 영역 영향 0
   §§18 양쪽 동일 (스팟 v1341 100% 동일 본질)
   ═══════════════════════════════════════════════════════════════════════ */

/* §v1358-① info-body 자체 + 직접 자손 (Loading.../제목 박는 inline div) */
html.bc-light #__p3140Panel #__p3140Body,
html.bc-light #__p3140Panel .info-body {
  background: var(--bc-l-bg) !important;
  color: var(--bc-l-text) !important;
}

/* §v1358-② info-body 안 모든 inline style 박힌 흰색 (#e8e8e8) - 검정 강제 */
html.bc-light #__p3140Body span[style*="color:#e8e8e8"],
html.bc-light #__p3140Body div[style*="color:#e8e8e8"],
html.bc-light #__p3140Body [style*="color:#e8e8e8"],
html.bc-light .info-body span[style*="color:#e8e8e8"],
html.bc-light .info-body div[style*="color:#e8e8e8"],
html.bc-light .info-body [style*="color:#e8e8e8"] {
  color: var(--bc-l-text) !important;
}

/* §v1358-③ info-body 안 모든 inline style 박힌 회색 (#848e9c) - 라이트 muted */
html.bc-light #__p3140Body span[style*="color:#848e9c"],
html.bc-light #__p3140Body div[style*="color:#848e9c"],
html.bc-light #__p3140Body [style*="color:#848e9c"],
html.bc-light .info-body span[style*="color:#848e9c"],
html.bc-light .info-body div[style*="color:#848e9c"],
html.bc-light .info-body [style*="color:#848e9c"] {
  color: var(--bc-l-muted) !important;
}

/* §v1358-④ info-row + info-row .k/.v 강화 */
html.bc-light #__p3140Body .info-row,
html.bc-light .info-body .info-row {
  border-bottom-color: var(--bc-l-line) !important;
}
html.bc-light #__p3140Body .info-row .k,
html.bc-light .info-body .info-row .k {
  color: var(--bc-l-muted) !important;
}
html.bc-light #__p3140Body .info-row .v,
html.bc-light .info-body .info-row .v {
  color: var(--bc-l-text) !important;
}



/* ════════════════════════════════════════════════════════════════
   §§§ [v1364] Settings 모달 색상 픽커 검정 테두리 제거 (스팟 v1364 양쪽 동일)
       §본질: theme.css line 40 input { border:1px solid #2a2e39 !important } 전역
              + cs-bodyUp/Down 등 inline border:none 무력화 → 검정 테두리 잔존
       §처방: html.bc-light + #chartSettingsModal selector specificity 강화
   ════════════════════════════════════════════════════════════════ */

/* Settings 모달 input[type=color] 검정 테두리 제거 */
html.bc-light #chartSettingsModal input[type="color"],
html.bc-light input[type="color"][id^="cs-"] {
  border: 1px solid var(--bc-l-line) !important;
  background: var(--bc-l-bg) !important;
  padding: 2px !important;
}

/* 다크 모드에서도 검정 두꺼운 테두리 안 보이게 (사용자 명시) */
input[type="color"][id^="cs-"] {
  border: 1px solid #2a2e39 !important;
  background: transparent !important;
  padding: 2px !important;
}


/* ════════════════════════════════════════════════════════════════
   §§§ [v1368] v1287 처방 보강 - input 배경 + Cancel 호버 specificity 강화
       §본질: 스팟 v1368 양쪽 동일 (사용자 보고는 스팟만이지만 퓨처 잠재 동일)
   ════════════════════════════════════════════════════════════════ */

/* §A. input 배경 transparent 강제 (theme.css 전역 input 무력화) */
html.bc-light body #editOrderOverlay input#editInputA,
html.bc-light body #editOrderOverlay input#editInputB {
  background: transparent !important;
  border: none !important;
  color: var(--bc-l-text) !important;
}

/* §B. modal-input-box 부모 specificity 강화 */
html.bc-light body #editOrderOverlay .modal-input-box {
  background: var(--bc-l-panel2) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light body #editOrderOverlay .modal-input-box:focus-within {
  border-color: #f0b90b !important;
}

/* §C. Cancel/Confirm 버튼 specificity 강화 (html.bc-light body) */
html.bc-light body #editOrderOverlay button[onclick*="__editOrderClose"][style*="flex:1"],
html.bc-light body #editOrderOverlay button[style*="background:#2b3139"] {
  background: #f5f5f5 !important;
  color: var(--bc-l-text) !important;
  border: 1px solid var(--bc-l-line) !important;
}
html.bc-light body #editOrderOverlay button[onclick*="__editOrderClose"][style*="flex:1"]:hover,
html.bc-light body #editOrderOverlay button[style*="background:#2b3139"]:hover {
  background: #b7bdc6 !important;
  color: var(--bc-l-text) !important;
  border-color: #b7bdc6 !important;
}

html.bc-light body #editOrderOverlay button[onclick*="__editOrderConfirm"] {
  background: #f0b90b !important;
  color: #1e2329 !important;
  border: none !important;
}
html.bc-light body #editOrderOverlay button[onclick*="__editOrderConfirm"]:hover {
  background: #d99a0b !important;
  color: #1e2329 !important;
}

/* [v1742] Adjust Leverage 모달 slider 동그라미 — 라이트 모드 fix */
html.bc-light #__levDots span[data-lv] > span:first-child,
#__levDots span[data-lv] > span:first-child {
  background: #c0c0c0 !important;
}

/* [v1742] Adjust Leverage 모달 -/+/53x 컨테이너 — 라이트 모드 모서리 검정 점 fix
 * 컨테이너 background를 라이트로 변경 → 모서리에 어두운 점 안 보임
 * inline style="background:#2b3139" 이기기 위해 !important + attribute selector */
html.bc-light div[style*="background:#2b3139"][style*="border-radius:8px"][style*="overflow:hidden"] {
  background: #f5f5f5 !important;
  border-color: #e6e8eb !important;
}

/* [v1771] p1186 candle/last panel - live theme toggle support
   (p1186 inline cssText is decided once at creation; CSS !important wins over inline)
   row background intentionally untouched - JS hover handles it per-event */
html.bc-light #p1186CandlePanel,
html.bc-light #p1186LastPanel{
  background:#ffffff !important;
  border-color:#e6e8eb !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.12) !important;
}
html.bc-light #p1186CandlePanel [data-key]:not([style*="default"]),
html.bc-light #p1186LastPanel [data-key]:not([style*="default"]){
  color:#1e2329 !important;
}
html:not(.bc-light) #p1186CandlePanel,
html:not(.bc-light) #p1186LastPanel{
  background:#1a1d26 !important;
  border-color:#2a2e39 !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.7) !important;
}
html:not(.bc-light) #p1186CandlePanel [data-key]:not([style*="default"]),
html:not(.bc-light) #p1186LastPanel [data-key]:not([style*="default"]){
  color:#eaecef !important;
}

/* [v2291] 포지션 하단 탭(.position-tab)은 전역 button 규칙 제외 — 라이트 네모박스 제거 */
html.bc-light .position-tab:not(#_v2291a):not(#_v2291b) { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } /* :not(#id)×2 = 전역 button :not() 체인(0,11,2)보다 높은 특이도 */
html.bc-light .position-tab.active:not(#_v2291a):not(#_v2291b) { background: transparent !important; }

/* [v2296] Bots 탭 Running/History 라이트 박스 제거 (v2291b 규격) */
html.bc-light .tb-sub button:not(#_v2296a):not(#_v2296b) { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
html.bc-light .tb-sub button.on:not(#_v2296a):not(#_v2296b) { background: transparent !important; color: #1e2329 !important; font-weight: 700; border-bottom: 2px solid #F0B90B !important; }