@charset "utf-8";
/* ═══════════════════════════════════════════════════════
   VPNLink Admin Theme Switcher — Light / Dark / System
   ════════════════════════════════════════════════════════ */

/* ── 테마 토글 버튼 ── */
.theme-toggle-btn,
#vpn-theme-btn {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 6px !important;
    color: #fff !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 30px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    transition: background .2s, border-color .2s !important;
    vertical-align: middle !important;
    position: static !important;
    text-overflow: unset !important;
    overflow: visible !important;
    white-space: normal !important;
}
.theme-toggle-btn:hover,
#vpn-theme-btn:hover {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.5) !important;
}
/* #tnb button span override — 기본 버튼의 span은 이미지 처리되나 테마 버튼 span은 SVG */
#vpn-theme-btn > span,
#vpn-theme-btn #vpn-theme-icon {
    text-indent: 0 !important;
    overflow: visible !important;
    width: 16px !important;
    height: 16px !important;
    position: static !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#vpn-theme-btn svg,
.theme-toggle-btn svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

/* ══════════════════════════════════════════════════════
   DARK MODE  [data-theme="dark"]
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] body {
    background: #1e1e1e !important;
    color: #cccccc !important;
}

/* 상단바 — 더 어두운 톤 */
[data-theme="dark"] #hd_top {
    background: #181818 !important;
}
[data-theme="dark"] #logo {
    background: #111111 !important;
}

/* 사이드바 */
[data-theme="dark"] #gnb .gnb_ul {
    background: #252526 !important;
}
[data-theme="dark"] #gnb .gnb_li {
    border-bottom-color: #454545 !important;
}
[data-theme="dark"] #gnb .gnb_li button {
    background-color: #252526 !important;
}
[data-theme="dark"] #gnb .gnb_li button:hover {
    background-color: #2a2d2e !important;
}
[data-theme="dark"] #gnb .on .btn_op,
[data-theme="dark"] #gnb .gnb_li.on button {
    background-color: #0e639c !important;
}
[data-theme="dark"] #gnb .gnb_oparea {
    background: #252526 !important;
    border-color: #454545 !important;
}
[data-theme="dark"] #gnb .gnb_oparea h3 {
    color: #3794ff !important;
    border-bottom-color: #454545 !important;
}
[data-theme="dark"] #gnb .gnb_2da {
    color: #b0b0b0 !important;
}
[data-theme="dark"] #gnb .gnb_2da:hover,
[data-theme="dark"] #gnb .gnb_2da.on {
    color: #3794ff !important;
    background: rgba(255,255,255,.06) !important;
}

/* 컨테이너 본문 */
[data-theme="dark"] #wrapper {
    color: #cccccc;
}
[data-theme="dark"] #container {
    background: #1e1e1e !important;
}
[data-theme="dark"] #container_title,
[data-theme="dark"] h1#container_title {
    background: #2d2d2d !important;
    color: #cccccc !important;
    border-bottom-color: #454545 !important;
}
[data-theme="dark"] h2 {
    color: #b8b8b8 !important;
}

/* 링크 */
[data-theme="dark"] a:link,
[data-theme="dark"] a:visited {
    color: #3794ff !important;
}
[data-theme="dark"] a:hover {
    color: #9cdcfe !important;
}

/* 폼 요소 */
[data-theme="dark"] textarea,
[data-theme="dark"] .frm_input,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] select {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}
[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    border-color: #007acc !important;
    outline-color: #007acc !important;
}

/* 테이블 */
[data-theme="dark"] .tbl_head01,
[data-theme="dark"] .tbl_head02 {
    border-color: #454545 !important;
}
[data-theme="dark"] .tbl_head01 thead th,
[data-theme="dark"] .tbl_head01 tbody th,
[data-theme="dark"] .tbl_head02 thead th,
[data-theme="dark"] .tbl_head02 tbody th {
    background: #2d2d2d !important;
    border-color: #094771 !important;
    color: #b8b8b8 !important;
}
[data-theme="dark"] .tbl_head01 tbody td,
[data-theme="dark"] .tbl_head02 tbody td,
[data-theme="dark"] tbody td {
    background: #1e1e1e !important;
    border-color: #454545 !important;
    color: #bbbbbb !important;
}
[data-theme="dark"] .tbl_head01 tbody tr:hover td,
[data-theme="dark"] .tbl_head02 tbody tr:hover td {
    background: #3c3c3c !important;
}

