/* ==========================================================================
   member-dark.css — 다크 모드 이용자 전용 보정

   이용자 화면(_header.php)에서만 쓰이는 요소의 다크 보정.
   관리자·이용자 공통 보정은 components/css/dark-mode.css 에 두고, 이 파일은 그 뒤에 로드한다.
   ========================================================================== */

/* ── 이용자 화면 강조색 토큰 재정의 ──────────────────────────────────────
   member-page-design.css 가 쓰는 --member-accent* 를 다크 값으로 바꾼다.
   진초록 강조 글자(#1e5d4f)는 다크 배경에서 안 보이므로 밝은 민트로, 연민트 배경은 반투명으로. */
body[data-theme="dark"] {
    --member-accent: #9fd6cc;
    --member-accent-border: var(--ds-color-neutral-300, #3d4759);
    --member-accent-soft: rgba(97, 173, 161, .12);
    --member-accent-soft-alt: var(--ds-color-neutral-100, #232a3a);
}

/* ── 헤더 · 좌측 내비게이션 ───────────────────────────────────────────── */
/* 이용자 테마(.typeA)가 사이드바·MY 버튼 배경을 연한 민트(#EAF3F2)로 하드코딩 */
body[data-theme="dark"] .bkd_nav {
    background: var(--ds-color-bg, #131720);
    border-right: 1px solid var(--ds-color-border, #2f3849);
}
body[data-theme="dark"] .bkd_main_menu > li > a {
    color: var(--ds-text-color, #e2e7ef);
}
/* 활성 메뉴 하위 목록 박스 — style.css(a.selected + ul)·media.css(모바일 ul.__opened)가 배경 #fff, 링크 #2A7B6E 하드코딩 */
body[data-theme="dark"] .bkd_main_menu > li > a.selected + ul {
    background: var(--ds-color-bg-secondary, #1b2130);
}
@media (max-width: 1280px) {
    body[data-theme="dark"] .bkd_main_menu > li > ul.__opened {
        background: var(--ds-color-bg-secondary, #1b2130);
    }
}
body[data-theme="dark"] .bkd_main_menu > li > ul a {
    color: var(--member-accent, #9fd6cc);
}
/* style.css 의 상위 메뉴 아이콘 칸 흰 배경(li a.selected::before)이 하위 선택 링크의 '-' 에도 걸린다 */
body[data-theme="dark"] .bkd_main_menu > li > ul a.selected::before {
    background: transparent;
}
body[data-theme="dark"] .bkd_header {
    border-bottom-color: var(--ds-color-border, #2f3849);
}
body[data-theme="dark"] .my_menu .my_btn {
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
/* 헤더 로고(logo.png)는 짙은 워드마크라 다크 배경에서 묻힌다. 관리자(admin-dark.css)와 같은 다크용 이미지로 교체.
   같은 .main_logo 클래스를 쓰는 다른 영역(main_logo.png)은 건드리지 않도록 헤더로 한정한다. */
body[data-theme="dark"] .bkd_header .main_logo img {
    content: url('../images/logo_dark.png');
}
body[data-theme="dark"] .main_logo span,
body[data-theme="dark"] .user_info_wrap p {
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 대시보드 (dashboard-improved.css) ─────────────────────────────────── */
/* 대시보드는 자체 토큰(--dbi-*)을 쓰므로 다크에서 토큰 값만 재정의하면 카드·텍스트·보더가 한 번에 따라온다.
   (라이트 값은 dashboard-improved.css :root 참고) */
body[data-theme="dark"] {
    --dbi-bg: var(--ds-color-bg, #131720);
    --dbi-bg-card: var(--ds-color-bg-secondary, #1b2130);
    --dbi-bg-secondary: var(--ds-color-neutral-100, #232a3a);
    --dbi-border: rgba(255, 255, 255, .10);
    --dbi-border-strong: rgba(255, 255, 255, .16);
    --dbi-text-primary: var(--ds-text-color, #e2e7ef);
    --dbi-text-secondary: var(--ds-color-neutral-700, #cbd3e0);
    --dbi-text-tertiary: var(--ds-color-muted, #9aa5b8);
    --dbi-green-light: rgba(29, 158, 117, .18);
    --dbi-red-light: rgba(216, 90, 48, .18);
    --dbi-amber-light: rgba(186, 117, 23, .18);
    --dbi-blue-light: rgba(24, 95, 165, .18);
    /* 배지 글자색으로 쓰이는 '-dark' 변형은 다크 배경에서 대비가 낮아 밝은 톤으로 올린다 */
    --dbi-green-dark: #4fd1a5;
    --dbi-red-dark: #f0917a;
}
/* 토큰을 안 쓰고 색을 박아둔 곳 — 최종 수집 일시 안내 바(#F3F8F7), 서비스 이용현황 카드(#FBFBFB) */
body[data-theme="dark"] .dbi-dashboard .lastest_stat {
    background: var(--dbi-bg-card);
    color: var(--dbi-text-primary);
}
body[data-theme="dark"] .dbi-svc-item {
    background: var(--dbi-bg-secondary);
    border-color: var(--dbi-border);
}

/* ── 페이지 공통 (여러 이용자 화면에서 반복) ───────────────────────────── */
/* 페이지 제목(.cont_area_tit) — style.css #2F2F2F */
body[data-theme="dark"] .cont_area_tit {
    color: var(--ds-text-color, #e2e7ef);
}
/* 기간 버튼(.period_btn)·다운로드 버튼(.down_btn)·둥근 버튼(.bkd_round_btn)·셀렉트(.bkd_select)
   (둥근 버튼의 색상 변형 .col_gr/.col_red 등은 상태 배지라 제외 — 원래 색 유지)
   — style.css 가 배경 #fff·보더 #C0C0C0·글자 #737373/#2F2F2F 하드코딩 */
body[data-theme="dark"] .period_btn,
body[data-theme="dark"] .down_btn,
body[data-theme="dark"] .bkd_round_btn:not(.col_gr):not(.col_laven):not(.col_bl):not(.col_gl):not(.col_bk):not(.col_og):not(.col_red),
body[data-theme="dark"] .bkd_select,
body[data-theme="dark"] .member-browser-config__select-row .bkd_select {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
/* 기간 검색 날짜 입력(.range_inp .date_inp) — member-page-design.css 가 화면 스코프별로
   배경 #fff·달력 아이콘(ico_cal.png)을 재지정해 공통 다크 규칙을 이긴다. 같은 스코프로 덮는다. */
body[data-theme="dark"] .member-match-work-screen .range_inp .date_inp,
body[data-theme="dark"] .member-account-screen .range_inp .date_inp,
body[data-theme="dark"] .member-board-screen .range_inp .date_inp,
body[data-theme="dark"] .member-alarm-screen .range_inp .date_inp,
body[data-theme="dark"] .access-log-screen .range_inp .date_inp,
body[data-theme="dark"] .member-payment-list-screen .range_inp .date_inp,
body[data-theme="dark"] .member-screen .range_inp .date_inp {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    background-image: url('../images/ico_cal_dark.png');
    /* .member-screen .range_inp .date_inp 의 background:#fff 단축 속성이 위치·반복을 초기화하므로 함께 지정(구서비스조회 등에서 아이콘 반복) */
    background-position: center right 11px;
    background-repeat: no-repeat;
    color: var(--ds-text-color, #e2e7ef);
}
/* 팝업 검색 영역(.pop_sch_box) — style.css 가 .sch_area 배경 #fff, 팝업은 화면 스코프 밖이라 위 날짜 입력 보정이 안 닿고
   input[readonly] 기본 배경(#f5f5f7)이 남는다 (매치작업 > 자동매치작업 내역 등) */
body[data-theme="dark"] .pop_sch_box .sch_area {
    background: transparent;
}
body[data-theme="dark"] .pop_sch_box .range_inp .date_inp {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    background-image: url('../images/ico_cal_dark.png');
    background-position: center right 11px;
    background-repeat: no-repeat;
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
/* 자주 이용하는 메모 설정 모달 — member-page-design.css 가 입력란(#fff)·그리드 헤더/행 구분선(#EFEFEF)을 라이트 색으로 고정 */
body[data-theme="dark"] .pop_outer_wrap .pop_item.memo_config #frequentlyMemoContents {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] #memo_grid_cont .dx-datagrid {
    background: transparent;
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] #memo_grid_cont .dx-header-row > td {
    background: var(--ds-color-neutral-200, #2c3445);
    border-bottom-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] #memo_grid_cont .dx-data-row > td {
    border-bottom-color: var(--ds-color-neutral-200, #2c3445);
    color: var(--ds-text-color, #e2e7ef);
}

/* 공지사항·1:1문의 상단 고정 글(sticky_yn=Y) — onRowPrepared 가 인라인으로 연회색(rgb 229,227,227)을 넣어 흰 글자가 묻힌다 */
body[data-theme="dark"] .dx-datagrid .dx-data-row[style*="229, 227, 227"] {
    background-color: rgba(97, 173, 161, .18) !important;
}

/* 계좌·상점·부이용자 관리 경고 박스의 "우측 결제버튼 클릭!" — style.css 가 글자 #000·검은 화살표 이미지로 고정 */
body[data-theme="dark"] .warning_box p strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13'%3E%3Cpath d='M1 6.5h12M8 1.5l5 5-5 5' fill='none' stroke='%23e2e7ef' stroke-width='1.4'/%3E%3C/svg%3E");
    color: var(--ds-text-color, #e2e7ef);
}

/* 공지사항·문의 상세 본문 — 관리자 에디터로 붙여넣은 본문에 인라인 어두운 글자색(rgb(55,65,81) 등)이 남아 다크 배경에 묻힌다.
   빨강 등 의도적인 강조색은 살리고, 검정·진회색 계열 인라인 색만 본문 글자색으로 되돌린다 */
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(0, 0, 0)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(17, 17, 17)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(17, 24, 39)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(31, 41, 55)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(33, 33, 33)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(34, 34, 34)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(51, 51, 51)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(55, 65, 81)"],
body[data-theme="dark"] .board_detail_cont [style*="color: rgb(68, 68, 68)"],
body[data-theme="dark"] .board_detail_cont [style*="color: #000"],
body[data-theme="dark"] .board_detail_cont [style*="color: #222"],
body[data-theme="dark"] .board_detail_cont [style*="color: #333"] {
    color: var(--ds-text-color, #e2e7ef) !important;
}

/* 변경이력의 작업자 "뱅크다 CS팀" 등(.col_txt_ok) — style.css 가 순수 blue !important 로 고정해 다크 배경에서 읽기 어렵다 */
body[data-theme="dark"] .col_txt_ok {
    color: #6ea8fe !important;
}

/* 변경이력 계열 모달 표 — member-page-design.css 가 헤더 #ededed·구분선 #e6eeec 로 고정 */
body[data-theme="dark"] .pop_outer_wrap .pop_item:is(.historyPopup, .accountHistoryPopup, .shopHistoryPopup, .securityHistoryPopup, .merchantHistory, .tblBankHistoryPopup, .log_detail, .memo_detail) .th_colored_table th {
    background: var(--ds-color-neutral-200, #2c3445);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-color-neutral-700, #cbd3e0);
}
body[data-theme="dark"] .pop_outer_wrap .pop_item:is(.historyPopup, .accountHistoryPopup, .shopHistoryPopup, .securityHistoryPopup, .merchantHistory, .tblBankHistoryPopup, .log_detail, .memo_detail) :is(.pop_table tbody td, .th_colored_table td) {
    border-color: var(--ds-color-neutral-200, #2c3445);
}

/* 가맹점 변경이력 상세 — 변경된 값 칸에 인라인 연분홍(#ffe6e6, 변경전)·연초록(#e6ffe6, 변경후)을 넣어 밝은 글자가 묻힌다 */
body[data-theme="dark"] #log_detail_body td[style*="255, 230, 230"] {
    background-color: rgba(239, 68, 68, .16) !important;
}
body[data-theme="dark"] #log_detail_body td[style*="230, 255, 230"] {
    background-color: rgba(34, 197, 94, .16) !important;
}

/* 매치작업 주문내역 상세·실시간 주문 현황 조회 결과 — member-page-design.css 가 구분선을 #d9ebe8 로 고정 */
body[data-theme="dark"] .member-match-work-popups :is(.ord_detail, .ord_detail_shop_detail) .th_colored_table :is(th, td) {
    border-color: var(--ds-color-neutral-300, #3d4759);
}

/* DevExtreme 페이저 현재 페이지 번호 — 다크 번들이 rgba(0,0,0,.87) 로 둔다 */
body[data-theme="dark"] .dx-pager .dx-page.dx-selection {
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 설정 > 상점관리 / 계좌관리 (member-page-design.css .member-manage-screen) ── */
body[data-theme="dark"] .member-manage-screen .member-manage-card {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
/* 그리드 헤더 — 배경 #F3F8F7·글자 #1E5D4F 를 !important 로 박아 dx 다크 번들을 덮어버린다. 같은 강도로 덮는다. */
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-datagrid-headers,
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-datagrid-headers .dx-datagrid-table,
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-datagrid-headers .dx-header-row > td {
    background-color: var(--ds-color-neutral-100, #232a3a) !important;
    color: var(--ds-color-neutral-600, #b3bccd) !important;
}
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-datagrid {
    border-color: var(--ds-color-neutral-300, #3d4759);
}

/* ── 설정 > 화면관리 / 매치관리 아코디언 (design-system.css .dbi-config-screen .cs-*) ── */
body[data-theme="dark"] .dbi-config-screen .cs-acc {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .dbi-config-screen .cs-tog-item {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .dbi-config-screen .cs-badge {
    background: var(--ds-color-bg, #131720);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-color-muted, #9aa5b8);
}
body[data-theme="dark"] .dbi-config-screen .cs-tog-item-left .lbl {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dbi-config-screen .cs-save-btn {
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dbi-config-screen .cs-tog input:disabled + .cs-tog-sl {
    background: var(--ds-color-neutral-300, #3d4759);
    border-color: var(--ds-color-neutral-300, #3d4759);
}

/* ── 설정 > 매치관리 키워드 영역 (member-page-design.css) ─────────────────── */
/* 예시 박스 #fff, 가이드/목록 박스 #EAF3F2, 키워드 칩 #fff */
body[data-theme="dark"] .match_example {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .word_item {
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
/* 색 구분이 의미인 칩·태그는 색은 유지하고 밝기만 낮춘다 */
body[data-theme="dark"] .word_item.word-item-red    { background: rgba(254, 226, 226, .18); }
body[data-theme="dark"] .word_item.word-item-purple { background: rgba(243, 232, 255, .18); }
body[data-theme="dark"] .word_item.word-item-orange { background: rgba(255, 237, 213, .18); }
body[data-theme="dark"] .match_tag--deposit { background: rgba(254, 243, 199, .18); }
body[data-theme="dark"] .match_tag--order   { background: rgba(220, 252, 231, .18); }

/* ── 나의 서비스 > 이용현황/결제 아코디언 (design-system.css .dbi-temp-payment .tp-acc*) ── */
body[data-theme="dark"] .dbi-temp-payment .tp-acc {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .dbi-temp-payment .tp-acc-action-btn {
    background: var(--ds-color-bg, #131720);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dbi-temp-payment .tp-acc-action-btn.primary {
    background: rgba(29, 158, 117, .18);
    border-color: #1D9E75;
    color: #4fd1a5;
}
body[data-theme="dark"] .dbi-temp-payment .tp-acc-header:hover { background: var(--ds-color-neutral-100, #232a3a); }
body[data-theme="dark"] .dbi-temp-payment .tp-acc-action-btn:hover { background: var(--ds-color-neutral-100, #232a3a); }
body[data-theme="dark"] .dbi-temp-payment .tp-acc-action-btn.primary:hover { background: rgba(29, 158, 117, .30); }

/* ── 계좌통합 세그먼트 탭(.ds-segmented) ─────────────────────────────────── */
body[data-theme="dark"] .ds-segmented {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .ds-segmented-btn.active,
body[data-theme="dark"] .ds-segmented-btn--active {
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 계좌통합 차트 탭 패널(.chart_left/.chart_right) ──────────────────────── */
/* member-page-design.css 가 패널 배경을 #fff 로 고정해 다크의 밝은 라벨·차트 글자가 묻힌다 */
body[data-theme="dark"] .member-account-screen .chart_left,
body[data-theme="dark"] .member-account-screen .chart_right {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
}

/* ── FAQ/도움말 버튼(.faq_list_btn) ─────────────────────────────────────── */
/* design-system.css 가 토큰(var(--ds-color-bg))으로 정의했지만 레거시 style.css 의 #fff·#000 이 이긴다 */
body[data-theme="dark"] .faq_list_btn {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 금일 입출금내역 하이라이트(매치작업·통합계좌조회 그리드) ─────────────── */
/* style.css 가 연한 하늘색(#DCE5FC/#E6ECFB)을 !important 로 고정해 다크의 밝은 글자가 묻힌다 */
body[data-theme="dark"] .today-highlight-cell {
    background-color: rgba(91, 98, 244, .24) !important;
}
body[data-theme="dark"] .today-highlight-cell-even {
    background-color: rgba(91, 98, 244, .17) !important;
}

/* ── 매치작업 그리드 상단 데이터 버튼(.down_btn.sort·.ico_exc) ─────────────── */
/* member-page-design.css 가 화면 스코프로 배경 #fff 를 고정해 공통 .down_btn 다크 규칙을 이기고,
   글자색은 다크 토큰(neutral-700 → 밝은 회색)을 따라가 흰 바탕에 묻힌다. 같은 스코프로 덮는다. */
body[data-theme="dark"] .member-match-work-screen .down_btn.sort,
body[data-theme="dark"] .member-match-work-screen .down_btn.ico_exc {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .member-match-work-screen .down_btn.sort:hover,
body[data-theme="dark"] .member-match-work-screen .down_btn.ico_exc:hover {
    border-color: #61ada1;
    background-color: #61ada1;
    color: #fff;
}
body[data-theme="dark"] .member-match-work-screen .down_btn.sort.active {
    border-color: #61ada1;
}

/* ── 매치작업 매치제외(수동) 검정 계열 버튼·배지 ───────────────────────────── */
/* #353535 가 다크 배경(#131720·#1b2130)과 거의 같아 구분되지 않는다. 매치제외(자동) #A4A4A4 보다
   어두운 슬레이트 회색으로 올려 배경과 구분하고 자동/수동 차이는 유지한다. */
body[data-theme="dark"] .member-match-work-screen #grid_cont .ds-btn--sm.ds-btn--dark,
body[data-theme="dark"] .member-match-work-screen .bg_bk,
body[data-theme="dark"] .member-match-work-screen .grid_top_btn.grid_top_btn--dark {
    background: #5b6475;
    border-color: #7a8496;
}
body[data-theme="dark"] .member-match-work-screen .grid_top_btn.grid_top_btn--dark:hover:not(:disabled) {
    background: #6e788b;
}

/* ── 매치작업 입금확인취소 버튼(외곽선형 .ds-btn--primary) ─────────────────── */
/* 배경 투명 + 보더(neutral-300 #3d4759)가 다크 행 배경에 묻힌다. 살짝 띄운 면 + 밝은 보더로 외곽선형 느낌은 유지 */
body[data-theme="dark"] .member-match-work-screen #grid_cont .ds-btn--sm.ds-btn--primary {
    background: #2a3242;
    border-color: #6b7589;
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .member-match-work-screen #grid_cont .ds-btn--sm.ds-btn--primary:hover {
    background: #354052;
    border-color: #8b95a8;
}

/* ── 수동입금 확인·입금확인 불가 모달 선택 행(.select_item_table) ─────────────── */
/* style.css 가 선택 행 배경을 연민트(#EAF3F2)·연파랑(#e8f1ff)으로 고정해 다크의 밝은 글자가 묻힌다.
   같은 색상을 반투명으로 바꿔 입금/주문 구분은 유지한다. 앞 열 라벨(.item_dep/.item_ord)은 진한 색이라 그대로 둔다. */
body[data-theme="dark"] .select_item_table .row_dep {
    background: rgba(97, 173, 161, .18);
}
body[data-theme="dark"] .select_item_table .row_ord {
    background: rgba(76, 125, 199, .20);
}
/* 수동입금 확인 모달 상단 요약 바(.grid_top) — style.css 의 #EDEDED 배경에 다크의 밝은 글자(선택된 입금)가 묻힌다 */
body[data-theme="dark"] .pop_item .grid_top {
    background: var(--ds-color-neutral-200, #2c3445);
}

/* ── 매치현황 모달 입금·주문 내역(tbody) ─────────────────────────────── */
/* matchWork.php 가 인라인으로 고정한 밝은 배경이 다크모드의 밝은 글자를 묻힌다.
   인라인 style을 이기려면 !important가 필요하므로 반투명 다크 배경을 적용한다. */
body[data-theme="dark"] #comf_cancel_1,
body[data-theme="dark"] #comf_cancel_3 {
    background-color: rgba(97, 173, 161, .18) !important;
}
body[data-theme="dark"] #comf_cancel_2 {
    background-color: rgba(76, 125, 199, .20) !important;
}

/* ── 이용현황/결제 · 결제하기 모달(.sc-pm-body) ───────────────────────────── */
/* member-page-design.css 가 카드 #fff·정보 박스 #f5f5f3·글자 #1a1a18 등 라이트 값을 하드코딩한다.
   면은 다크 토큰으로, 강조색(파랑·초록·호박·빨강)은 다크 배경에서 읽히는 밝은 톤으로 바꾼다. */
body[data-theme="dark"] .sc-pm-body,
body[data-theme="dark"] .sc-pm-body .sc-ci-value,
body[data-theme="dark"] .sc-pm-body .sc-card-name,
body[data-theme="dark"] .sc-pm-body .sc-auto-pay-section .sc-auto-pay-title,
body[data-theme="dark"] .sc-pm-body .sc-info-msg strong {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .sc-pm-body .sc-ci-label,
body[data-theme="dark"] .sc-pm-body .sc-section-title,
body[data-theme="dark"] .sc-pm-body .sc-card-desc,
body[data-theme="dark"] .sc-pm-body .sc-feat-row,
body[data-theme="dark"] .sc-pm-body .sc-date-row,
body[data-theme="dark"] .sc-pm-body .sc-date-same,
body[data-theme="dark"] .sc-pm-body .sc-auto-info,
body[data-theme="dark"] .sc-pm-body .sc-info-msg {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .sc-pm-body .sc-feat-no,
body[data-theme="dark"] .sc-pm-body .sc-date-arrow {
    color: #6b7589;
}
/* 면: 현재 이용 정보·날짜 변경·자동결제 박스 / 카드 */
body[data-theme="dark"] .sc-pm-body .sc-current-info,
body[data-theme="dark"] .sc-pm-body .sc-date-change,
body[data-theme="dark"] .sc-pm-body .sc-auto-pay-section {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .sc-pm-body .sc-pm-card {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    box-shadow: none;
}
body[data-theme="dark"] .sc-pm-body .sc-pm-card:hover:not(.sc-disabled) {
    border-color: #6b7589;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}
body[data-theme="dark"] .sc-pm-body .sc-pm-card.sc-recommended {
    border-color: #5a9fe6;
}
body[data-theme="dark"] .sc-pm-body .sc-divider {
    background: rgba(255, 255, 255, .08);
}
/* 강조 글자 */
body[data-theme="dark"] .sc-pm-body .sc-ci-value.sc-highlight,
body[data-theme="dark"] .sc-pm-body .sc-date-ext {
    color: #7fb6ef;
}
body[data-theme="dark"] .sc-pm-body .sc-feat-ok,
body[data-theme="dark"] .sc-pm-body .sc-date-new {
    color: #8fcf6a;
}
body[data-theme="dark"] .sc-pm-body .sc-date-ext.sc-warn {
    color: #e3a857;
}
body[data-theme="dark"] .sc-pm-body .sc-disabled-reason,
body[data-theme="dark"] .sc-pm-body .sc-rec-notice .sc-rec-text {
    color: #f08a8a;
}
/* 아이콘·배지 */
body[data-theme="dark"] .sc-pm-body .sc-card-icon.sc-blue,
body[data-theme="dark"] .sc-pm-body .sc-badge.sc-rec-badge {
    background: rgba(55, 138, 221, .20);
    color: #7fb6ef;
}
body[data-theme="dark"] .sc-pm-body .sc-card-icon.sc-green {
    background: rgba(99, 153, 34, .22);
    color: #8fcf6a;
}
body[data-theme="dark"] .sc-pm-body .sc-card-icon.sc-amber {
    background: rgba(186, 117, 23, .22);
    color: #e3a857;
}
body[data-theme="dark"] .sc-pm-body .sc-card-icon.sc-gray {
    background: rgba(255, 255, 255, .08);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .sc-pm-body .sc-badge.sc-disabled-badge,
body[data-theme="dark"] .sc-pm-body .sc-rec-notice .sc-rec-badge-sm {
    background: rgba(226, 75, 74, .20);
    color: #f08a8a;
}
/* 카드 버튼 */
body[data-theme="dark"] .sc-pm-body .sc-pm-btn {
    border-color: #6b7589;
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .sc-pm-body .sc-pm-btn:hover:not(:disabled) {
    border-color: #8b95a8;
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .sc-pm-body .sc-pm-btn.sc-primary {
    border-color: #5a9fe6;
    background: rgba(55, 138, 221, .22);
    color: #a9cff5;
}
body[data-theme="dark"] .sc-pm-body .sc-pm-btn.sc-primary:hover:not(:disabled) {
    background: rgba(55, 138, 221, .32);
}
body[data-theme="dark"] .sc-pm-body .sc-pm-btn:disabled {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: rgba(255, 255, 255, .03);
    color: #6b7589;
}

/* ── 이용현황/결제 · 쿠폰 현황 모달(.sc-coupon-body) ──────────────────────── */
/* 결제하기 모달과 같은 이유(카드 #fff·박스 #f5f5f3·글자 #1a1a18 하드코딩). 같은 톤으로 맞춘다.
   민트 강조(--member-accent*)는 상단 토큰 재정의로 이미 다크 값을 쓴다. */
body[data-theme="dark"] .sc-coupon-body,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-summary-value,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-list-title,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-tabs .tab_btn:hover {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-summary-label,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-table th,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-table td,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-empty,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-tabs .tab_btn {
    color: var(--ds-color-neutral-600, #b3bccd);
}
/* 탭 */
body[data-theme="dark"] .sc-coupon-body .sc-coupon-tabs .tab_btn {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-tabs .tab_btn:hover {
    border-color: #6b7589;
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-tabs .tab_btn.tab_on {
    border-color: #61ada1;
    color: var(--member-accent, #9fd6cc);
}
/* 요약 박스 · 목록 카드 · 빈 상태 */
body[data-theme="dark"] .sc-coupon-body .sc-coupon-summary {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-list-card,
body[data-theme="dark"] .sc-coupon-body .sc-coupon-empty {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    box-shadow: none;
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-empty-icon {
    background: rgba(255, 255, 255, .08);
    color: var(--ds-color-neutral-600, #b3bccd);
}
/* 표 */
body[data-theme="dark"] .sc-coupon-body .sc-coupon-table th {
    border-top-color: rgba(255, 255, 255, .08);
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-table td {
    border-top-color: rgba(255, 255, 255, .06);
    background: transparent;
}
body[data-theme="dark"] .sc-coupon-body .sc-coupon-table tbody tr:hover td {
    background: rgba(255, 255, 255, .04);
}
/* 하단 닫기 버튼 — #222 가 다크 모달 배경에 묻힌다 (결제하기 모달 등 공용) */
body[data-theme="dark"] .sc-btn-close-bottom {
    background: #5b6475;
}
body[data-theme="dark"] .sc-btn-close-bottom:hover {
    background: #6e788b;
}

/* ── 기간연장·요금제 변경·옵션 변경 화면(managePaymentPlan*) ──────────────── */
/* member-page-design.css 가 본문 박스 배경 #fff·표 보더 #e6eeec·셀렉트 배경 #fff 를 화면 스코프로 고정해
   공통 다크 보정을 이긴다. 민트 강조(--member-accent*)는 상단 토큰 재정의로 이미 다크 값을 쓴다. */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box {
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box > .th_colored_table,
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box > .th_colored_table thead th,
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box > .th_colored_table tbody th,
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box > .th_colored_table tbody td {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box .bkd_select {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) .cont_border_box .rec_txt {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}
/* 뷰에 인라인으로 박힌 안내 목록 글자색(color:#666)·쿠폰 VAT 안내(color:#888) */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) ul[style*="color:#666"],
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen) span[style*="color:#888"] {
    color: var(--ds-color-neutral-600, #b3bccd) !important;
}
/* 하단 버튼(.bkd_btn) — style.css 가 기본 #000 배경, .col_w 는 #fff 배경·#000 글자로 하드코딩.
   주요 버튼(결제하기·자동 결제 이용하기)은 이용자 강조색(진민트)으로, 보조 버튼(.col_w)은 외곽선형으로 */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups, .member-payment-auto-pay-screen, .payment-screen) .bkd_btn {
    border-color: #2a7b6e;
    background-color: #2a7b6e;
    color: #fff;
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups, .member-payment-auto-pay-screen, .payment-screen) .bkd_btn:hover:not(:disabled) {
    border-color: #33907f;
    background-color: #33907f;
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups, .member-payment-auto-pay-screen, .payment-screen) .bkd_btn.col_w {
    border-color: #6b7589;
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups, .member-payment-auto-pay-screen, .payment-screen) .bkd_btn.col_w:hover:not(:disabled) {
    border-color: #8b95a8;
    background-color: var(--ds-color-neutral-100, #232a3a);
}
/* 이전 화면(.back_ico) 화살표 아이콘이 검정이라 다크 버튼 위에서 안 보인다 */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups, .member-payment-auto-pay-screen, .payment-screen) .bkd_btn.back_ico {
    background-image: url('../images/ico_page_prev_dark.png');
}
/* 가상계좌 안내 팝업 강조 문구(.lstr_txt.bkd_col) — 진초록 #2A7B6E 가 다크 배경에 묻힌다 */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-popups, .member-payment-plan-modern-popups) .pop_comm_txt.bkd_col {
    color: var(--member-accent, #9fd6cc) !important; /* style.css .bkd_col 이 !important */
}
/* 현금영수증 번호 입력(input.bkd_input) — style.css 가 배경 #fff·보더 #C0C0C0 하드코딩 */
body[data-theme="dark"] :is(.member-payment-plan-cafe24-b-screen, .member-payment-plan-modern-screen, .payment-screen, .common-popups) input.bkd_input {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 자동 결제 등록 화면(managePaymentAutoPay) ─────────────────────────────── */
/* member-page-design.css 가 본문 박스 배경 #fff·동의 박스 보더 #d9ebe8 을 화면 스코프로 고정한다.
   요금제명(.bkd_col)은 style.css 의 #2A7B6E !important 가 이겨 다크 배경에 묻힌다. 버튼은 위 결제 화면 .bkd_btn 규칙에 포함. */
body[data-theme="dark"] .member-payment-auto-pay-screen .cont_border_box {
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .member-payment-auto-pay-screen .cont_border_box .chk_box {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .member-payment-auto-pay-screen .cont_border_box .bkd_col {
    color: var(--member-accent, #9fd6cc) !important;
}

/* ── 매치 건수 충전 · 자동 충전 등록(managePaymentPoint) ─────────────────────── */
/* 등록 모달의 1,000건 미만 안내 문구가 인라인 color:#212121(거의 검정)이라 다크 모달 배경에 묻힌다.
   등록 후 안내 문구(color:#666)도 인라인이라 !important 로 덮는다. */
body[data-theme="dark"] .match_auto_pay_register_modal .lstr_txt[style*="color:#212121"] {
    color: var(--ds-text-color, #e2e7ef) !important;
}
body[data-theme="dark"] .payment-screen .lstr_txt[style*="color:#666"] {
    color: var(--ds-color-neutral-600, #b3bccd) !important;
}

/* ── 둥근 버튼 검정 변형(.bkd_round_btn.col_bk / .bg_bk) ─────────────────────── */
/* #353535 가 다크 배경과 같은 명도라 묻힌다. 매치작업 매치제외(수동)과 같은 슬레이트로 올린다. */
body[data-theme="dark"] .bkd_round_btn.col_bk {
    border-color: #7a8496;
    background: #5b6475;
}

/* ── 결제내역(payList) 상품명 버튼(.btn_detail) ─────────────────────────────── */
/* 자체 스타일이 없어 UA 기본 버튼 배경(#efefef)·글자 크기가 남는다. 다크에서는 배경 박스가 셀과 따로 놀아
   클릭 가능한 상세 링크처럼 보이도록 배경을 없애고 강조색 글자 + hover 밑줄로 표시한다. */
body[data-theme="dark"] .member-payment-list-screen .btn_detail {
    border: 0;
    background: transparent;
    color: var(--member-accent, #9fd6cc);
    font-size: inherit;
    cursor: pointer;
}
body[data-theme="dark"] .member-payment-list-screen .btn_detail:hover {
    text-decoration: underline;
}

/* ── 과거 입출금내역 가져오기(managePaymentPast) 그리드 날짜 입력 ───────────────── */
/* member-page-design.css 의 .payment-grid-scroll input.date_inp 가 배경 #fff 를 고정한다 */
body[data-theme="dark"] .payment-grid-scroll input.date_inp {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
/* 결제 전 안내 모달 그리드(#sel_inout_grid) — 헤더·합계 행 #EFEFEF, 합계 값 셀 #fff, 테두리 #E2E8F0 를 !important 로 고정 */
body[data-theme="dark"] #sel_inout_grid .dx-datagrid,
body[data-theme="dark"] #sel_inout_grid .dx-datagrid-borders {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] #sel_inout_grid .dx-datagrid-headers .dx-header-row > td,
body[data-theme="dark"] #sel_inout_grid .dx-datagrid-total-footer .dx-row > td {
    background-color: var(--ds-color-neutral-100, #232a3a) !important;
    color: var(--ds-color-neutral-600, #b3bccd) !important;
}
body[data-theme="dark"] #sel_inout_grid .dx-datagrid-total-footer .dx-row > td:last-child,
body[data-theme="dark"] #sel_inout_grid .dx-datagrid-total-footer .dx-row > td:nth-last-child(2) {
    background-color: var(--ds-color-bg-secondary, #1b2130) !important;
    color: var(--ds-text-color, #e2e7ef) !important;
}

/* ── 헤더 공통 팝업: 브라우저 알림 설정(.member-browser-config) ───────────────── */
/* member-page-design.css 가 안내 문구 #526579, 절차 박스 배경 #fff·보더 #d9ebe8, 제목·목록 글자 #243647/#3d4d5c,
   선택 행 보더 #d9ebe8 를 하드코딩한다. 민트 강조(--member-accent*)는 상단 토큰 재정의로 이미 다크 값을 쓴다. */
body[data-theme="dark"] .member-browser-config__intro {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .member-browser-config__select-row,
body[data-theme="dark"] .member-browser-config__steps-wrap {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .member-browser-config__steps-wrap {
    background-color: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .member-browser-config__steps-title {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .member-browser-config__steps li {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .member-browser-config__steps li::before {
    color: var(--member-accent, #9fd6cc);
}

/* ── 헤더 공통 팝업: 계좌/상점 미등록 안내(.checkShopAccount) 바로가기 버튼 ───────── */
/* member-page-design.css 가 배경 #fff·보더 #8bbdb5 를 하드코딩해 다크 모달에서 흰 버튼으로 튄다 */
body[data-theme="dark"] .pop_outer_wrap .pop_item.checkShopAccount .accountCount a,
body[data-theme="dark"] .pop_outer_wrap .pop_item.checkShopAccount .shopCount a {
    border-color: #61ada1;
    background: rgba(97, 173, 161, .12);
}

/* ── 게시판 상세 팝업: 공지사항·문의게시판·알림 (member-*-popups) ───────────────── */
/* member-page-design.css 가 본문 배경 #fff, 제목 #243647, 일시 #678078, 본문 글자 #333/#2f2f2f, 첨부 박스 연민트를
   팝업별로 하드코딩한다. 관리자가 에디터로 넣은 인라인 색(강조 글자 등)은 그대로 둔다. */
body[data-theme="dark"] :is(.member-notice-popups .board_detail, .member-qna-popups .board_detail, .member-qna-popups .board_edit, .member-alarm-popups .alarm_detail) .pop_cont {
    background-color: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] :is(.member-notice-popups .board_detail, .member-qna-popups .board_detail, .member-alarm-popups .alarm_detail) .board_detail_tit {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] :is(.member-notice-popups .board_detail, .member-qna-popups .board_detail, .member-qna-popups .board_edit, .member-alarm-popups .alarm_detail) :is(.board_detail_date, .pop_comm_txt2) {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] :is(.member-notice-popups, .member-qna-popups, .member-alarm-popups) :is(.board_detail_cont, #detailContent, #editDetailContent, #answerContent) {
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] :is(.member-notice-popups, .member-qna-popups) :is(.board_detail_attach, .answer_detail_attach) {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .member-alarm-popups .alarm_detail .th_colored_table th {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-neutral-100, #232a3a);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .member-alarm-popups .alarm_detail .th_colored_table td {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .member-qna-popups #editDetailContent {
    background-color: var(--ds-color-bg-secondary, #1b2130);
}
/* 문의 작성 팝업 첨부파일명 입력(.file_attach_wrap .file_name) — UA 기본 흰 배경 */
body[data-theme="dark"] .file_attach_wrap .file_name {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 설정 > 상점관리 (manageShop, .member-manage-screen) 추가 보정 ─────────────── */
/* 상단 FAQ 태그 버튼(.member-tag-pill) — 배경 #fff·보더 #cbd5e1 하드코딩. hover 는 민트 토큰이라 다크 값 사용 */
body[data-theme="dark"] .member-manage-screen .member-tag-pill,
body[data-theme="dark"] .member-manage-screen #faqList .member-tag-pill {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .member-manage-screen .member-tag-pill:hover {
    border-color: #61ada1;
    background: var(--member-accent-soft, rgba(97, 173, 161, .12));
    color: var(--member-accent, #9fd6cc);
}
/* 툴바 하단선 #eee, 그리드 셀 구분선 #f1f5f9 — 다크에서 흰 줄로 보인다 */
body[data-theme="dark"] .member-manage-screen .member-manage-toolbar {
    border-bottom-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-header-row > td,
body[data-theme="dark"] .member-manage-screen #grid_cont .dx-data-row > td {
    border-color: var(--ds-color-neutral-200, #2f3849);
}
/* 상점 색상 선택 팝업(.color-picker-modal) — JS 인라인 배경 #fff·보더 #000·닫기 버튼 #f0f0f0 */
body[data-theme="dark"] .color-picker-modal {
    border-color: var(--ds-color-neutral-300, #3d4759) !important;
    background: var(--ds-color-bg-secondary, #1b2130) !important;
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .color-picker-modal > button {
    border-color: var(--ds-color-neutral-300, #3d4759) !important;
    background: var(--ds-color-neutral-100, #232a3a) !important;
    color: var(--ds-text-color, #e2e7ef);
}
/* 매치상태 에러 상세 팝업 — 표 th·안내 문구 인라인 color:#666 */
body[data-theme="dark"] .member-manage-popups :is(th, p)[style*="color:#666"] {
    color: var(--ds-color-neutral-600, #b3bccd) !important;
}
/* 상점·계좌 상세 등 모달 항목 라벨 — 공용 다크 .t_label(본문색)이 member-page-design.css 의 민트 라벨색을 덮어
   라벨과 값(.member_txt)이 같은 색으로 보이던 문제. 라이트와 동일하게 강조색으로 구분한다. */
body[data-theme="dark"] .member-manage-popups .t_label {
    color: var(--member-accent, #9fd6cc);
}

/* ── 계좌관리 · 계좌 상세정보 모달(.acc_detail) ───────────────────────────── */
/* member-page-design.css 가 본문 박스·입력칸·셀렉트 배경 #fff, FAQ 태그 버튼 배경 #fff(ID 선택자라 공용 .faq_list_btn 다크 규칙을 이김),
   style.css 가 색상 선택 버튼(.col_label_btn) 배경 #000·색 견본 보더 #ccc 를 하드코딩한다. */
body[data-theme="dark"] .member-manage-popups .acc_detail_wrap {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .member-manage-popups .acc_detail_wrap .bkd_input,
body[data-theme="dark"] .member-manage-popups .acc_detail_wrap .bkd_select {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .member-manage-popups .acc_detail #faqList2 .faq_list_btn {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .col_picker_wrap .col_label_btn {
    background: #5b6475;
}
body[data-theme="dark"] .col_picker_wrap .clr-field {
    border-color: var(--ds-color-neutral-300, #3d4759);
}

/* ── 계좌관리 · 변경이력 팝업/상세(.member-history-popup / .member-history-detail) ── */
/* 표 머리글 #ededed·#797979, 행 구분선 #e6eeec, hover #f8fbfa 하드코딩 */
body[data-theme="dark"] .member-manage-popups .member-history-popup .pop_table thead th,
body[data-theme="dark"] .member-manage-popups .member-history-detail .th_colored_table th {
    background: var(--ds-color-neutral-100, #232a3a);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .member-manage-popups .member-history-popup .pop_table tbody td,
body[data-theme="dark"] .member-manage-popups .member-history-detail .th_colored_table th,
body[data-theme="dark"] .member-manage-popups .member-history-detail .th_colored_table td {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .member-manage-popups .member-history-popup .pop_table tbody tr:hover td {
    background: rgba(255, 255, 255, .04);
}

/* ── 빠른계좌 등록절차 안내 (계좌관리 모달 .member-guide-modal + iframe /bankList) ── */
/* 모달 틀: member-page-design.css 가 배경 #fff 를 하드코딩 (헤더는 민트 토큰이라 다크 값 사용) */
body[data-theme="dark"] .member-guide-modal {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
}
/* iframe 페이지(bankList): 섹션의 .ds-theme-member 가 면·선 토큰을 라이트 값으로 다시 선언하므로 토큰 대신 값으로 지정.
   은행 로고 타일은 로고 이미지가 흰 바탕 기준이라 흰 배경 유지 */
body[data-theme="dark"]:has(.bank-list-page) {
    background: #131720;
}
body[data-theme="dark"] .bank-list-page {
    color: #e2e7ef;
}
body[data-theme="dark"] .bank-list-page .main_logo img {
    content: url('../images/logo_dark.png');
}
body[data-theme="dark"] .bank-list-page .login_sub_tit,
body[data-theme="dark"] .bank-list-page .b_name,
body[data-theme="dark"] .bank-list-page .t_label {
    color: #e2e7ef;
}
body[data-theme="dark"] .bank-list-page .b_name,
body[data-theme="dark"] .bank-list-page .t_label.col_gr {
    color: #9fd6cc !important;
}
body[data-theme="dark"] .bank-list-page .pop_comm_txt2,
body[data-theme="dark"] .bank-list-page .numb_list {
    color: #b3bccd;
}
body[data-theme="dark"] .bank-list-page .acc_step_info {
    border-color: #3d4759;
    background: #1b2130;
}
body[data-theme="dark"] .bank-list-page .img_button {
    border-color: #3d4759;
    background: #fff;
}
body[data-theme="dark"] .bank-list-page .bank_lists .selected .img_button {
    border-color: #61ada1;
    box-shadow: 0 0 0 2px #61ada1;
}
/* [빠른계좌조회 등록절차 안내] 버튼 — 스타일 없는 <button> 이라 UA 기본 배경(#efefef)이 남아 다크에서 흰 박스로 보인다.
   클릭하면 등록절차 모달이 열리는 링크이므로 강조색 + hover 밑줄 */
body[data-theme="dark"] .info_img_txt > button[onclick^="bank_info_popup"] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--member-accent, #9fd6cc);
    cursor: pointer;
}
body[data-theme="dark"] .info_img_txt > button[onclick^="bank_info_popup"]:hover {
    text-decoration: underline;
}

/* ── 설정 > 매치관리 (configMatch, .match-config-screen / .match-config-popups) 추가 보정 ── */
/* 기존 .word_item·.match_tag 다크 규칙은 member-page-design.css 의 화면 스코프 규칙(.match-config-screen .match_keyword_list .word_item 등)에
   특이도가 밀리고, 색 구분 칩의 글자색(#991b1b 등 진한 색)은 그대로라 대비가 낮다. 같은 스코프로 다시 덮는다. */
body[data-theme="dark"] .dbi-config-screen .cs-acc-header:hover {
    background: rgba(255, 255, 255, .04);
}
body[data-theme="dark"] .dbi-config-screen .cs-acc-body,
body[data-theme="dark"] .dbi-config-screen .cs-opt-row {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .dbi-config-screen .cs-save-btn:hover {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .dbi-config-screen .cs-save-btn:disabled,
body[data-theme="dark"] .dbi-config-screen .cs-save-btn:disabled:hover {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-neutral-100, #232a3a);
    color: #6b7589;
}
/* 아코디언 아이콘 — 뷰 인라인 style="background:#eaf3f2;color:#297b6e" */
body[data-theme="dark"] .match-config-screen .cs-acc-icon {
    background: rgba(97, 173, 161, .15) !important;
    color: #9fd6cc !important;
}
/* 설정 칩·입력(화면관리 등 .dbi-config-screen 공용) */
body[data-theme="dark"] .dbi-config-screen :is(.cs-color-chip, .cs-radio-chip, .cs-radio-chip-sm, .cs-print-input) {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dbi-config-screen .cs-print-item {
    background: var(--ds-color-neutral-100, #232a3a);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dbi-config-screen :is(.cs-radio-chip.sel, .cs-radio-chip-sm.sel) {
    border-color: #1D9E75;
    background: rgba(29, 158, 117, .18);
    color: #8fd9bd;
}
/* 매치 대상/금액 표 구분선 */
body[data-theme="dark"] .match-config-screen .match_target_header {
    border-bottom-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .match-config-screen :is(.match_target_row, .match_amount_row) {
    border-bottom-color: var(--ds-color-neutral-200, #2f3849);
}
body[data-theme="dark"] .match-config-screen :is(.match_info_box, .match_target_cell--cond) {
    color: #9fd6cc;
}
body[data-theme="dark"] .match-config-screen .match_no {
    color: #f87171;
}
body[data-theme="dark"] .match-config-screen .amount-unit {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .match-config-screen .match_keyword_recommend {
    border-color: rgba(250, 204, 21, .35);
    background: rgba(250, 204, 21, .10);
    color: #fde68a;
}
/* 키워드 칩 */
body[data-theme="dark"] .match-config-screen .match_keyword_list .word_item {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .match-config-screen .match_keyword_list .word_item:hover {
    border-color: #6b7589;
}
body[data-theme="dark"] .match-config-screen .word_item.word-item-red {
    border-color: rgba(248, 113, 113, .45);
    background-color: rgba(239, 68, 68, .16);
    color: #fca5a5;
}
body[data-theme="dark"] .match-config-screen .word_item.word-item-purple {
    border-color: rgba(192, 132, 252, .45);
    background-color: rgba(168, 85, 247, .16);
    color: #d8b4fe;
}
body[data-theme="dark"] .match-config-screen .word_item.word-item-orange {
    border-color: rgba(251, 146, 60, .45);
    background-color: rgba(249, 115, 22, .16);
    color: #fdba74;
}
body[data-theme="dark"] .match-config-screen .match_tag--deposit { color: #fcd34d; }
body[data-theme="dark"] .match-config-screen .match_tag--order   { color: #86efac; }

/* 추천 키워드 선택 팝업 */
body[data-theme="dark"] .match-config-popups .match_keyword_pick_text {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .match-config-popups .match_keyword_pick_label input:checked + .match_keyword_pick_text {
    border-color: #297b6e;
    background: #297b6e;
    color: #fff;
}
/* 매치 미리보기 팝업 */
body[data-theme="dark"] .match-config-popups :is(.match-preview-popup, .match-keyword-example) .pop_head,
body[data-theme="dark"] .match-config-popups .match-keyword-example .pop_cont {
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .match-config-popups .match-preview-table tbody tr.is-match,
body[data-theme="dark"] .match-config-popups .keyword-example-table tr.is-excluded {
    background: rgba(34, 197, 94, .10);
}
body[data-theme="dark"] .match-config-popups .match-preview-table tbody tr.is-excluded,
body[data-theme="dark"] .match-config-popups .keyword-example-table tr.is-target {
    background: rgba(239, 68, 68, .10);
}
body[data-theme="dark"] .match-config-popups .match-preview-badge,
body[data-theme="dark"] .match-config-popups .keyword-example-table .keyword-example-status {
    border-color: rgba(34, 197, 94, .40);
    background: rgba(34, 197, 94, .16);
    color: #86efac;
}
body[data-theme="dark"] .match-config-popups .is-excluded .match-preview-badge,
body[data-theme="dark"] .match-config-popups .keyword-example-table .keyword-example-status.is-target {
    border-color: rgba(248, 113, 113, .45);
    background: rgba(239, 68, 68, .16);
    color: #fca5a5;
}
body[data-theme="dark"] .match-config-popups .match-preview-highlight {
    background: rgba(239, 68, 68, .25);
    color: #fca5a5;
}
/* 키워드 예시 팝업 */
body[data-theme="dark"] .match-config-popups .keyword-example-intro p,
body[data-theme="dark"] .match-config-popups .keyword-example-table .keyword-example-pattern {
    color: #9fd6cc;
}
body[data-theme="dark"] .match-config-popups .keyword-example-card {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
}
body[data-theme="dark"] .match-config-popups .keyword-example-card-head {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .match-config-popups :is(.keyword-example-pattern, .keyword-example-result) {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .match-config-popups .keyword-example-pattern span {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .match-config-popups .keyword-example-status.is-excluded {
    background: rgba(97, 173, 161, .18);
    color: #9fd6cc;
}
body[data-theme="dark"] .match-config-popups .keyword-example-status.is-matched {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .match-config-popups .keyword-example-table td {
    border-bottom-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .match-config-popups .keyword-example-table :is(.keyword-example-rule, .keyword-example-pattern) {
    border-bottom-color: var(--ds-color-neutral-300, #3d4759);
}

/* ── 구서비스조회 (cafe24/bankdaM/bankda/godomall Accounts, .member-old-service-screen) ── */
/* 도움말(정렬/검색/필터링) 팝업 탭 버튼 — 뷰 인라인 <style> 의 배경 #f9f9f9/#ddd·보더 #ddd */
body[data-theme="dark"] .helpLayerPupup .tab-btn {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .helpLayerPupup .tab-btn.active {
    background: var(--ds-color-neutral-100, #232a3a);
    color: var(--ds-text-color, #e2e7ef);
}
/* 메모 입력(.bkd_textarea) — style.css 가 글자 #2F2F2F·보더 #C0C0C0, 배경은 UA 기본 흰색 */
body[data-theme="dark"] .bkd_textarea {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background-color: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-text-color, #e2e7ef);
}

/* ── 설정 > 기본 설정 (제휴사, member-page-design.css .hbc-*) ───────────────── */
/* 안내 배너·셀렉트·상태 배지·이용 한도 카드·행 구분선·아이콘 칩 배경이 라이트 색으로 하드코딩돼 있다. */
body[data-theme="dark"] .hbc-modern .hbc-banner {
    background: var(--member-accent-soft, rgba(97, 173, 161, .12));
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .hbc-modern .hbc-form-row {
    border-bottom-color: var(--ds-color-border, #2f3849);
}
body[data-theme="dark"] .hbc-modern .hbc-select {
    background-color: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .hbc-modern .hbc-status-badge.on {
    background: rgba(29, 158, 117, .18);
    color: #7fd8b6;
}
body[data-theme="dark"] .hbc-modern .hbc-status-badge.off {
    background: rgba(216, 90, 48, .18);
    color: #f0a585;
}
body[data-theme="dark"] .hbc-modern .hbc-status-sub {
    color: var(--ds-color-muted, #9aa5b8);
}
body[data-theme="dark"] .member-hub-basic-config-screen .hbc-readonly-row {
    border-color: var(--ds-color-neutral-300, #3d4759);
    background: var(--ds-color-bg-secondary, #1b2130);
    color: var(--ds-color-muted, #9aa5b8);
}
body[data-theme="dark"] .member-hub-basic-config-screen .hbc-icon-blue {
    background: rgba(24, 95, 165, .25);
    color: #8ec1f0;
}
body[data-theme="dark"] .member-hub-basic-config-screen .hbc-icon-green {
    background: rgba(15, 110, 86, .25);
    color: #7fd8b6;
}
body[data-theme="dark"] .member-hub-basic-config-screen .hbc-icon-purple {
    background: rgba(126, 34, 206, .25);
    color: #c9a2f5;
}

/* ── 계좌관리 > 과거 입출금내역 가져오기 모달(.past_history_popup) ───────────── */
/* style.css .pop_comm_txt 가 #747474 고정 + strong 굵기 초기화라 항목 제목과 값이 같은 흐린 회색으로 보인다. */
body[data-theme="dark"] .past_history_popup .pop_comm_txt {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .past_history_popup summary.pop_comm_txt,
body[data-theme="dark"] .past_history_popup .pop_comm_txt strong {
    color: var(--ds-text-color, #e2e7ef);
    font-weight: 600;
}

/* ── 데이터전송 관리 (제휴사, manageHubDataTransfer.php <style> .dtr-page) ───────── */
/* 뷰 전용 스타일이 흰 배경·연청록 면·진한 글자를 토큰 없이 하드코딩한다. 코드 예시 블록(#0f172a/#1e293b)은 원래 어두워 제외. */
body[data-theme="dark"] .cont_area.dtr-page {
    background: var(--ds-color-bg, #131720);
}
body[data-theme="dark"] .dtr-page {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dtr-page :is(input[type=text], input[type=password], select, .ds-form-input, .dtr-pw-group, .token-str) {
    background: var(--ds-color-bg-secondary, #1b2130) !important;
    border-color: var(--ds-color-neutral-300, #3d4759) !important;
    color: var(--ds-text-color, #e2e7ef);
}
/* 면: 흰 카드·섹션 */
body[data-theme="dark"] .dtr-page :is(.dtr-wrapper-bd, .mode-card, .card, .cs-acc, .dt-api-table td, .api-nav-btn, .btn-ghost) {
    background: var(--ds-color-bg-secondary, #1b2130);
}
/* 면: 연청록·연회색 강조 면 */
body[data-theme="dark"] .dtr-page :is(.dtr-wrapper-hd, .mode-card.sel, .info, .step-card, .token-box, .iptable th, .ftable .lbl, .dt-api-table th, .dt-api-table thead tr, .dt-response-pre, .dt-btn-test, .dtr-btn-schema, .dt-btn-schema, .ptyp, .popt, .pcon, .ip-badge, .api-nav-group-api, .api-nav-group-ref) {
    background: var(--ds-color-neutral-100, #232a3a);
}
body[data-theme="dark"] .dtr-page .api-nav-group-config {
    background: rgba(245, 197, 66, .08);
}
body[data-theme="dark"] .dtr-page .cs-acc-header:hover {
    background: var(--ds-color-neutral-100, #232a3a) linear-gradient(#48877c, #48877c) no-repeat left center/3px 1.2em;
}
body[data-theme="dark"] .dtr-page .api-nav-btn:hover {
    background: var(--member-accent-soft, rgba(97, 173, 161, .12));
}
body[data-theme="dark"] .dtr-page .api-nav-btn.active {
    background: #48877c;
    color: #fff;
}
/* 테두리·구분선 */
body[data-theme="dark"] .dtr-page :is(.dtr-wrapper, .dtr-wrapper-hd, .mode-card, .card, .cs-acc, .info, .step-card, .token-box, .token-str, .api-nav-btn, .btn-ghost, .api-nav-bar, .api-sec-hdr, .is-sect + .is-sect, .ftable tr, .ftable .lbl, .ftable .hlp, .iptable th, .iptable td, .dt-form-row, .dt-api-table, .dt-api-table th, .dt-api-table td, .dt-response-pre, .dt-btn-test) {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .dtr-page .mode-card.sel {
    border-color: #48877c;
}
body[data-theme="dark"] .dtr-page .api-nav-sep-v {
    background: var(--ds-color-neutral-300, #3d4759);
}
/* 글자: 제목·강조(진한 청록/검정) */
body[data-theme="dark"] .dtr-page :is(.pg-title, .api-sec-title, .mode-name, .pause-title, .pname, .dt-form-label, .cs-acc-body .dt-form-label, .token-meta span strong) {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] .dtr-page :is(.sec-ttl, .card-hdr, .cs-acc-title, .mode-card.sel .mode-name, .info-t, .step-title, .slbl, .iptable th, .token-str, .ip-badge, .pcon, .api-nav-btn) {
    color: var(--member-accent, #9fd6cc);
}
/* 글자: 본문·보조 회색 */
body[data-theme="dark"] .dtr-page :is(.info li, .ftable .lbl, .is-sect li, .dt-api-table th, .dt-btn-test, .btn-ghost, .dt-response-pre) {
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] .dtr-page :is(.bc, .mode-sub, .step-desc, .api-sec-desc, .api-desc, .token-meta, .ftable .hlp, .dt-api-table td, .dt-notice-item, .dtr-form-hint, .cs-acc-desc, .pause-desc) {
    color: var(--ds-color-muted, #9aa5b8);
}
/* 경고(노랑) 박스 */
body[data-theme="dark"] .dtr-page :is(.warn, .dt-warn, .ip-empty-warn, .ip-max-warn) {
    background: rgba(245, 158, 11, .1);
    border-color: rgba(245, 158, 11, .35);
}
body[data-theme="dark"] .dtr-page :is(.warn-t, .warn li, .dt-warn h4, .dt-warn li, .ip-empty-warn, .ip-max-warn) {
    color: #f5c67a;
}
/* 상태·필수 배지 */
body[data-theme="dark"] .dtr-page .dtr-badge-active { background: rgba(99, 153, 34, .2); color: #b5dd84; }
body[data-theme="dark"] .dtr-page .dtr-badge-paused { background: rgba(186, 117, 23, .2); color: #f0c27a; }
body[data-theme="dark"] .dtr-page .dtr-badge-inactive { background: rgba(207, 32, 32, .2); color: #f59a9a; }
body[data-theme="dark"] .dtr-page .dtr-badge-free { background: rgba(26, 86, 219, .22); color: #9dbcf5; }
body[data-theme="dark"] .dtr-page :is(.preq, .dt-badge-paused) { background: rgba(220, 38, 38, .2); color: #f59a9a; }
body[data-theme="dark"] .dtr-page .mth-tab.GET { background: rgba(29, 78, 216, .22); border-color: transparent; color: #9dbcf5; }
body[data-theme="dark"] .dtr-page .mth-tab.POST { background: rgba(5, 150, 105, .22); border-color: transparent; color: #7fd8b6; }
body[data-theme="dark"] .dtr-page .mth-tab.PUT { background: rgba(234, 88, 12, .22); border-color: transparent; color: #f5b58a; }
body[data-theme="dark"] .dtr-page .mth-tab.DELETE { background: rgba(239, 68, 68, .22); border-color: transparent; color: #f59a9a; }
body[data-theme="dark"] .dtr-page .mth-tab.GET:is(.active, :hover) { border-color: #6b95ea; }
body[data-theme="dark"] .dtr-page .mth-tab.POST:is(.active, :hover) { border-color: #34b98a; }
body[data-theme="dark"] .dtr-page .mth-tab.PUT:is(.active, :hover) { border-color: #f08a4b; }
body[data-theme="dark"] .dtr-page .mth-tab.DELETE:is(.active, :hover) { border-color: #ef6b6b; }
/* 도움말 툴팁 */
body[data-theme="dark"] .dtr-page .dtr-helpTooltip {
    background: var(--ds-color-bg-secondary, #1b2130);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .dtr-page .dtr-helpTooltip::before {
    border-bottom-color: var(--ds-color-bg-secondary, #1b2130);
}
/* 은행코드·계좌 가이드 모달, 결과 팝업 */
body[data-theme="dark"] :is(#modal-bankcode .dtr-bankcode-panel, #modal-account-guide .dtr-guide-panel) {
    background: var(--ds-color-bg-secondary, #1b2130);
    border: 1px solid var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] :is(#modal-bankcode .dtr-bankcode-head, #modal-account-guide .dtr-guide-head, #modal-bankcode .dtr-bankcode-table th, #modal-bankcode .dtr-bankcode-table td) {
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] :is(#modal-bankcode .dtr-bankcode-title, #modal-account-guide .dtr-guide-title) {
    color: var(--ds-text-color, #e2e7ef);
}
body[data-theme="dark"] :is(#modal-bankcode .dtr-bankcode-close, #modal-account-guide .dtr-guide-close, #modal-bankcode .dtr-bankcode-table th) {
    background: var(--ds-color-neutral-100, #232a3a);
    color: var(--ds-color-neutral-600, #b3bccd);
}
body[data-theme="dark"] #modal-bankcode .dtr-bankcode-table td:first-child { color: var(--member-accent, #9fd6cc); }
body[data-theme="dark"] #modal-bankcode .dtr-bankcode-table td:last-child { color: var(--ds-color-neutral-600, #b3bccd); }
body[data-theme="dark"] .pop_outer_wrap .dtr-result-popup :is(.pop_head, .th_colored_table th) {
    background: var(--ds-color-neutral-100, #232a3a);
    border-color: var(--ds-color-neutral-300, #3d4759);
}
body[data-theme="dark"] .pop_outer_wrap .dtr-result-popup :is(.pop_tit, .th_colored_table th) {
    color: var(--member-accent, #9fd6cc);
}
/* 인라인 style 하드코딩(가이드·안내 문구) — 인라인이라 !important 필요 */
body[data-theme="dark"] .dtr-page [style*="color:#1a4a43"],
body[data-theme="dark"] .dtr-page [style*="color:#5a8a85"] { color: var(--member-accent, #9fd6cc) !important; }
body[data-theme="dark"] .dtr-page :is([style*="color:#111;"], [style*="color:#111\""], [style*="color:#0F172A"]) { color: var(--ds-text-color, #e2e7ef) !important; }
body[data-theme="dark"] .dtr-page [style*="color:#374151"] { color: var(--ds-color-neutral-600, #b3bccd) !important; }
body[data-theme="dark"] .dtr-page :is([style*="color:#6b7280"], [style*="color:#9ca3af"], [style*="color: #666"]) { color: var(--ds-color-muted, #9aa5b8) !important; }
body[data-theme="dark"] .dtr-page :is([style*="color:#92400e"], [style*="color:#78350f"], [style*="color:#b45309"], [style*="color:#7a5c20"]) { color: #f5c67a !important; }
body[data-theme="dark"] .dtr-page [style*="color:#9b1c1c"] { color: #f59a9a !important; }
body[data-theme="dark"] .dtr-page :is([style*="background:#fff;"], [style$="background:#fff"]) { background: var(--ds-color-bg-secondary, #1b2130) !important; }
body[data-theme="dark"] .dtr-page :is([style*="background:#eaf3f2"], [style*="background:#e8f0ee"], [style*="background:#f3f4f6"]) { background: var(--ds-color-neutral-100, #232a3a) !important; }
body[data-theme="dark"] .dtr-page [style*="background:#c9e0dd"] { background: var(--ds-color-neutral-300, #3d4759) !important; }
body[data-theme="dark"] .dtr-page :is([style*="background:#fff8e7"], [style*="background:#fffbeb"]) { background: rgba(245, 158, 11, .1) !important; }
body[data-theme="dark"] .dtr-page :is([style*="border:1px solid #c9e0dd"], [style*="border:1.5px solid #c9e0dd"], [style*="border:1px solid #e5e7eb"], [style*="border-bottom:1px solid #f0f0f0"]) { border-color: var(--ds-color-neutral-300, #3d4759) !important; }
body[data-theme="dark"] .dtr-page :is([style*="border:1px solid #fde68a"], [style*="border:1px solid #fcd34d"], [style*="border-top:1px solid #fde68a"]) { border-color: rgba(245, 158, 11, .35) !important; }
body[data-theme="dark"] .dtr-page .dtr-tog-sl { background-color: var(--ds-color-neutral-300, #3d4759); }
body[data-theme="dark"] .dtr-page .dtr-tog-sw input:checked + .dtr-tog-sl { background-color: #48877c; }
body[data-theme="dark"] .dtr-page :is([style*="background:#f0f8f7"], [style*="background:#b8d9d5"], [style*="background:#f1f5f9"]) { background: var(--ds-color-neutral-100, #232a3a) !important; }
body[data-theme="dark"] .dtr-page [style*="background:#fee2e2"] { background: rgba(220, 38, 38, .2) !important; }
body[data-theme="dark"] .dtr-page [style*="background:#fef3c7"] { background: rgba(245, 158, 11, .15) !important; }
body[data-theme="dark"] .dtr-page [style*="background:#d1d5db"] { background: var(--ds-color-neutral-300, #3d4759) !important; }
/* 메서드 탭 안 숨김 패널(폼 접속 방법 등)의 인라인 색 — 주의사항 크림 박스(#fef9ec)에 밝은 노랑 글자가 겹쳐 안 보이던 문제 */
body[data-theme="dark"] .dtr-page [style*="background:#fef9ec"] { background: rgba(245, 158, 11, .1) !important; }
body[data-theme="dark"] .dtr-page :is([style*="background:#eef2ff"], [style*="background:#f8fafc" i]) { background: var(--ds-color-neutral-100, #232a3a) !important; }
body[data-theme="dark"] .dtr-page :is([style*="border-top:1px solid #f0f0f0"], [style*="border-left:1px solid #e5e7eb"]) { border-color: var(--ds-color-neutral-300, #3d4759) !important; }
body[data-theme="dark"] .dtr-page [style*="color:#64748b" i] { color: var(--ds-color-muted, #9aa5b8) !important; }
body[data-theme="dark"] .dtr-page [style*="color: #c2410c"] { color: #f5b58a !important; }
body[data-theme="dark"] .dtr-page [style*="color:#0f766e"] { color: var(--member-accent, #9fd6cc) !important; }