/* 로컬 네비 */
[data-theme="dark"] .local_ov01 {
    background: #252526 !important;
    border-color: #454545 !important;
}
[data-theme="dark"] .local_ov01 .ov_li {
    border-right-color: #454545 !important;
}
[data-theme="dark"] .local_ov01 .ov_a {
    color: #3794ff !important;
}

/* 검색 영역 */
[data-theme="dark"] .local_search {
    background: #252526 !important;
    border-color: #454545 !important;
}
[data-theme="dark"] .local_search .input_search {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* 카드/박스 */
[data-theme="dark"] .local_desc01,
[data-theme="dark"] .box_frm {
    background: #252526 !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* 배경이 흰색인 공통 요소 */
[data-theme="dark"] .btn_win01 a,
[data-theme="dark"] .btn_win01 button,
[data-theme="dark"] .btn_list01 input,
[data-theme="dark"] .btn_list01 button,
[data-theme="dark"] .btn_list01 a,
[data-theme="dark"] .btn_list02 input,
[data-theme="dark"] .btn_list02 button,
[data-theme="dark"] .btn_list02 a {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* 상태 배지 */
[data-theme="dark"] .required {
    background-color: #3c3c3c !important;
}

/* HR / 구분선 */
[data-theme="dark"] hr {
    border-color: #454545 !important;
}

/* pagination */
[data-theme="dark"] .pg_wrap a,
[data-theme="dark"] .pg_wrap strong {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #b8b8b8 !important;
}
[data-theme="dark"] .pg_wrap strong {
    background: #094771 !important;
    color: #3794ff !important;
}

/* 폼 테이블 (.tbl_frm01 / .tbl_frm02) */
[data-theme="dark"] .tbl_frm01,
[data-theme="dark"] .tbl_frm02 {
    border-color: #454545 !important;
}
[data-theme="dark"] .tbl_frm01 th,
[data-theme="dark"] .tbl_frm02 th {
    background: #2d2d2d !important;
    color: #aaaaaa !important;
    border-color: #454545 !important;
}
[data-theme="dark"] .tbl_frm01 td,
[data-theme="dark"] .tbl_frm02 td {
    background: #1e1e1e !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* 설명 텍스트 박스 */
[data-theme="dark"] .local_desc,
[data-theme="dark"] .local_desc02 {
    background: #252526 !important;
    color: #9a9a9a !important;
    border-color: #454545 !important;
}

/* 검색 바 */
[data-theme="dark"] .local_sch .sch_input,
[data-theme="dark"] .local_sch01 .frm_input,
[data-theme="dark"] .local_sch select,
[data-theme="dark"] .local_sch01 select {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}
[data-theme="dark"] .local_sch03 {
    background: #252526 !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* label 텍스트 */
[data-theme="dark"] label {
    color: #cccccc;
}

/* 사이드 메뉴 아이콘 on 상태 (흰 배경 이미지) */
[data-theme="dark"] #gnb .on .btn_op,
[data-theme="dark"] #gnb .on .btn_op.menu-100,
[data-theme="dark"] #gnb .on .btn_op.menu-200,
[data-theme="dark"] #gnb .on .btn_op.menu-300,
[data-theme="dark"] #gnb .on .btn_op.menu-400,
[data-theme="dark"] #gnb .on .btn_op.menu-500,
[data-theme="dark"] #gnb .on .btn_op.menu-900 {
    background-color: #0e639c !important;
}

/* .compare_wrap */
[data-theme="dark"] .compare_wrap .frm_input {
    background: #3c3c3c !important;
    color: #cccccc !important;
}

/* 일반 fieldset/legend */
[data-theme="dark"] fieldset {
    border-color: #454545 !important;
}
[data-theme="dark"] legend {
    color: #aaaaaa !important;
}

/* .sit_option 강제 흰색 override 무력화 */
[data-theme="dark"] .sit_option .frm_input {
    background: #3c3c3c !important;
    color: #cccccc !important;
}

/* 일반 p/span 텍스트 (폼 내) */
[data-theme="dark"] .tbl_frm01 p,
[data-theme="dark"] .tbl_frm02 p {
    color: #cccccc !important;
}

/* 체크박스/라디오 버튼 주변 텍스트 */
[data-theme="dark"] .tbl_frm01 td label,
[data-theme="dark"] .tbl_frm02 td label,
[data-theme="dark"] .tbl_head01 td label,
[data-theme="dark"] .tbl_head02 td label {
    color: #cccccc !important;
}

/* 앵커 탭 네비게이션 (.anchor) */
[data-theme="dark"] .anchor a {
    background: #2d2d2d !important;
    border-color: #454545 !important;
    color: #b0b0b0 !important;
}
[data-theme="dark"] .anchor a:hover {
    background: #0e639c !important;
    color: #e0e0e0 !important;
    border-color: #454545 !important;
}
[data-theme="dark"] .anchor .selected,
[data-theme="dark"] .anchor .selected a {
    background: #094771 !important;
    color: #3794ff !important;
}

/* 섹션 소제목 */
[data-theme="dark"] .h2_frm {
    color: #b0b0b0 !important;
}
[data-theme="dark"] h3.sub_tit01,
[data-theme="dark"] .sub_tit01 {
    color: #b0b0b0 !important;
    border-bottom-color: #454545 !important;
}

/* tbody 짝수/홀수 행 배경 */
[data-theme="dark"] .tbl_head01 tbody tr:nth-child(even),
[data-theme="dark"] .tbl_head02 tbody tr:nth-child(even) {
    background: #252526 !important;
}
[data-theme="dark"] .tbl_head01 tbody tr:nth-child(even) td,
[data-theme="dark"] .tbl_head02 tbody tr:nth-child(even) td {
    background: #252526 !important;
}

/* .bg0 / .bg1 (주문 행 배경) */
[data-theme="dark"] .tbl_head01 tbody .bg0,
[data-theme="dark"] .tbl_head01 tbody .bg0 td {
    background: #1e1e1e !important;
}
[data-theme="dark"] .tbl_head01 tbody .bg1,
[data-theme="dark"] .tbl_head01 tbody .bg1 td {
    background: #252526 !important;
}

/* 취소 행 */
[data-theme="dark"] .tbl_head01 tbody .bg0cancel,
[data-theme="dark"] .tbl_head01 tbody .bg0cancel td,
[data-theme="dark"] .tbl_head01 tbody .bg1cancel,
[data-theme="dark"] .tbl_head01 tbody .bg1cancel td {
    background: #2d1616 !important;
    border-color: #4a1818 !important;
}

/* hover 시 sticky-reset 방지 (bg0/bg1 hover) */
[data-theme="dark"] .tbl_head01 tbody tr:hover td,
[data-theme="dark"] .tbl_head01 tbody .bg0:hover td,
[data-theme="dark"] .tbl_head01 tbody .bg1:hover td {
    background: #3c3c3c !important;
}

/* footer */
[data-theme="dark"] #ft {
    background: #1e1e1e !important;
    color: #666666 !important;
    border-top: 1px solid #454545 !important;
}
[data-theme="dark"] #ft p {
    color: #666666 !important;
}

/* ── 결제대행사 탭 (de_pg_tab) ── */
[data-theme="dark"] ul.de_pg_tab li a {
    background-color: #454545 !important;
    color: #7a7a7a !important;
}
[data-theme="dark"] ul.de_pg_tab li a:hover {
    background-color: #2d2d2d !important;
    color: #b0b0b0 !important;
}
[data-theme="dark"] ul.de_pg_tab li.tab-current a {
    background: #2CC185 !important;
    color: #fff !important;
}

/* ── btn_frmline 버튼 ── */
[data-theme="dark"] .btn_frmline,
[data-theme="dark"] a.btn_frmline,
[data-theme="dark"] button.btn_frmline {
    background: #454545 !important;
    color: #b0b0b0 !important;
    border-color: #0e639c !important;
}
[data-theme="dark"] .btn_frmline:hover,
[data-theme="dark"] a.btn_frmline:hover,
[data-theme="dark"] button.btn_frmline:hover {
    background: #1177bb !important;
    color: #e0e0e0 !important;
}

/* ── 단축키 일람 버튼 / 박스 ── */
[data-theme="dark"] .btn_cke_sc {
    background: #454545 !important;
    border-color: #454545 !important;
    color: #8d8d8d !important;
}
[data-theme="dark"] .cke_sc_def {
    background: #1e1e1e !important;
    border-color: #454545 !important;
    color: #bbbbbb !important;
}
[data-theme="dark"] .cke_sc_def dt,
[data-theme="dark"] .cke_sc_def dd {
    border-bottom-color: #454545 !important;
    color: #bbbbbb !important;
}

/* SmartEditor2: iframe 내부라 CSS 불가 */
/* ── 결제 테스트 팁 박스 ── */
[data-theme="dark"] #scf_cardtest_tip {
    background: #1e1e1e !important;
    border-color: #454545 !important;
    color: #aaaaaa !important;
}

/* ── file input ── */
[data-theme="dark"] input[type="file"] {
    color: #9a9a9a !important;
    background: #3c3c3c;
}

/* ── sitecode span (SR, si_ 등) ── */
[data-theme="dark"] .sitecode {
    color: #8d8d8d !important;
}

/* ── 확인/취소/일반 버튼 텍스트 색상 ── */
[data-theme="dark"] .btn_02,
[data-theme="dark"] a.btn_02,
[data-theme="dark"] button.btn_02 {
    background: #0e639c !important;
    color: #fff !important;
    border-color: #007acc !important;
}
[data-theme="dark"] .btn_confirm01 button,
[data-theme="dark"] .btn_confirm01 a,
[data-theme="dark"] .btn_confirm01 input[type="button"] {
    background: #0e639c !important;
    color: #fff !important;
    border-color: #007acc !important;
}
[data-theme="dark"] .btn_01,
[data-theme="dark"] a.btn_01,
[data-theme="dark"] button.btn_01 {
    color: #fff !important;
}
[data-theme="dark"] .btn_submit,
[data-theme="dark"] a.btn_submit,
[data-theme="dark"] button.btn_submit {
    color: #fff !important;
}

/* ── PG 제공자 버튼 텍스트 색상 ── */
[data-theme="dark"] a.naver_btn,
[data-theme="dark"] button.naver_btn { color: #fff !important; }
[data-theme="dark"] a.kakao_btn,
[data-theme="dark"] button.kakao_btn { color: #3B1E1E !important; }
[data-theme="dark"] a.kcp_btn,
[data-theme="dark"] button.kcp_btn   { color: #fff !important; }

/* ── 날짜 단축 버튼 (오늘/어제/이번주 등, .local_sch03 button) ── */
[data-theme="dark"] .local_sch03 button,
[data-theme="dark"] .sch_last button {
    background: #0e639c !important;
    color: #b0b0b0 !important;
    border: 1px solid #454545 !important;
}
[data-theme="dark"] .local_sch03 button:hover,
[data-theme="dark"] .sch_last button:hover {
    background: #1177bb !important;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .local_sch03 select,
[data-theme="dark"] .local_sch03 .frm_input,
[data-theme="dark"] .sch_last .frm_input {
    background: #3c3c3c !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* ── 페이징 (.pg_page / .pg_current) ── */
[data-theme="dark"] .pg_page {
    background-color: #2d2d2d !important;
    border-color: #454545 !important;
    color: #9a9a9a !important;
}
[data-theme="dark"] .pg a:hover,
[data-theme="dark"] .pg_page:hover {
    background-color: #0e639c !important;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .pg_current {
    background: #094771 !important;
    border-color: #007acc !important;
    color: #fff !important;
}

/* ── jQuery UI Datepicker ── */
[data-theme="dark"] .ui-datepicker {
    background: #2d2d2d !important;
    border: 1px solid #454545 !important;
    color: #cccccc !important;
}
[data-theme="dark"] .ui-widget-content {
    background: #2d2d2d !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}
[data-theme="dark"] .ui-datepicker .ui-datepicker-header,
[data-theme="dark"] .ui-widget-header {
    background: #252526 !important;
    border-color: #454545 !important;
    color: #b0b0b0 !important;
}
[data-theme="dark"] .ui-datepicker th {
    color: #7a7a7a !important;
}
[data-theme="dark"] .ui-state-default,
[data-theme="dark"] .ui-widget-content .ui-state-default,
[data-theme="dark"] .ui-widget-header .ui-state-default {
    background: #454545 !important;
    border-color: #454545 !important;
    color: #8d8d8d !important;
}
[data-theme="dark"] .ui-state-hover,
[data-theme="dark"] .ui-widget-content .ui-state-hover,
[data-theme="dark"] .ui-widget-header .ui-state-hover,
[data-theme="dark"] .ui-state-focus,
[data-theme="dark"] .ui-widget-content .ui-state-focus {
    background: #454545 !important;
    border-color: #0e639c !important;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .ui-state-active,
[data-theme="dark"] .ui-widget-content .ui-state-active {
    background: #094771 !important;
    border-color: #007acc !important;
    color: #ffffff !important;
}
[data-theme="dark"] .ui-state-highlight,
[data-theme="dark"] .ui-widget-content .ui-state-highlight {
    background: #1a2f1a !important;
    border-color: #2CC185 !important;
    color: #4adb90 !important;
}
[data-theme="dark"] .ui-datepicker select.ui-datepicker-month,
[data-theme="dark"] .ui-datepicker select.ui-datepicker-year {
    background: #2d2d2d !important;
    color: #cccccc !important;
    border-color: #454545 !important;
}
[data-theme="dark"] .ui-datepicker .ui-datepicker-buttonpane {
    background: #252526 !important;
    border-top-color: #454545 !important;
}
[data-theme="dark"] .ui-datepicker .ui-datepicker-buttonpane button {
    background: #0e639c !important;
    color: #b0b0b0 !important;
    border: 1px solid #454545 !important;
}
[data-theme="dark"] .ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: #1177bb !important;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .ui-datepicker td span,
[data-theme="dark"] .ui-datepicker td a {
    color: #8d8d8d !important;
}
[data-theme="dark"] .ui-datepicker-prev span,
[data-theme="dark"] .ui-datepicker-next span {
    background-color: transparent !important;
}

/* ── 탭 버튼 (.btn_ov01 / a.ov_listall) ── */
[data-theme="dark"] .btn_ov01 .ov_txt {
    background: #454545 !important;
    color: #b0b0b0 !important;
}
[data-theme="dark"] .btn_ov01 .ov_num {
    background: #3c3c3c !important;
    color: #7a7a7a !important;
}
[data-theme="dark"] a.ov_listall,
[data-theme="dark"] a.btn_ov02 {
    background: #094771 !important;
    color: #cccccc !important;
}
[data-theme="dark"] a.ov_listall:hover,
[data-theme="dark"] a.btn_ov02:hover {
    background: #094771 !important;
}

/* ── 검색 버튼 (돋보기 아이콘 — filter: invert로 아이콘 반전) ── */
[data-theme="dark"] .local_sch .btn_sch,
[data-theme="dark"] .local_sch .btn_sch2,
[data-theme="dark"] .local_sch01 .btn_submit {
    filter: invert(1) !important;
}

/* ── tfoot 합계 행 ── */
[data-theme="dark"] tfoot th,
[data-theme="dark"] tfoot td {
    background: #252526 !important;
    border-color: #454545 !important;
    color: #b0b0b0 !important;
}

/* ── 주문현황 차트 (#sidx_graph) ── */
[data-theme="dark"] #sidx_graph_area {
    border-color: #454545 !important;
}
[data-theme="dark"] #sidx_graph_area .bg0 {
    background: #1e1e1e !important;
}
[data-theme="dark"] #sidx_graph_area .bg1 {
    background: #252526 !important;
}
[data-theme="dark"] #sidx_graph_price li {
    color: #9a9a9a !important;
}
[data-theme="dark"] #sidx_graph_price li span {
    background: #454545 !important;
}
[data-theme="dark"] #sidx_graph_date {
    border-color: #454545 !important;
}
[data-theme="dark"] #sidx_graph_date li {
    color: #9a9a9a !important;
}
[data-theme="dark"] #sidx_graph_date li span {
    background: #454545 !important;
}
[data-theme="dark"] #sidx_graph_legend {
    color: #aaaaaa !important;
}
[data-theme="dark"] #sidx_graph_area #price_tooltip {
    background-color: #2d2d2d !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}

/* ── 주문상태 변경 영역 (.local_cmd01) ── */
[data-theme="dark"] .local_cmd01 {
    color: #cccccc !important;
}
[data-theme="dark"] .local_cmd01 .cmd_tit {
    color: #b0b0b0 !important;
}

/* ── orderlist 3행 그룹 hover (JS가 .ol-grp-hover 클래스 부여) ── */
[data-theme="dark"] .tbl_head01 tbody tr.ol-grp-hover td {
    background: #3c3c3c !important;
}

/* ── 페이징 화살표 다크 모드 (::before) ── */
[data-theme="dark"] .pg_start,
[data-theme="dark"] .pg_prev,
[data-theme="dark"] .pg_next,
[data-theme="dark"] .pg_end {
    background-image: none !important;
    background-color: #2d2d2d !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
}
[data-theme="dark"] .pg_start::before,
[data-theme="dark"] .pg_prev::before,
[data-theme="dark"] .pg_next::before,
[data-theme="dark"] .pg_end::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-indent: 0 !important;
    font-size: 14px !important;
    color: #b0b0b0 !important;
    line-height: 1 !important;
}
[data-theme="dark"] .pg_start::before { content: "\00AB" !important; }
[data-theme="dark"] .pg_prev::before  { content: "\2039" !important; }
[data-theme="dark"] .pg_next::before  { content: "\203A" !important; }
[data-theme="dark"] .pg_end::before   { content: "\00BB" !important; }

/* ── orderform.php 다크 모드 ── */
/* 주문 수정 이력 로그 박스 */
[data-theme="dark"] #sodr_qty_log div {
    background: #252526 !important;
    border-color: #454545 !important;
    color: #cccccc !important;
}
[data-theme="dark"] #sodr_qty_log h3 {
    color: #cccccc !important;
}
/* 테스트/결제취소 주의 박스 */
[data-theme="dark"] .od_test_caution {
    background: #3a1a1a !important;
    border-color: #7a2020 !important;
    color: #ff9090 !important;
}
/* 영구잠금 사유/주문번호 텍스트 (인라인 color:#333 오버라이드) */
[data-theme="dark"] .perm_lock_info {
    color: #aaaaaa !important;
}

/* ── #sodr_qty_log 레이아웃 정렬 (라이트/다크 공통) ── */
/* admin.css의 padding:0 20px 을 제거해 주변 섹션과 동일 너비 */
#sodr_qty_log {
    padding: 0 !important;
}

/* ── 라이트 모드 명시 (기본값 복원) ── */
[data-theme="light"] body { background: #f3f3f3 !important; color: #000 !important; }
[data-theme="light"] #hd_top { background: #25262c !important; }
[data-theme="light"] #logo { background: #1e1e20 !important; }
[data-theme="light"] #gnb .gnb_ul { background: #ebebeb !important; }
[data-theme="light"] #container { background: #fff !important; }
[data-theme="light"] #container_title,
[data-theme="light"] h1#container_title { background: #fff !important; color: #000 !important; border-bottom-color: #ccc !important; }
/* ── dark 테마 사이드 아이콘 active 상태: 버튼을 투명하게 + filter로 아이콘을 흰색화 ── */
/* li.on 에 파란 배경 부여 (버튼은 투명) → filter가 배경색에 영향을 주지 않음 */
[data-theme=dark] #gnb .gnb_li.on {
    background-color: #0e639c !important;
}
[data-theme=dark] #gnb .gnb_li.on .btn_op,
[data-theme=dark] #gnb .gnb_li.on button {
    background-color: transparent !important;
    filter: brightness(0) invert(1) !important;
}

/* -- menu-650: VPN App Management icon -- */
#gnb .gnb_li .btn_op.menu-650 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10' y1='6' x2='14' y2='6'/%3E%3Ccircle cx='12' cy='17' r='1' fill='%23555' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    background-color: #ebebeb;
}
#gnb .gnb_li.on .btn_op.menu-650 {
    background-color: #fff;
}
[data-theme=dark] #gnb .gnb_li:not(.on) .btn_op.menu-650 {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='10' y1='6' x2='14' y2='6'/%3E%3Ccircle cx='12' cy='17' r='1' fill='%23bbb' stroke='none'/%3E%3C/svg%3E");
    filter: none;
}

/* ── 사이드바 서브메뉴 패널 너비 확장 (170→230px, 줄바꿈 방지) ── */
#gnb { max-width: 280px !important; }
#gnb .gnb_oparea { width: 230px !important; white-space: nowrap !important; }
#gnb .gnb_oparea li a { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
#container { padding-left: 280px !important; }

/* ── gnb_small 축소 모드에서도 현재 활성 메뉴 그룹의 패널은 항상 표시 ──
   admin.css: #gnb .on .gnb_oparea{display:block}(line86) vs
              #gnb.gnb_small .gnb_oparea{display:none}(line91) — 동일 명시도, 후순위 우선
   클래스 하나 추가로 명시도를 높여 항상 표시되도록 override ── */
#gnb.gnb_small .gnb_li.on .gnb_oparea { display: block !important; }

/* ── container_title 패딩 보정 (GNB 280px 확장에 맞춤) ── */
/* admin.css 기본값은 240px이나 GNB가 280px로 확장되어 타이틀이 잘리는 문제 수정 */
#container_title { padding-left: 300px !important; }
#container.container-small #container_title { padding-left: 70px !important; }

/* ── 주문현황 구분선 (결제수단별 주문현황 상하 border) ── */
[data-theme="dark"] #anc_sidx_settle {
    border-top-color: #454545 !important;
    border-bottom-color: #454545 !important;
}

/* ── 1:1문의/상품문의/사용후기 리스트 항목 구분선 ── */
[data-theme="dark"] .ul_01 li {
    border-bottom-color: #454545 !important;
    color: #bbbbbb !important;
}
[data-theme="dark"] .ul_01 li a {
    color: #3794ff !important;
}
[data-theme="dark"] .ul_01 .empty_list {
    color: #666666 !important;
}

/* ── 회원 프로필 아이콘 (.profile_img) ── */
[data-theme="dark"] .profile_img {
    background: #3c3c3c !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    line-height: 0;
}
[data-theme="dark"] .profile_img img {
    filter: brightness(0.75) !important;
    border-radius: 2px;
}

/* ── .srel 연관상품 섹션 (admin 서브 페이지) ── */
[data-theme="dark"] .srel section ul {
    background: #1e1e1e !important;
}
[data-theme="dark"] .srel section li {
    border-bottom-color: #454545 !important;
}
[data-theme="dark"] .srel .srel_list,
[data-theme="dark"] .srel .srel_sel {
    background: #252526 !important;
    border-color: #454545 !important;
}

/* ── 섹션간 구분선 (section 요소 border-bottom) ── */
[data-theme="dark"] .sidx_cs section {
    border-color: #454545 !important;
}

/* ── visit 삭제 버튼 영역 ── */
[data-theme="dark"] .visit_del_bt {
    border-top-color: #454545 !important;
}

/* ── td 내 구분선 ── */
[data-theme="dark"] .td_tdiv {
    border-bottom-color: #454545 !important;
}


/* ── 주문목록 / 프로비저닝 공통 배지 ─────────────────────────────── */
.it-type-badge, .it-grade-badge {
    display:inline-block; border-radius:4px; border:0;
    padding:1px 5px; font-size:11px; font-weight:700; white-space:nowrap;
}
.it-type-vpn, .it-type-ikev2       { background:#e3f2fd; color:#0d47a1; }
.it-type-proxy                      { background:#f3e5f5; color:#6a1b9a; }
.it-type-wireguard                  { background:#e8f5e9; color:#1b5e20; }
.it-type-pptp                       { background:#fce4ec; color:#880e4f; }
.it-type-openvpn                    { background:#fff3e0; color:#bf360c; }
.it-type-rpc, .it-type-rpcauction   { background:#4a7fc1; color:#fff; }
.it-type-auction                    { background:#555; color:#fff; }
.it-grade-basic                 { background:#e8f5e9; color:#1b5e20; }
.it-grade-plus                  { background:#fff8e1; color:#e65100; }

.od-item-badges { display:flex; flex-wrap:wrap; gap:3px; margin-top:4px; }
.od-name-badge  {
    display:inline-block; border-radius:4px;
    padding:1px 7px; font-size:11px; font-weight:400; white-space:nowrap;
    background:#f0f0f0; color:#444;
}

[data-theme="dark"] .it-type-vpn,
[data-theme="dark"] .it-type-ikev2   { background:#0d2a4a !important; color:#64b5f6 !important; }
[data-theme="dark"] .it-type-proxy   { background:#2a1040 !important; color:#ce93d8 !important; }
[data-theme="dark"] .it-type-wireguard{ background:#1a3020 !important; color:#81c784 !important; }
[data-theme="dark"] .it-type-pptp    { background:#3a0a1a !important; color:#f48fb1 !important; }
[data-theme="dark"] .it-type-openvpn { background:#3a1800 !important; color:#ffb74d !important; }
[data-theme="dark"] .it-type-rpc,
[data-theme="dark"] .it-type-rpcauction { background:#4a7fc1 !important; color:#fff !important; }
[data-theme="dark"] .it-type-auction    { background:#555 !important; color:#fff !important; }
[data-theme="dark"] .it-grade-basic  { background:#1a3020 !important; color:#81c784 !important; }
[data-theme="dark"] .it-grade-plus   { background:#3a2800 !important; color:#ffb74d !important; }
[data-theme="dark"] .od-name-badge   { background:#2a2a2a !important; color:#b0b0b0 !important; }
