@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
/* =========================================================================
   엑스카피 디자인 시스템 — "Clean Light" (토스풍 리디자인 v4)
   - 방향: 라이트·플랫·여백·라운드. 색은 그레이스케일 + 브랜드 블루 1색 + 상태색.
   - 토큰을 :root 한 곳에서 정의, body.theme-renewal 스코프로만 적용(스위치로 on/off).
   - 덮어쓰기 전용. 구조/동작/숨김 규칙은 건드리지 않는다.
   ========================================================================= */

:root {
  /* 브랜드 — "XCopy Ocean"(로고 오션블루에서) + "Mint"(AI). 블루-그린 시그니처(토스 블루와 구분) */
  --xc-primary:#0B5E9E; --xc-primary-700:#084A7D; --xc-primary-600:#095489;
  --xc-primary-50:#E8F1F8; --xc-primary-100:#C9DEEF;
  --xc-action:#0B5E9E; --xc-action-700:#084A7D;   /* 하위호환 별칭(기존 화면이 사용) */
  --xc-brand-grad:linear-gradient(135deg,#0B5E9E,#0FA396); /* 시그니처(브랜드 포인트에만 절제 사용) */
  /* 잉크(제목·구조 강조용) */
  --xc-navy-900:#16202B; --xc-navy-800:#1B2733; --xc-navy-700:#33455A;
  /* AI 강조(절제해서 사용) — 민트 */
  --xc-ai:#0FA396; --xc-ai-50:#E4F6F4; --xc-ai-700:#0B8074;
  /* 중립(쿨 그레이, 약간 블루틴트로 브랜드와 조화) */
  --xc-page:#F3F6F8;       /* 페이지 배경 */
  --xc-surface:#FFFFFF;    /* 카드/표 배경 */
  --xc-surface-2:#F6F9FB;  /* 표 헤더·옅은 면 */
  --xc-border:#E2E8ED;     /* 기본 테두리(연하게) */
  --xc-border-2:#EDF1F4;   /* 더 옅은 구분선 */
  --xc-row-hover:#ECEEF1;  /* 리스트 행 hover(중립 그레이 — 선택행 블루와 구분되게 또렷이) */
  --xc-text:#1B2733;       /* 제목·강조 본문(잉크) */
  --xc-text-2:#4A5867;     /* 본문 */
  --xc-text-muted:#6E7A88; /* 보조·캡션 (대비 ↑: 흰배경 2.97→~4.0, AA 근접) */
  /* 상태색(절제·표준 가독) */
  --xc-ok:#178A5E; --xc-ok-50:#E5F5EE;
  --xc-warn:#B9760B; --xc-warn-50:#FBF2E2;
  --xc-bad:#DC3B3B; --xc-bad-50:#FCEBEB;
  /* 모서리(통일) */
  --xc-r-sm:6px; --xc-r:8px; --xc-r-lg:14px; --xc-r-xl:18px;
  /* 여백 스케일 */
  --xc-s1:4px; --xc-s2:8px; --xc-s3:12px; --xc-s4:16px; --xc-s5:24px; --xc-s6:32px;
  /* 그림자 — 단일 광원(위·약간 왼쪽), 레이어드 penumbra, 잉크틴트(순검정 X). 절제된 1스케일. */
  --xc-shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --xc-shadow:0 1px 2px rgba(16,24,40,.05), 0 2px 6px rgba(16,24,40,.06);
  --xc-shadow-lg:0 2px 6px rgba(16,24,40,.05), 0 8px 20px rgba(16,24,40,.08), 0 18px 40px rgba(16,24,40,.10);
  /* 카드 elevation(격상 디자인 언어 — v2 화면 공통). 깊이 1·2단(hover). 라이트/다크 한 토큰으로 중앙화. */
  --xc-elev:0 1px 2px rgba(16,24,40,.04), 0 4px 14px rgba(16,24,40,.06);
  --xc-elev-h:0 2px 6px rgba(16,24,40,.06), 0 14px 32px rgba(16,24,40,.12);
  --xc-font:'Pretendard','Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}

/* ---- 기본 타이포/배경 ---- */
body.theme-renewal{
  font-family:var(--xc-font); color:var(--xc-text-2);
  background:var(--xc-page) !important; font-size:14px; line-height:1.6;
  letter-spacing:-.01em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body.theme-renewal #page-wrapper{ background:var(--xc-page); padding:0 !important; }
/* 코드기반 v2 내비: 사이드바(240px)에 맞춰 본문 좌측 여백 고정(옛 토글 JS 비의존) */
body.theme-renewal .left-sidebar.xc-nav2{ width:240px !important; overflow-y:auto; }
/* ★ 240px 좌측 여백은 사이드바가 '있는' 풀 레이아웃에만. 사이드바 없는 속지(theme-ifrm)·팝업(theme-popup)은
   제외 — 안 그러면 사이드바 없는데 240px 빈 여백이 생겨 화면이 우측으로 밀려 깨져 보임(탭셸 임베드·팝업 모달 포함). */
@media (min-width:768px){ body.theme-renewal:not(.theme-ifrm):not(.theme-popup) #page-wrapper{ margin:0 0 0 240px !important; } }
@media (max-width:767px){ body.theme-renewal #page-wrapper{ margin:0 !important; } }
body.theme-renewal.theme-ifrm #page-wrapper, body.theme-renewal.theme-popup #page-wrapper{ margin-left:0 !important; }
/* ── 반응형: 좁은 화면(노트북·창 축소)에서 넓은 표·고정폭 요소가 잘려 안 보이던 것 방지 ──
   #page-wrapper가 sb-admin 기본 overflow-x:hidden 이라 넘친 콘텐츠가 잘려 접근 불가였음.
   → 콘텐츠 영역 가로 스크롤 허용(안전망: 무엇이 넘쳐도 닿을 수 있게). 넓은 화면에선 안 넘쳐 스크롤바 없음. */
body.theme-renewal:not(.theme-ifrm):not(.theme-popup) #page-wrapper{ overflow-x:auto; }
/* 고정폭(style=width:NNNpx) 폼 컨트롤·select2가 좁은 행에서 넘치던 것 → 컨테이너 폭까지 축소(반응형). */
body.theme-renewal .form-control{ max-width:100%; }
body.theme-renewal .select2-container{ max-width:100% !important; }
/* 파일 업로드 인풋(네이티브 ~265px 고정)이 좁은 컬럼(엑셀 업로드 패널 등)에서 넘쳐 배열 깨지던 것 → 컨테이너 폭까지 축소.
   단독 file input을 감싼 .input-group(display:table)은 콘텐츠폭으로 커져 max-width가 안 먹으므로 block 전환. */
body.theme-renewal input[type="file"]{ max-width:100%; box-sizing:border-box; }
body.theme-renewal .input-group:has(> input[type="file"]){ display:block; max-width:100%; }
/* 편집기 가격계산 폼(인라인 width:800px 고정)이 좁은 편집기(≤1024)에서 잘리던 것 → 컨테이너 폭 맞추고 내부 표는 가로 스크롤(theme-popup은 page-wrapper 안전망 밖이라 직접 처리). 넓은 폭에선 800px 유지. */
body.theme-renewal [id^="calcForm"]{ max-width:100% !important; overflow-x:auto; }
/* 넓은 목록 표(컬럼 많음)가 좁은 컨테이너에서 잘려 안 보이던 것 → 표 담은 컬럼만 가로 스크롤(컬럼 수 보존). 목록 컬럼엔 팝오버 없어 세로 클립 영향 없음. */
body.theme-renewal #xc-content [class*="col-"]:has(> table.table){ overflow-x:auto; }
/* ── 레거시 라벨-좌 표 폼 → 스택(라벨 위/입력 아래 풀폭) 카드 느낌. 폼 <table>에 class="... xc-stacked-form" 만 추가하면 적용.
   필드/JS 불변(시각만). colgroup 무력화로 입력 풀폭. 데이터/목록 표엔 붙이지 말 것(폼 입력 표 전용). ── */
body.theme-renewal .xc-stacked-form,
body.theme-renewal .xc-stacked-form tbody,
body.theme-renewal .xc-stacked-form tr,
body.theme-renewal .xc-stacked-form th,
body.theme-renewal .xc-stacked-form td{ display:block !important; width:100% !important; border:0 !important; padding:0; box-sizing:border-box; }
body.theme-renewal .xc-stacked-form tr{ margin-bottom:14px; }
body.theme-renewal .xc-stacked-form tr:last-child{ margin-bottom:0; }
body.theme-renewal .xc-stacked-form th{ font-weight:600; font-size:13px; color:var(--xc-text-2); margin-bottom:6px; background:transparent !important; white-space:normal; vertical-align:top; }
body.theme-renewal .xc-stacked-form colgroup, body.theme-renewal .xc-stacked-form col{ display:none !important; }
body.theme-renewal .xc-stacked-form .form-control{ width:100% !important; max-width:560px; }
body.theme-renewal .xc-stacked-form textarea.form-control{ max-width:100%; min-height:80px; }
body.theme-renewal .xc-stacked-form select.form-control{ max-width:420px; }
/* 다크: Bootstrap4 .card 컨테이너(analytics 카드 등)가 흰 배경으로 누수 → 토큰(테마 다크는 .panel만 처리했음). */
body.theme-renewal.theme-dark .card{ background:var(--xc-surface); border-color:var(--xc-border); color:var(--xc-text); }
body.theme-renewal.theme-dark .card-header{ background:var(--xc-surface-2); border-color:var(--xc-border); color:var(--xc-text); }
body.theme-renewal.theme-dark .card-body{ background:transparent; color:var(--xc-text); }
/* 본문 최대너비·여백(넓은 모니터에서 콘텐츠가 끝까지 늘어나지 않게) */
body.theme-renewal #xc-content{ max-width:1560px; margin:0; padding:28px 32px 72px; }
@media (max-width:1100px){ body.theme-renewal #xc-content{ padding:18px 16px 56px; } }
body.theme-renewal h1,body.theme-renewal h2,body.theme-renewal h3,body.theme-renewal h4{ color:var(--xc-text); letter-spacing:-.02em; }
body.theme-renewal a{ color:var(--xc-primary); }
body.theme-renewal a:not(.btn):hover{ color:var(--xc-primary-700); } /* 링크형 버튼(a.btn)은 제외 — 컬러 버튼 텍스트가 호버 시 짙은파랑 되어 저대비되던 것 차단(버튼은 자체 호버 사용) */
body.theme-renewal hr{ border-top-color:var(--xc-border-2); }

/* =========================================================================
   상단바 — 화이트·플랫(다크 그라데이션 제거)
   ========================================================================= */
body.theme-renewal .top_menu{
  background:var(--xc-surface) !important;
  border-bottom:1px solid var(--xc-border) !important;
  box-shadow:none !important;
}
body.theme-renewal .top_menu, body.theme-renewal .top_menu b, body.theme-renewal .top_menu span,
body.theme-renewal .top_menu a{ color:var(--xc-text-2); }
body.theme-renewal .top_menu .navbar-header{ margin-left:14px !important; }
body.theme-renewal .navbar-logo, body.theme-renewal .top_menu .navbar-logo{ margin-left:6px !important; letter-spacing:-.03em; }
body.theme-renewal .navbar-logo a,
body.theme-renewal .navbar-logo a:hover,
body.theme-renewal .navbar-logo a:focus{ color:var(--xc-text); font-weight:800; }
body.theme-renewal .top_menu .navbar-logo img{ filter:none; }
body.theme-renewal .top_menu .fa-user{ opacity:.55; color:var(--xc-text-muted); }
/* 우측 유틸 간격 */
body.theme-renewal #member_list_dropdown > li{ margin-left:4px; display:inline-flex; align-items:center; }
body.theme-renewal #member_list_dropdown > li > a{ border-radius:var(--xc-r); }
/* 버전 칩 */
body.theme-renewal #view_version{ background:var(--xc-page); border-radius:999px; padding:2px 10px !important; }
body.theme-renewal #view_version, body.theme-renewal #view_version b{ color:var(--xc-text-muted); font-weight:600; }
/* 업그레이드(노랑/그라데이션 제거 → 단색 블루 알약) */
body.theme-renewal #member_list_dropdown .upgrade-icon{
  background:var(--xc-primary) !important; color:#fff !important;
  border-radius:999px !important; padding:5px 13px !important; font-weight:700; box-shadow:none !important;
}
body.theme-renewal #member_list_dropdown .upgrade-icon i,
body.theme-renewal #member_list_dropdown .upgrade-icon b{ color:#fff !important; }
/* 로그아웃 */
body.theme-renewal .logout-btn{
  background:transparent; color:var(--xc-text-2) !important;
  border:1px solid var(--xc-border); border-radius:var(--xc-r); padding:5px 12px; font-weight:600;
}
body.theme-renewal .logout-btn:hover{ background:var(--xc-page); color:var(--xc-text) !important; }
/* 알림 종 */
body.theme-renewal .notify-container svg{ opacity:1; color:var(--xc-text-2); fill:currentColor; }
body.theme-renewal .notify-container:hover svg{ color:var(--xc-text); }
body.theme-renewal .notify-badge{ background:var(--xc-bad); color:#fff; font-weight:700; }

/* =========================================================================
   좌측 사이드바 — 화이트·라이트(다크 네이비 제거)
   ========================================================================= */
body.theme-renewal #left-menu-column,
body.theme-renewal .left-sidebar,
body.theme-renewal .sidebar-nav{ background:var(--xc-surface); }
body.theme-renewal .left-sidebar{ border-right:1px solid var(--xc-border); box-shadow:none; }
body.theme-renewal .sidebar-nav ul li a{
  color:var(--xc-text-2); border:0; border-radius:var(--xc-r);
  margin:2px 10px; padding:9px 12px; font-size:13.5px; font-weight:600; letter-spacing:-.01em;
  position:relative; transition:background .14s,color .14s;
}
body.theme-renewal .sidebar-nav > ul > li > a{ color:var(--xc-text-2); }
body.theme-renewal .sidebar-nav ul li a:hover{ background:var(--xc-page); color:var(--xc-text); }
body.theme-renewal .sidebar-nav ul li.active > a,
body.theme-renewal .sidebar-nav ul li a.active{
  background:var(--xc-primary-50); color:var(--xc-primary);
}
body.theme-renewal .sidebar-nav ul li a i,
body.theme-renewal .sidebar-nav ul li a [class^="left_menu"]{ opacity:.85; }
body.theme-renewal .sidebar-nav ul li.active > a i{ opacity:1; }
/* 2·3차 플라이아웃: 흰 카드 */
body.theme-renewal .nav-flyout{
  background:var(--xc-surface) !important; border:1px solid var(--xc-border) !important;
  border-radius:0 var(--xc-r-lg) var(--xc-r-lg) 0 !important; box-shadow:var(--xc-shadow-lg) !important;
}
body.theme-renewal .nav-flyout li a{ color:var(--xc-text-2); }
body.theme-renewal .nav-flyout li a:hover{ background:var(--xc-page); color:var(--xc-text); }
/* '필수 메뉴 보기' 토글 줄 */
body.theme-renewal .menu-mode-toggle-container{
  background:transparent !important; padding:12px !important; margin:2px 10px 6px; border-radius:var(--xc-r);
  border-bottom:1px solid var(--xc-border-2);
}
body.theme-renewal .menu-mode-toggle-text{ color:var(--xc-text-2) !important; font-size:12.5px; font-weight:600; }
body.theme-renewal .menu-mode-toggle-slider{ box-shadow:none !important; }
body.theme-renewal .panel-heading-tubeicon{ opacity:.5; }
body.theme-renewal .menu-mode-toggle-container:hover .panel-heading-tubeicon{ opacity:1; }
/* 사이드바 스크롤바 */
body.theme-renewal .sidebar-nav::-webkit-scrollbar{ width:8px; }
body.theme-renewal .sidebar-nav::-webkit-scrollbar-thumb{ background:#D5DAE0; border-radius:5px; }

/* =========================================================================
   버튼 — 주요/보조/위험/AI/텍스트 4~5종만
   ========================================================================= */
body.theme-renewal .btn{
  border-radius:var(--xc-r); font-weight:700; border:1px solid transparent; letter-spacing:-.01em;
  box-shadow:none; transition:background .14s,border-color .14s,opacity .14s;
}
body.theme-renewal .btn-primary{ background:var(--xc-primary); border-color:var(--xc-primary); color:#fff; }
body.theme-renewal .btn-primary:hover,
body.theme-renewal .btn-primary:focus{ background:var(--xc-primary-700); border-color:var(--xc-primary-700); color:#fff; }
body.theme-renewal .btn-default{
  background:var(--xc-surface); border-color:var(--xc-border); color:var(--xc-text-2);
}
body.theme-renewal .btn-default:hover{ background:var(--xc-page); border-color:#D5DAE0; color:var(--xc-text); }
body.theme-renewal .btn-success{ background:var(--xc-ok); border-color:var(--xc-ok); color:#fff; }
body.theme-renewal .btn-danger{ background:var(--xc-bad); border-color:var(--xc-bad); color:#fff; }
body.theme-renewal .btn-info,
body.theme-renewal .btn-warning{ background:var(--xc-surface); border-color:var(--xc-border); color:var(--xc-text-2); }
/* 밝은 보조 버튼 안의 기존 흰색 인라인 글자는 버튼의 현재 색상을 따른다. */
body.theme-renewal :is(.btn-default,.btn-info,.btn-warning,.btn-link) :is(b,strong,span,em,i,font):is([style*="#fff" i],[style*="white" i]){color:inherit !important;text-shadow:none;}
/* 전송 결과 상세창의 작은 해결 버튼은 읽기 편한 크기로 표시한다. */
body.theme-renewal .modal:has(#hdn_solution_type) .btn-error_manager{padding:7px 12px;font-size:13px;line-height:1.4;text-shadow:none;}
body.theme-renewal .btn-ai{ background:var(--xc-ai-50); border-color:transparent; color:#0B8C7C; }
body.theme-renewal .btn-ai:hover{ background:#D6F1ED; }
body.theme-renewal .btn-link{ color:var(--xc-primary); font-weight:600; }

/* =========================================================================
   입력칸 / 폼
   ========================================================================= */
body.theme-renewal .form-control{
  border:1px solid var(--xc-border); border-radius:var(--xc-r);
  box-shadow:none; color:var(--xc-text); height:40px; background:var(--xc-surface);
}
body.theme-renewal .form-control::placeholder{ color:var(--xc-text-muted); }
body.theme-renewal .form-control:focus{
  border-color:var(--xc-primary); box-shadow:0 0 0 3px rgba(11,94,158,.16);
}
body.theme-renewal select.form-control{ height:40px; }
/* ★ textarea는 .form-control의 height:40px(1줄 클립) 예외 — 줄수/내용에 따라 늘어나게 */
body.theme-renewal textarea.form-control{ height:auto; min-height:90px; line-height:1.6; padding:10px 12px; resize:vertical; }
body.theme-renewal .control-label, body.theme-renewal label{ color:var(--xc-text-2); font-weight:600; }

/* =========================================================================
   표 — 플랫(배경색 셀 지양, 헤더 옅게)
   ========================================================================= */
body.theme-renewal .table{ background:var(--xc-surface); border-radius:var(--xc-r-lg); overflow:hidden; }
body.theme-renewal .table > thead > tr > th{
  background:var(--xc-surface-2); color:var(--xc-text-muted); font-weight:700; font-size:12.5px;
  border-bottom:1px solid var(--xc-border); border-top:0; letter-spacing:0; padding:11px 14px;
}
body.theme-renewal .table > tbody > tr > td{ border-top:1px solid var(--xc-border-2); color:var(--xc-text-2); vertical-align:middle; padding:11px 14px; line-height:1.55; }
body.theme-renewal .table-hover > tbody > tr:hover{ background:var(--xc-row-hover); }
/* [디테일 통일] 폼 라벨 셀(본문 th)이 부트스트랩 기본 8px라 입력 셀(11px14px)과 어긋나던 것 → 정렬 통일 */
body.theme-renewal .table > tbody > tr > th{ padding:11px 14px; vertical-align:middle; }
/* [디테일 통일] 레거시 격자 테두리(.table-bordered 기본 #ddd: 레거시 느낌 + 다크에서 옅은 선 누수) → 토큰으로 옅게 통일 */
body.theme-renewal .table-bordered,
body.theme-renewal .table-bordered > thead > tr > th,
body.theme-renewal .table-bordered > tbody > tr > td,
body.theme-renewal .table-bordered > tbody > tr > th,
body.theme-renewal .table-bordered > tfoot > tr > td{ border-color:var(--xc-border-2) !important; }

/* =========================================================================
   상태 뱃지(라벨)
   ========================================================================= */
body.theme-renewal .label, body.theme-renewal .badge{ font-weight:700; border-radius:999px; padding:.28em .7em; }
body.theme-renewal .label-success, body.theme-renewal .badge-success{ background:var(--xc-ok-50); color:var(--xc-ok); }
body.theme-renewal .label-danger, body.theme-renewal .badge-danger{ background:var(--xc-bad-50); color:var(--xc-bad); }
body.theme-renewal .label-warning, body.theme-renewal .badge-warning{ background:var(--xc-warn-50); color:var(--xc-warn); }
body.theme-renewal .label-info{ background:var(--xc-primary-50); color:var(--xc-primary); }
body.theme-renewal .label-default{ background:var(--xc-page); color:var(--xc-text-muted); }

/* =========================================================================
   카드/패널 — 테두리·그림자 최소(여백·배경으로 구분)
   ========================================================================= */
body.theme-renewal .panel{
  border:1px solid var(--xc-border); border-radius:var(--xc-r-lg);
  box-shadow:none; background:var(--xc-surface);
}
body.theme-renewal .panel-heading{
  background:var(--xc-surface); border-bottom:1px solid var(--xc-border-2);
  font-weight:700; color:var(--xc-text); border-radius:var(--xc-r-lg) var(--xc-r-lg) 0 0;
}
body.theme-renewal .well{ background:var(--xc-surface-2); border:1px solid var(--xc-border-2); border-radius:var(--xc-r-lg); box-shadow:none; }
/* 상단 안내(하늘색 큰 배너) 톤다운 */
body.theme-renewal .alert-info{
  background:var(--xc-primary-50); border:0; border-radius:var(--xc-r-lg); color:var(--xc-primary-700);
}
body.theme-renewal .alert{ border-radius:var(--xc-r-lg); border:0; }
body.theme-renewal .alert-success{ background:var(--xc-ok-50); color:var(--xc-ok); }
body.theme-renewal .alert-warning{ background:var(--xc-warn-50); color:var(--xc-warn); }
body.theme-renewal .alert-danger{ background:var(--xc-bad-50); color:var(--xc-bad); }

/* =========================================================================
   부트스트랩 탭 → 밑줄형 모던 탭
   ========================================================================= */
body.theme-renewal .nav-tabs{ border-bottom:1px solid var(--xc-border); background:transparent; }
body.theme-renewal .nav-tabs > li > a{
  border:0 !important; border-bottom:2px solid transparent !important;
  border-radius:0 !important; color:var(--xc-text-muted); font-weight:600;
  margin-right:2px; background:transparent !important;
}
body.theme-renewal .nav-tabs > li > a:hover{ color:var(--xc-text); }
body.theme-renewal .nav-tabs > li.active > a,
body.theme-renewal .nav-tabs > li.active > a:focus,
body.theme-renewal .nav-tabs > li.active > a:hover{
  color:var(--xc-primary) !important; border-bottom:2px solid var(--xc-primary) !important; background:transparent !important;
}

/* =========================================================================
   jqGrid(구식 표) 현대화
   ========================================================================= */
body.theme-renewal .ui-jqgrid{ border:1px solid var(--xc-border) !important; border-radius:var(--xc-r-lg) !important; overflow:hidden; background:var(--xc-surface); }
body.theme-renewal .ui-jqgrid .ui-jqgrid-htable th,
body.theme-renewal .ui-jqgrid .ui-jqgrid-labels th{
  background:var(--xc-surface-2) !important; color:var(--xc-text-muted) !important;
  font-weight:700 !important; border-color:var(--xc-border) !important; background-image:none !important;
}
body.theme-renewal .ui-jqgrid tr.jqgrow td{ border-color:var(--xc-border-2) !important; color:var(--xc-text-2); }
body.theme-renewal .ui-jqgrid tr.jqgrow:hover td{ background:var(--xc-row-hover); }
body.theme-renewal .ui-jqgrid .ui-state-highlight,
body.theme-renewal .ui-jqgrid tr.ui-state-highlight td{
  background:var(--xc-primary-50) !important; background-image:none !important;
  color:var(--xc-text) !important; border-color:var(--xc-border) !important;
}
body.theme-renewal .ui-jqgrid .ui-jqgrid-pager,
body.theme-renewal .ui-jqgrid .ui-jqgrid-toppager{ background:var(--xc-surface) !important; background-image:none !important; border-color:var(--xc-border) !important; }
body.theme-renewal .ui-widget-header{ background:var(--xc-surface-2) !important; background-image:none !important; border-color:var(--xc-border) !important; color:var(--xc-text) !important; }
body.theme-renewal .ui-widget-content{ border-color:var(--xc-border-2) !important; }

/* =========================================================================
   모달 / SweetAlert
   ========================================================================= */
body.theme-renewal .modal-content{ border:0; border-radius:var(--xc-r-lg); box-shadow:var(--xc-shadow-lg); background:var(--xc-surface); color:var(--xc-text); }
/* 모달 본문/푸터도 surface 토큰으로 — 다크에서 .modal-content 가 부트스트랩 기본 흰색으로 누수하던 것 차단(라이트는 surface=흰색이라 무변화). 자체 배경 가진 내부 영역은 각자 override. */
body.theme-renewal .modal-body, body.theme-renewal .modal-footer{ background:var(--xc-surface); }
body.theme-renewal .modal-header{ border-bottom:1px solid var(--xc-border-2); }
body.theme-renewal .modal-header .modal-title{ font-weight:800; color:var(--xc-text); }
body.theme-renewal .modal-footer{ border-top:1px solid var(--xc-border-2); }
body.theme-renewal .swal-modal{ border-radius:var(--xc-r-lg); font-family:var(--xc-font); }
body.theme-renewal .swal-title{ color:var(--xc-text); }
body.theme-renewal .swal-text{ color:var(--xc-text-2); }
body.theme-renewal .swal-button--confirm{ background:var(--xc-primary); border-radius:var(--xc-r); font-weight:700; }
body.theme-renewal .swal-button--confirm:hover{ background:var(--xc-primary-700) !important; }
body.theme-renewal .swal-button--cancel{ border-radius:var(--xc-r); }

/* =========================================================================
   페이지네이션 / select2
   ========================================================================= */
body.theme-renewal .pagination > li > a,
body.theme-renewal .pagination > li > span{ color:var(--xc-text-2); border-color:var(--xc-border); margin:0 2px; border-radius:var(--xc-r) !important; }
body.theme-renewal .pagination > .active > a,
body.theme-renewal .pagination > .active > a:hover{ background:var(--xc-primary); border-color:var(--xc-primary); color:#fff; }
body.theme-renewal .select2-container--default .select2-selection--single{ height:40px; border:1px solid var(--xc-border); border-radius:var(--xc-r); }
body.theme-renewal .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:38px; color:var(--xc-text); }
body.theme-renewal .select2-container--default .select2-selection--single .select2-selection__arrow{ height:38px; }
/* select2 배경(닫힌 박스·드롭다운·검색·멀티칩) — 라이트만 처리돼 다크에서 흰 박스 누수하던 것 차단(편집기·설정 전반). 라이트는 surface=흰색이라 무변화. */
body.theme-renewal .select2-container--default .select2-selection--single,
body.theme-renewal .select2-container--default .select2-selection--multiple{ background:var(--xc-surface) !important; }
body.theme-renewal .select2-dropdown{ background:var(--xc-surface) !important; border-color:var(--xc-border) !important; }
body.theme-renewal .select2-results__option{ color:var(--xc-text) !important; }
body.theme-renewal .select2-results__option--highlighted[aria-selected]{ background:var(--xc-primary) !important; color:#fff !important; }
body.theme-renewal .select2-search--dropdown .select2-search__field{ background:var(--xc-surface) !important; color:var(--xc-text) !important; border:1px solid var(--xc-border) !important; }
body.theme-renewal .select2-container--default .select2-selection--multiple .select2-selection__choice{ background:var(--xc-surface-2) !important; color:var(--xc-text) !important; border-color:var(--xc-border) !important; }

/* =========================================================================
   스크롤바 / iframe 속지
   ========================================================================= */
body.theme-renewal ::-webkit-scrollbar{ width:10px; height:10px; }
body.theme-renewal ::-webkit-scrollbar-track{ background:transparent; }
body.theme-renewal ::-webkit-scrollbar-thumb{ background:#CDD3DA; border-radius:6px; border:2px solid transparent; background-clip:content-box; }
body.theme-renewal ::-webkit-scrollbar-thumb:hover{ background:#AEB6C0; background-clip:content-box; }
body.theme-ifrm{ background:#fff !important; }
/* _ifrm 설정화면: #page-wrapper에 가로 패딩이 없어 부트스트랩 .row(margin -15px)가 페이지 가로 15px 오버플로(얇은 가로 스크롤바) 유발.
   표준 컨테이너 패딩(15px)으로 음수마진 흡수. theme-ifrm 스코프라 v2 내비 화면(theme-renewal)엔 무영향. */
body.theme-ifrm #page-wrapper{ padding-left:15px !important; padding-right:15px !important; }

/* =========================================================================
   로그인 화면
   ========================================================================= */
body.theme-renewal .login-section{ background:var(--xc-page); }
body.theme-renewal .single-login{
  border:1px solid var(--xc-border) !important; border-radius:var(--xc-r-xl) !important;
  background:var(--xc-surface); box-shadow:var(--xc-shadow-lg); padding:8px 6px;
}
body.theme-renewal #login_title{ color:var(--xc-text); font-weight:800; letter-spacing:-.03em; }
body.theme-renewal .single-login label{ color:var(--xc-text-2); font-weight:600; }
body.theme-renewal .btn-login.btn-primary{
  background:var(--xc-primary); border-color:var(--xc-primary);
  height:46px; line-height:32px; font-size:16px; border-radius:var(--xc-r); font-weight:700;
}
body.theme-renewal .btn-login.btn-primary:hover{ background:var(--xc-primary-700); }
body.theme-renewal .checkbox-custom{ border-color:var(--xc-primary); border-radius:var(--xc-r-sm); }
body.theme-renewal #signup{ color:var(--xc-primary); font-weight:600; }

/* =========================================================================
   우측 도움말 패널 + 통합 런처(세로탭 숨김) + 좌하단 이동버튼
   ========================================================================= */
body.theme-renewal .bs-canvas-right{
  background:var(--xc-surface); border-left:1px solid var(--xc-border) !important; box-shadow:var(--xc-shadow-lg);
}
body.theme-renewal #btn-right-sidebar,
body.theme-renewal #btn-xguide-right-sidebar{ display:none !important; }
body.theme-renewal #btn-ai-right-sidebar{ display:none !important; }
body.theme-renewal #btn-ai-right-sidebar.xc-ai-panel-open{ display:block !important; }
body.theme-renewal #btn-ai-right-sidebar .btn{
  width:54px; min-height:154px; padding:12px 10px;
  border:0; border-radius:8px 0 0 8px;
  background:var(--xc-ai); color:#fff; font-size:15px; font-weight:700; line-height:1.55;
  box-shadow:var(--xc-shadow-lg);
}
body.theme-renewal #btn-ai-right-sidebar .btn:hover,
body.theme-renewal #btn-ai-right-sidebar .btn:focus{ background:var(--xc-ai-700); color:#fff; }
body.theme-renewal #left-floating-btn-back,
body.theme-renewal #left-floating-btn-reload,
body.theme-renewal #left-floating-btn-forward{
  background:var(--xc-surface) !important; border:1px solid var(--xc-border) !important;
  box-shadow:var(--xc-shadow) !important; border-radius:var(--xc-r) !important;
}
body.theme-renewal #left-floating-btn-back i,
body.theme-renewal #left-floating-btn-reload i,
body.theme-renewal #left-floating-btn-forward i{ color:var(--xc-text-muted) !important; }
body.theme-renewal #left-floating-btn-back:hover i,
body.theme-renewal #left-floating-btn-reload:hover i,
body.theme-renewal #left-floating-btn-forward:hover i{ color:var(--xc-text) !important; }

/* 도움말 통합 런처(떠 있는 버튼 1개) */
#xc-help-launcher{ position:fixed; right:20px; bottom:20px; z-index:9998; }
#xc-help-fab{
  width:50px; height:50px; border-radius:50%; border:0; cursor:pointer;
  background:var(--xc-ai,#10B6A0); color:#fff; font-size:20px;
  box-shadow:0 8px 22px rgba(16,182,160,.40); transition:transform .15s;
}
#xc-help-fab:hover{ transform:translateY(-2px); }
#xc-help-fab.open{ background:var(--xc-text); }
#xc-help-menu{
  position:absolute; right:0; bottom:62px; min-width:188px;
  background:#fff; border:1px solid var(--xc-border,#E5E8EB); border-radius:var(--xc-r-lg);
  box-shadow:var(--xc-shadow-lg); padding:6px; display:none;
}
#xc-help-menu.open{ display:block; animation:xcHelpIn .14s ease-out; }
@keyframes xcHelpIn{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }
#xc-help-menu a{
  display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:var(--xc-r);
  font-size:13px; color:var(--xc-text,#191F28); text-decoration:none; font-weight:600;
}
#xc-help-menu a:hover{ background:var(--xc-page,#F2F4F6); color:var(--xc-text); }
#xc-help-menu a i{ width:16px; text-align:center; color:var(--xc-ai,#10B6A0); }

/* 엔진 상태 토스트: 좌하단 차분한 칩 */
body.theme-renewal #xcopy_engine_status_bar{
  left:16px !important; right:auto !important; top:auto !important; bottom:92px !important;
  transform:none !important; max-width:230px !important; font-size:11.5px !important;
  padding:6px 13px !important; border-radius:999px !important; opacity:.97;
  background:var(--xc-text) !important; color:#fff !important; border:0 !important;
  box-shadow:var(--xc-shadow-lg) !important; animation:none !important; font-weight:600 !important;
}
body.theme-renewal #xcopy_engine_status_bar::before,
body.theme-renewal #xcopy_engine_status_bar::after{ display:none !important; }
body.theme-renewal #xcopy_engine_status_bar.is-complete{ background:var(--xc-ok) !important; color:#fff !important; }
/* 끊김 상태도 차분한 칩으로(구버전 빨강 그라데이션·흔들림 제압) */
body.theme-renewal #xcopy_engine_status_bar.xcopy-engine-disconnect{ background:var(--xc-bad) !important; color:#fff !important; animation:none !important; }
@media (max-width:900px){
  body.theme-renewal #xcopy_engine_status_bar{ left:50% !important; transform:translateX(-50%) !important; bottom:auto !important; top:8px !important; }
}
/* 반자동 설치 안내는 고정 상단바를 기준으로 잘리지 않도록 화면 안에 표시한다. */
body.theme-renewal #xcopy_engine_status_bar.xcopy-engine-inline{
  position:fixed !important; left:50% !important; right:auto !important;
  top:56px !important; bottom:auto !important; transform:translateX(-50%) !important;
  width:max-content; max-width:min(680px,calc(100vw - 32px)) !important;
  box-sizing:border-box; height:auto !important; line-height:1.6 !important;
  padding:10px 16px !important; font-size:14px !important; border-radius:var(--xc-r,8px) !important;
  white-space:normal; overflow:visible; text-shadow:none;
  background:var(--xc-warn-50,#FBF2E2) !important; color:var(--xc-text,#1B2733) !important;
  border:1px solid var(--xc-border,#E2E8ED) !important; box-shadow:var(--xc-shadow-sm) !important;
}
body.theme-renewal #xcopy_engine_status_bar.xcopy-engine-inline #xcopy_engine_status_text{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px;
  color:inherit !important;
}
body.theme-renewal #xcopy_engine_status_bar.xcopy-engine-inline a{
  display:inline-block; padding:6px 12px; border-radius:var(--xc-r-sm,6px);
  background:var(--xc-primary,#0B5E9E); color:#fff !important;
  white-space:nowrap; text-decoration:none !important;
}

/* 플로팅 도움 버튼 묶음 */
body.theme-renewal .floating-menu{
  background:var(--xc-surface); border:1px solid var(--xc-border);
  border-radius:var(--xc-r-lg); box-shadow:var(--xc-shadow-lg); padding:8px;
}

/* 스마트스캐너 — 상품 진단 패널 내부만 현황 화면의 라이트 기준으로 정돈. */
body.theme-renewal #bs-xguide-canvas-right{ max-width:100vw; background:var(--xc-surface) !important; border-left:1px solid var(--xc-border) !important; }
body.theme-renewal #bs-xguide-canvas-right .bs-canvas-header{ min-height:60px; padding:12px 16px !important; background:var(--xc-surface) !important; border-bottom:1px solid var(--xc-border); gap:12px; }
body.theme-renewal #bs-xguide-canvas-right .xguide-header-left{ padding-left:0 !important; }
body.theme-renewal #bs-xguide-canvas-right .bs-canvas-header h4{ color:var(--xc-text) !important; font-size:16px; font-weight:600; line-height:1.5; }
body.theme-renewal #bs-xguide-canvas-right .scanner-panel-close{ margin:0; min-width:56px; height:32px; padding:0 12px; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface); color:var(--xc-text-2) !important; font-weight:500; box-shadow:none; }
body.theme-renewal #bs-xguide-canvas-right .scanner-panel-close:hover{ background:var(--xc-surface-2); border-color:var(--xc-primary-100); color:var(--xc-primary-700) !important; }
body.theme-renewal #bs-xguide-canvas-right .scanner-panel-close:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; }
body.theme-renewal #bs-xguide-canvas-right .bs-xguide-canvas-content,
body.theme-renewal #bs-xguide-canvas-right .xguide-container{ background:var(--xc-surface) !important; }
body.theme-renewal #bs-xguide-canvas-right x-guide-component{ font-family:var(--xc-font); }
body.theme-renewal #bs-xguide-canvas-right #xguide-chatContent{ width:100%; padding:16px; background:var(--xc-surface); color:var(--xc-text-2); }
body.theme-renewal #bs-xguide-canvas-right .chat-message-row{ margin-bottom:12px; min-width:0; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble{ box-sizing:border-box; width:100%; max-width:100%; padding:12px 14px; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface-2); color:var(--xc-text-2); font-size:13px; font-weight:400; line-height:1.65; overflow-wrap:anywhere; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble.input{ background:var(--xc-surface); }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble.input:not(:has(a, button, label, input:not([type="hidden"]), select, textarea)){ display:block !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble b,
body.theme-renewal #bs-xguide-canvas-right .chat-bubble strong{ font-weight:600; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble h4{ margin:0 0 12px; font-size:14px; font-weight:600; line-height:1.6; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble p{ max-width:100%; margin:0; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .rect_label.checkbox-inline{ flex:0 0 100%; width:100% !important; max-width:100%; min-width:0; height:auto; min-height:38px; padding:8px 12px !important; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface); color:var(--xc-text-2); }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .rect_label{ max-width:100%; padding:8px 12px; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface); color:var(--xc-text-2); font-size:13px; font-weight:500; line-height:1.6; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble [style*="background-color: rgb(255, 255, 0)"],
body.theme-renewal #bs-xguide-canvas-right .chat-bubble [style*="background-color: yellow"]{ background-color:var(--xc-warn-50) !important; color:#8A5A16 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble [style*="background-color: rgb(0, 255, 0)"],
body.theme-renewal #bs-xguide-canvas-right .chat-bubble [style*="background-color: lime"]{ background-color:var(--xc-ok-50) !important; color:#146C49 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .rect_label b{ font-size:13px; line-height:1.6; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .rect_label:hover{ background:var(--xc-primary-50); border-color:var(--xc-primary-100); color:var(--xc-primary-700); }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn{ min-height:36px; max-width:100%; padding:7px 12px; border:1px solid var(--xc-primary-100) !important; border-radius:var(--xc-r); background:var(--xc-primary-50) !important; color:var(--xc-primary-700) !important; font-size:13px; font-weight:600; line-height:1.6; white-space:normal; text-decoration:none !important; box-shadow:none !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-prev,
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-default,
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-xguide-fail-check-reset{ background:var(--xc-surface) !important; border-color:var(--xc-border) !important; color:var(--xc-text-2) !important; font-weight:500; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-success{ background:var(--xc-ok-50) !important; border-color:#B9E2D2 !important; color:#146C49 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-danger{ background:var(--xc-bad-50) !important; border-color:#EDC6C6 !important; color:#A53D3D !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-warning{ background:var(--xc-warn-50) !important; border-color:#E7D6B7 !important; color:#8A5A16 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn:hover{ filter:brightness(.97); color:var(--xc-primary-700) !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-success:hover{ color:#146C49 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-danger:hover{ color:#A53D3D !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn-warning:hover{ color:#8A5A16 !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .btn:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; box-shadow:none !important; }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble .form-control{ font-size:13px; max-width:100%; color:var(--xc-text); }
body.theme-renewal #bs-xguide-canvas-right .chat-bubble p:has(> #txt_product_inc){ display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:100%; text-align:left !important; }
body.theme-renewal #bs-xguide-canvas-right #txt_product_inc{ flex:1 1 160px; min-width:0; }

/* 피드백·이탈사유 모달 */
/* 의견 보내기 — 현황 화면과 같은 라이트 표면·옅은 의미색. */
body.theme-renewal #xc-fb-modal{ position:fixed; inset:0; background:rgba(16,24,40,.35); z-index:10000; display:none; align-items:center; justify-content:center; padding:16px; }
body.theme-renewal #xc-fb-modal.open{ display:flex; }
body.theme-renewal #xc-fb-modal .xc-fb-card{ width:440px; max-width:100%; max-height:calc(100dvh - 32px); background:var(--xc-surface); border:1px solid var(--xc-border); border-radius:var(--xc-r-lg); box-shadow:var(--xc-shadow); overflow:auto; }
body.theme-renewal #xc-fb-modal .xc-fb-h{ background:var(--xc-surface); color:var(--xc-text); border-bottom:1px solid var(--xc-border-2); padding:14px 20px; font-weight:600; font-size:16px; line-height:1.5; display:flex; justify-content:space-between; align-items:center; gap:12px; }
body.theme-renewal #xc-fb-modal #xc-fb-x{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; flex:none; border-radius:var(--xc-r-sm); cursor:pointer; color:var(--xc-text-2); font-size:20px; font-weight:400; line-height:1; }
body.theme-renewal #xc-fb-modal #xc-fb-x:hover{ background:var(--xc-surface-2); color:var(--xc-text); }
body.theme-renewal #xc-fb-modal .xc-fb-b{ padding:20px; }
body.theme-renewal #xc-fb-modal .xc-fb-b > p{ color:var(--xc-text-2) !important; font-size:13px; font-weight:400; line-height:1.65; margin-bottom:16px !important; }
body.theme-renewal #xc-fb-reasons{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
body.theme-renewal #xc-fb-reasons .xc-fb-r{ font-size:13px; line-height:1.5; padding:7px 11px; max-width:100%; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface); cursor:pointer; color:var(--xc-text-2); font-weight:500; overflow-wrap:anywhere; }
body.theme-renewal #xc-fb-reasons .xc-fb-r:hover{ background:var(--xc-surface-2); border-color:var(--xc-primary-100); color:var(--xc-primary-700); }
body.theme-renewal #xc-fb-reasons .xc-fb-r.on{ background:var(--xc-primary-50); color:var(--xc-primary-700); border-color:var(--xc-primary-100); font-weight:600; }
body.theme-renewal #xc-fb-reasons .xc-fb-r.on:hover{ background:var(--xc-primary-100); color:var(--xc-primary-700); }
body.theme-renewal #xc-fb-detail{ display:block; box-sizing:border-box; width:100%; min-height:112px; border:1px solid var(--xc-border); border-radius:var(--xc-r); background:var(--xc-surface); color:var(--xc-text); padding:10px 12px; font-family:inherit; font-size:13px; line-height:1.6; resize:vertical; }
body.theme-renewal #xc-fb-detail::placeholder{ color:var(--xc-text-2); opacity:1; }
body.theme-renewal #xc-fb-detail:focus{ border-color:var(--xc-primary); outline:2px solid var(--xc-primary-100); outline-offset:2px; box-shadow:none; }
body.theme-renewal #xc-fb-send{ margin-top:16px; width:100%; background:var(--xc-primary-50); color:var(--xc-primary-700); border:1px solid var(--xc-primary-100); border-radius:var(--xc-r); padding:10px 14px; font-size:14px; line-height:1.5; font-weight:600; cursor:pointer; box-shadow:none; }
body.theme-renewal #xc-fb-send:hover{ background:var(--xc-primary-100); color:var(--xc-primary-700); border-color:var(--xc-primary); }
body.theme-renewal #xc-fb-send:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; }
/* 의견 창에서 표시되는 입력 안내·오류 팝업만 같은 톤으로 정돈한다. */
body.theme-renewal:has(#xc-fb-modal.open) .swal-modal{ width:400px; max-width:calc(100vw - 32px); background:var(--xc-surface); border:1px solid var(--xc-border); box-shadow:var(--xc-shadow); }
body.theme-renewal:has(#xc-fb-modal.open) .swal-title{ padding:0 20px; margin:20px 0 12px; color:var(--xc-text); font-size:16px; font-weight:600; line-height:1.5; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-text{ padding:0 20px; color:var(--xc-text-2); font-size:13px; line-height:1.65; text-align:center; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-footer{ margin-top:20px; padding:0 20px 16px; border-top:0; background:transparent; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-button{ border:1px solid var(--xc-primary-100); border-radius:var(--xc-r); background:var(--xc-primary-50); color:var(--xc-primary-700); padding:8px 16px; font-size:13px; font-weight:600; box-shadow:none; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-button:hover{ background:var(--xc-primary-100); border-color:var(--xc-primary); color:var(--xc-primary-700); }
body.theme-renewal:has(#xc-fb-modal.open) .swal-button:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; box-shadow:none; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-icon--warning{ width:40px; height:40px; margin:24px auto 0; border:2px solid var(--xc-warn) !important; background:var(--xc-warn-50); animation:none; }
body.theme-renewal:has(#xc-fb-modal.open) .swal-icon--warning__body{ top:8px; width:3px; height:17px; border-radius:2px; background:var(--xc-warn); }
body.theme-renewal:has(#xc-fb-modal.open) .swal-icon--warning__dot{ width:4px; height:4px; bottom:-8px; margin-left:-2px; background:var(--xc-warn); }
@media (max-width:480px){
  body.theme-renewal #xc-fb-modal .xc-fb-h{ padding:12px 16px; }
  body.theme-renewal #xc-fb-modal .xc-fb-b{ padding:16px; }
}

/* =========================================================================
   v4 보정 — 메뉴 클릭 아코디언 · 토글 · 브랜드 시그니처 · 색 조화
   ========================================================================= */

/* 사이드바: hover 플라이아웃 → 클릭 인라인 아코디언 */
body.theme-renewal .sidebar-nav ul li > ul.nav-flyout{
  position:static !important; transform:none !important; left:auto !important; right:auto !important; top:auto !important;
  width:auto !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important; margin:0 !important;
  max-height:0; overflow:hidden; opacity:0; transition:max-height .24s ease, opacity .18s ease;
}
body.theme-renewal .sidebar-nav ul li.xc-exp > ul.nav-flyout{ max-height:1200px; opacity:1; padding:2px 0 6px !important; }
/* 자식 li: 가로 inline-block(구 패널) → 세로 블록 스택(사이드바 안에 쌓이도록) */
body.theme-renewal .sidebar-nav .nav-flyout > li{ display:block !important; width:auto !important; float:none !important; position:static !important; }
/* ★ left_menu 인라인 .menu-sticky translateX(100%) 무력화(아코디언은 인라인이라 이동 불필요) */
body.theme-renewal .sidebar-nav.menu-sticky ul > li:not(.active) .nav-flyout,
body.theme-renewal .sidebar-nav.menu-sticky ul > li.active .nav-flyout,
body.theme-renewal .sidebar-nav ul > li.active .nav-flyout,
body.theme-renewal .sidebar-nav ul > li .nav-flyout{ transform:none !important; }
body.theme-renewal .sidebar-nav .nav-flyout li a{
  padding:8px 12px 8px 38px !important; font-size:13px; font-weight:500; margin:1px 10px; border-radius:var(--xc-r);
}
body.theme-renewal .sidebar-nav .nav-flyout li a:hover{ background:var(--xc-page); color:var(--xc-text); }
body.theme-renewal .sidebar-nav .nav-flyout li.active > a,
body.theme-renewal .sidebar-nav .nav-flyout li a.active{ background:var(--xc-primary-50); color:var(--xc-primary); box-shadow:none; }
/* 펼침 화살표 (하위 nav-flyout 있는 항목) */
body.theme-renewal .sidebar-nav ul li:has(> ul.nav-flyout) > a{ padding-right:30px; }
body.theme-renewal .sidebar-nav ul li:has(> ul.nav-flyout) > a:after{
  content:"\f107"; font-family:"Font Awesome 5 Free","FontAwesome"; font-weight:900;
  position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:12px; opacity:.45; transition:transform .2s; border:0;
}
body.theme-renewal .sidebar-nav ul li.xc-exp:has(> ul.nav-flyout) > a:after{ transform:translateY(-50%) rotate(180deg); opacity:.75; }

/* '필수/모든 메뉴 보기' 토글: 초록 → 브랜드색 */
body.theme-renewal .menu-mode-toggle-slider{ background:#CDD6DE !important; }
body.theme-renewal .menu-mode-toggle-checkbox:checked + .menu-mode-toggle-slider{ background:var(--xc-primary) !important; }

/* 상단 사용자/버전: 차분한 보조 톤 */
body.theme-renewal .top_menu .navbar-header:not(.navbar-logo){ font-size:13px; color:var(--xc-text-muted); }
body.theme-renewal .top_menu .navbar-header:not(.navbar-logo) b{ color:var(--xc-text-2); font-weight:700; }

/* 도움말 FAB: 브랜드 시그니처 그라데이션(오션→민트) — 유일한 그라데 포인트 */
#xc-help-fab{ background:var(--xc-brand-grad,linear-gradient(135deg,#0B5E9E,#0FA396)) !important; box-shadow:0 8px 22px rgba(11,94,158,.32) !important; }
#xc-help-fab.open{ background:var(--xc-text,#1B2733) !important; }
#xc-help-menu a i{ color:var(--xc-ai,#0FA396); }

/* AI 인라인 배지(상품 리스트 등) 민트로 통일 */
body.theme-renewal .ai-inline{ background:var(--xc-ai-50) !important; color:var(--xc-ai-700,#0B8074) !important; border-color:var(--xc-ai) !important; }

/* =========================================================================
   v4 — 구버전 화면 공통 보정(인라인 잔재 톤다운). v2 교체 전까지 가독 확보.
   ========================================================================= */
/* 페이지 제목 강화 */
body.theme-renewal h3.page-header, body.theme-renewal .page-header{
  font-weight:800; color:var(--xc-text); font-size:20px; letter-spacing:-.02em;
  border-bottom:1px solid var(--xc-border-2); padding-bottom:12px;
}
body.theme-renewal h3.page-header{ margin-top:4px; margin-bottom:16px; }

/* ===== 설정 페이지 크래프트 통일 (v43) ===== */
/* 안내 패널: 차분한 소프트 카드 — 좌측 라인 없이 은은한 전체 테두리·편한 행간 */
body.theme-renewal p.bg-info, body.theme-renewal p.bg-success, body.theme-renewal p.bg-warning,
body.theme-renewal div.info-content, body.theme-renewal .info-box{
  padding:16px 18px !important; border-radius:12px !important;
  line-height:1.8 !important; font-weight:400 !important; font-size:14px !important;
  color:var(--xc-text-2) !important; box-shadow:none !important; margin-bottom:18px;
  border:1px solid var(--xc-border-2) !important;
}
/* 안내 패널 내 강조 텍스트만 살짝 진하게(가독성) */
body.theme-renewal p.bg-info b, body.theme-renewal p.bg-info strong,
body.theme-renewal p.bg-info .highlight{ font-weight:600; color:var(--xc-text); }
/* 섹션 헤딩 ▶ 삼각 아이콘(레거시 170곳) → 차분한 브랜드 막대 */
body.theme-renewal .panel-heading .glyphicon-triangle-right,
body.theme-renewal .panel-heading > i.glyphicon-triangle-right{ display:none !important; }
body.theme-renewal .panel-heading{ position:relative; padding-left:18px; }
body.theme-renewal .panel-heading::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:3px; height:15px; background:var(--xc-primary); border-radius:2px;
}
/* 회색 th 라벨박스(#e8e8e8 등) → 옅은 surface */
body.theme-renewal th{ background-color:var(--xc-surface-2) !important; color:var(--xc-text-2); font-weight:700; border-color:var(--xc-border-2) !important; word-break:keep-all; }
/* 유튜브 빨강 이미지 버튼 de-emphasize(이미지라 색은 못 바꿈 → 크기·투명도) */
body.theme-renewal img[src*="youtube"]{ height:28px !important; width:auto !important; opacity:.6; vertical-align:middle; border-radius:6px; transition:opacity .15s; }
body.theme-renewal img[src*="youtube"]:hover{ opacity:1; }
/* 매뉴얼/도움 버튼(btn-warning/btn-info)은 보조 톤(위에서 처리). 강조 남용 방지 */
body.theme-renewal .btn-warning, body.theme-renewal .btn-info{ font-weight:600; }
/* 인라인 분홍/하늘 상태 셀 톤다운(대표적 배경 hex) */
body.theme-renewal td[style*="background"][style*="#f"],
body.theme-renewal td[style*="background"][style*="#F"]{ background-image:none; }

/* =========================================================================
   v4 — 코드기반 v2 사이드바(.xcnav). DB메뉴/hover/토글 폐기한 큐레이션 내비.
   ========================================================================= */
body.theme-renewal .xc-nav2{ background:var(--xc-surface); border-right:1px solid var(--xc-border); height:100%; }
body.theme-renewal .xcnav{ padding:40px 0 24px; }
body.theme-renewal .xcnav-sec{ font-size:11px; font-weight:700; color:var(--xc-text-muted); letter-spacing:.03em; padding:16px 22px 7px; }
body.theme-renewal .xcnav-item{ display:flex; align-items:center; gap:11px; padding:10px 18px; margin:1px 10px; border-radius:var(--xc-r); color:var(--xc-text-2); font-size:14px; font-weight:600; text-decoration:none; transition:background .14s,color .14s; }
body.theme-renewal .xcnav-item i{ width:18px; text-align:center; font-size:15px; opacity:.7; }
body.theme-renewal .xcnav-item:hover{ background:var(--xc-page); color:var(--xc-text); }
body.theme-renewal .xcnav-item.active{ background:var(--xc-primary-50); color:var(--xc-primary); border-radius:8px; }
body.theme-renewal .xcnav-item.active i{ opacity:1; color:var(--xc-primary); }
body.theme-renewal .xcnav-foot{ margin-top:14px; padding-top:10px; border-top:1px solid var(--xc-border-2); }
body.theme-renewal .xcnav-mini{ display:flex; align-items:center; gap:9px; padding:8px 18px; margin:0 10px; color:var(--xc-text-muted); font-size:12.5px; text-decoration:none; border-radius:var(--xc-r); font-weight:600; }
body.theme-renewal .xcnav-mini:hover{ background:var(--xc-page); color:var(--xc-text-2); }

/* =========================================================================
   v4 — 코드기반 v2 상단바(.xc-top2). 좌측 로고 / 우측 유틸 그룹.
   ========================================================================= */
body.theme-renewal .top_menu.xc-top2{ height:48px !important; display:flex; align-items:center; padding:0 18px 0 16px; }
body.theme-renewal .xc-top2 .navbar-logo{ float:none; margin:0 !important; }
body.theme-renewal .xc-top2 .navbar-logo a{ display:inline-flex; align-items:center; font-size:16px; font-weight:800; color:var(--xc-text); }
body.theme-renewal .xc-top2 #member_list_dropdown{ float:none; margin:0 0 0 auto !important; padding:0 !important; display:flex; align-items:center; gap:4px; }
body.theme-renewal .xc-top2 #member_list_dropdown > li{ float:none; display:flex; align-items:center; margin:0; }
body.theme-renewal .xc-top2 #member_list_dropdown > li > a{ display:flex; align-items:center; }
body.theme-renewal .xc-ver{ font-size:12px; color:var(--xc-text-muted); background:var(--xc-page); border-radius:999px; padding:3px 10px; margin-right:2px; }
body.theme-renewal .xc-bell{ padding:7px !important; border-radius:8px; }
body.theme-renewal .xc-bell:hover{ background:var(--xc-page); }
body.theme-renewal .xc-bell svg{ fill:var(--xc-text-2) !important; width:20px; height:20px; }
body.theme-renewal .xc-bell .notify-container{ display:flex; }
body.theme-renewal .xc-profile{ gap:8px; padding:4px 12px 4px 4px !important; border-radius:999px; background:var(--xc-page); margin-left:4px; }
body.theme-renewal .xc-profile b{ font-size:13px; color:var(--xc-text); font-weight:700; }
body.theme-renewal .xc-ava{ width:26px; height:26px; border-radius:50%; background:var(--xc-brand-grad,#0B5E9E); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; }
body.theme-renewal .xc-logout{ width:34px; height:34px; border-radius:8px; color:var(--xc-text-muted) !important; background:transparent !important; border:0 !important; justify-content:center; }
body.theme-renewal .xc-logout:hover{ background:var(--xc-page); color:var(--xc-bad) !important; }

/* === 우측 유틸 정렬 일관화 (조잡함 정정): 옛/새 CSS 충돌 정리 + 동일 높이·균등 간격 === */
body.theme-renewal .xc-top2 #member_list_dropdown{ gap:6px !important; }
body.theme-renewal .xc-top2 #member_list_dropdown > li{ height:36px; align-items:center; }
/* 아이콘 버튼 통일: 알림벨 = 로그아웃 (둘 다 34×34 라운드·차분, hover만 배경) */
body.theme-renewal .xc-top2 .xc-bell .notify-container,
body.theme-renewal .xc-top2 .xc-logout{
  width:34px !important; height:34px !important; border-radius:9px !important; display:flex !important;
  align-items:center !important; justify-content:center !important; position:relative;
  color:var(--xc-text-muted) !important; background:transparent !important; border:0 !important; padding:0 !important; margin:0 !important;
}
body.theme-renewal .xc-top2 .xc-bell .notify-container:hover{ background:var(--xc-page) !important; color:var(--xc-text) !important; }
body.theme-renewal .xc-top2 .xc-logout:hover{ background:var(--xc-page) !important; color:var(--xc-bad) !important; }
body.theme-renewal .xc-top2 .xc-bell .notify-container svg,
body.theme-renewal .xc-top2 .xc-bell .notify-container i{ width:18px; height:18px; font-size:17px; }
/* 알림 배지: 아이콘버튼 우상단 고정(인라인 right:18px·top:0 무력화) */
body.theme-renewal .xc-top2 .notify-badge{ position:absolute !important; top:1px !important; right:1px !important; left:auto !important; min-width:15px; height:15px; line-height:15px; padding:0 3px; font-size:9.5px; border-radius:999px; }
/* 버전칩: 차분·동일 정렬 */
body.theme-renewal .xc-top2 .xc-ver{ min-height:24px; align-items:center; font-size:11.5px; line-height:24px; margin:0 !important; padding:0 10px; }
/* 업그레이드: 행에 맞춘 알약(아이콘+텍스트 정렬) */
body.theme-renewal .xc-top2 #member_list_dropdown .upgrade-icon{ height:32px; display:inline-flex !important; align-items:center; gap:5px; padding:0 14px !important; font-size:13px; }
/* 프로필: 동일 높이 + 계정 그룹 구분선(유틸 | 계정) */
body.theme-renewal .xc-top2 .xc-profile{ height:34px; position:relative; margin-left:11px !important; }
body.theme-renewal .xc-top2 .xc-profile::before{ content:""; position:absolute; left:-9px; top:8px; bottom:8px; width:1px; background:var(--xc-border); }
/* 상단바 48px 만큼 사이드바 콘텐츠 시작 보정 */
body.theme-renewal .xcnav{ padding-top:60px; }

/* 구버전 헤더의 매뉴얼/유튜브 가이드 버튼(btn-manual 노랑·btn-youtube 빨강) → 차분한 보조 버튼 */
body.theme-renewal .btn-manual, body.theme-renewal .btn-youtube{
  background:var(--xc-surface) !important; color:var(--xc-text-2) !important;
  border:1px solid var(--xc-border) !important; box-shadow:none !important;
  font-weight:600 !important; border-radius:var(--xc-r) !important;
}
body.theme-renewal .btn-manual:hover, body.theme-renewal .btn-youtube:hover{ background:var(--xc-page) !important; color:var(--xc-text) !important; }
body.theme-renewal .btn-manual i{ color:var(--xc-text-muted) !important; }
body.theme-renewal .btn-youtube i{ color:var(--xc-bad) !important; }

/* =========================================================================
   v4 — 모바일 반응형: 사이드바 오프캔버스(좁은 화면 겹침 해소)
   ========================================================================= */
body.theme-renewal .xc-burger{ display:none; background:transparent; border:0; color:var(--xc-text-2); font-size:18px; padding:8px 10px; margin-right:2px; border-radius:8px; cursor:pointer; }
body.theme-renewal .xc-burger:hover{ background:var(--xc-page); }
body.theme-renewal .xc-nav-overlay{ display:none; position:fixed; inset:0; background:rgba(16,24,40,.4); z-index:115; }
@media (max-width:767px){
  body.theme-renewal .xc-burger{ display:inline-flex; align-items:center; }
  body.theme-renewal .left-sidebar.xc-nav2{ position:fixed; top:0; left:0; bottom:0; transform:translateX(-100%); transition:transform .22s ease; z-index:120; box-shadow:var(--xc-shadow-lg); }
  body.theme-renewal.xc-nav-open .left-sidebar.xc-nav2{ transform:translateX(0); }
  body.theme-renewal.xc-nav-open .xc-nav-overlay{ display:block; }
  /* 상단바 유틸 압축(좁은 화면) */
  body.theme-renewal .xc-top2{ padding:0 10px; }
  body.theme-renewal .xc-ver{ display:none; }
  body.theme-renewal .xc-profile b{ display:none; }
  body.theme-renewal .xc-profile{ padding:4px !important; }
  body.theme-renewal #member_list_dropdown .upgrade-icon{ padding:5px 10px !important; }
}

/* 업그레이드 버튼: 레거시 opacity 펄스(반투명 깜빡임) 제거 → 솔리드 */
body.theme-renewal #member_list_dropdown .upgrade-icon{ animation:none !important; opacity:1 !important; filter:none !important; }

/* 구버전 표/셀의 부트스트랩 contextual 배경(분홍·하늘 등) → 옅은 브랜드 틴트(과한 색면 제거) */
body.theme-renewal .bg-info{ background-color:var(--xc-primary-50) !important; }
body.theme-renewal .bg-warning{ background-color:var(--xc-warn-50) !important; }
body.theme-renewal .bg-danger{ background-color:var(--xc-bad-50) !important; }
body.theme-renewal .bg-success{ background-color:var(--xc-ok-50) !important; }
body.theme-renewal .bg-primary{ background-color:var(--xc-primary-50) !important; color:var(--xc-primary) !important; }

/* 모달 헤더: 다크(#242424) → 라이트(본문과 일관) */
body.theme-renewal .modal-header{ background:var(--xc-surface) !important; border-bottom:1px solid var(--xc-border-2) !important; }
body.theme-renewal .modal-header, body.theme-renewal .modal-header *{ color:var(--xc-text) !important; }
body.theme-renewal .modal-header .close, body.theme-renewal .modal-header button.close{ opacity:.5; text-shadow:none; }
body.theme-renewal .modal-header .close:hover{ opacity:1; }

/* =========================================================================
   v4 — 구버전 폼(table.tbl·tab-title) 공통 정리(상세편집·설정 폼 17+9 화면)
   ========================================================================= */
body.theme-renewal table.tbl{ border:1px solid var(--xc-border) !important; border-collapse:collapse; border-radius:var(--xc-r-lg); overflow:hidden; background:var(--xc-surface); width:100%; }
body.theme-renewal table.tbl > tbody > tr > th,
body.theme-renewal table.tbl > tbody > tr > td{ border:0 !important; border-bottom:1px solid var(--xc-border-2) !important; padding:11px 14px !important; vertical-align:middle; line-height:1.5; }
body.theme-renewal table.tbl > tbody > tr:last-child > th,
body.theme-renewal table.tbl > tbody > tr:last-child > td{ border-bottom:0 !important; }
body.theme-renewal table.tbl th{ background:var(--xc-surface-2) !important; color:var(--xc-text-2) !important; font-weight:700; text-align:left; }
/* 섹션 헤더(접이식 tab-title) */
body.theme-renewal .tab-title{ background:transparent !important; border:0 !important; border-bottom:1px solid var(--xc-border) !important; padding:14px 2px !important; margin-bottom:10px; }
body.theme-renewal .tab-title h2, body.theme-renewal .tab-title-text{ font-size:15px !important; font-weight:700 !important; color:var(--xc-text) !important; letter-spacing:-.01em; }
/* collapse 토글(전부 접기/접기 ⌄): 레거시 color:#fff(어두운 탭헤더용)라 밝은 배경서 안 보이던 것 가시화 */
body.theme-renewal .tab-title .ctrl span{ color:var(--xc-text-2) !important; font-size:13px !important; }
body.theme-renewal .tab-title .ctrl span:hover{ color:var(--xc-primary) !important; }
body.theme-renewal .section{ margin-bottom:22px; }

/* =========================================================================
   v4 — 자체 로딩 오버레이(전역 start_loading 미로드 대비, 비동기 동작 피드백)
   ========================================================================= */
#xc-loading{ position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(243,246,248,.72); }
#xc-loading.on{ display:flex; }
#xc-loading .xl-box{ display:flex; flex-direction:column; align-items:center; gap:14px; background:#fff; padding:26px 34px; border-radius:16px; box-shadow:0 12px 32px rgba(16,24,40,.16); }
#xc-loading .xl-spin{ width:40px; height:40px; border:4px solid var(--xc-primary-100,#C9DEEF); border-top-color:var(--xc-primary,#0B5E9E); border-radius:50%; animation:xlspin .8s linear infinite; }
#xc-loading .xl-msg{ font-size:14px; font-weight:700; color:var(--xc-text,#1B2733); }
@keyframes xlspin{ to{ transform:rotate(360deg); } }

/* 구버전 다크 버튼(btn-black) → 시맨틱 v2 색: 기본=오션 primary(검색·저장·일괄저장·백업·다운로드 등 주요동작), 삭제→레드, 닫기→고스트.
   ※ plain btn-black은 대부분 주요 동작이라 다크 대신 오션으로 통일(v2 단일 primary 원칙). */
body.theme-renewal .btn-black{ background:var(--xc-primary) !important; border:1px solid var(--xc-primary) !important; color:#fff !important; box-shadow:none !important; font-weight:700; border-radius:var(--xc-r) !important; }
body.theme-renewal .btn-black:hover{ background:var(--xc-primary-700) !important; color:#fff !important; }
body.theme-renewal .btn-black.btn_save, body.theme-renewal .btn-black.btn_save_must, body.theme-renewal .btn-black.btn_edit,
body.theme-renewal .btn-black.btn-update, body.theme-renewal .btn-black.btn_save_step, body.theme-renewal .btn-black.btn_add,
body.theme-renewal .btn-black.btn_add_stock_work_list{ background:var(--xc-primary) !important; border-color:var(--xc-primary) !important; }
body.theme-renewal .btn-black.btn_save:hover, body.theme-renewal .btn-black.btn_edit:hover, body.theme-renewal .btn-black.btn-update:hover{ background:var(--xc-primary-700) !important; }
body.theme-renewal .btn-black.btn_del, body.theme-renewal .btn-black.btn-del{ background:var(--xc-bad) !important; border-color:var(--xc-bad) !important; }
body.theme-renewal .btn-black.btn_close{ background:var(--xc-surface) !important; border-color:var(--xc-border) !important; color:var(--xc-text-2) !important; }

/* =========================================================================
   v5 — 상세편집 재설계: 구버전 다크 섹션헤더(.sub_title #242424) → 라이트 v2 바
   (상세편집 편집기 + 알리미·FAQ팝업·모니터링 등 공통 사용)
   ========================================================================= */
body.theme-renewal .sub_title,
body.theme-renewal .cl_header{ background:var(--xc-surface-2) !important; color:var(--xc-text) !important; border:1px solid var(--xc-border) !important; border-radius:var(--xc-r) !important; font-weight:700 !important; padding:10px 14px !important; }
body.theme-renewal .sub_title *,
body.theme-renewal .cl_header *{ color:var(--xc-text) !important; }
body.theme-renewal .sub_title a:not(.btn):hover,
body.theme-renewal .cl_header a:not(.btn):hover{ color:var(--xc-primary) !important; } /* 버튼(.btn) 제외 — 컬러 버튼은 자체 호버 유지 */
/* 편집기 상단 상품정보 헤더 바(.top_navi .info #5b5b65) → 라이트 v2 */
body.theme-renewal .top_navi .info{ background-color:var(--xc-surface-2) !important; color:var(--xc-text-2) !important; border:1px solid var(--xc-border) !important; border-radius:var(--xc-r) !important; }
body.theme-renewal .top_navi .info > strong, body.theme-renewal .top_navi .info .summary dd .txtLink{ color:var(--xc-text) !important; }

/* 편집기 인라인 다크 유틸버튼(#444b59/#495057) → v2 시맨틱: 적용=오션 / 번역·AI매핑=민트 / 미리보기·탭=세컨더리.
   인라인 background-color를 이기려 !important. (실제 클래스 .btn_outbound_product_sync) */
body.theme-renewal .btn_outbound_product_sync, body.theme-renewal .btn_outbound_product_cust_sync, body.theme-renewal #btn_outbound_product_cust_sync{ background-color:var(--xc-primary) !important; border-color:var(--xc-primary) !important; }
body.theme-renewal .btn_outbound_product_sync:hover, body.theme-renewal .btn_outbound_product_cust_sync:hover{ background-color:var(--xc-primary-700) !important; }
body.theme-renewal .btn-translate, body.theme-renewal .btn-translate-init, body.theme-renewal .btn_ai_openmarket_category_mapping{ background-color:var(--xc-ai) !important; border-color:var(--xc-ai) !important; }
/* 다크: --xc-ai(#16C0AC 밝은민트)는 텍스트/아이콘용이라 흰글씨 버튼 배경으론 저대비(2.29) → 버튼만 진한 청록으로 */
body.theme-renewal.theme-dark .btn-translate, body.theme-renewal.theme-dark .btn-translate-init, body.theme-renewal.theme-dark .btn_ai_openmarket_category_mapping{ background-color:#0B7E72 !important; border-color:#0B7E72 !important; }
/* 반응형: 편집기 상단 헤더(.top_navi)는 우측 블록이 absolute+402px 예약이라 좁은 폭서 겹침 → 스택 */
@media (max-width:767px){
  body.theme-renewal .top_navi .info{ padding-right:15px !important; }
  body.theme-renewal .top_navi .info .top_navi-left{ float:none !important; }
  body.theme-renewal .top_navi .info .top_navi-right{ position:static !important; top:auto !important; right:auto !important; margin-top:10px; }
}

/* 컴포넌트 마감: 모달(테마 미적용=BS3 흰배경, 다크서 깨짐) + placeholder + 폼 검증상태 */
body.theme-renewal .modal-content{ background:var(--xc-surface) !important; border:1px solid var(--xc-border) !important; border-radius:var(--xc-r-lg); color:var(--xc-text); box-shadow:var(--xc-shadow-lg,0 12px 40px rgba(0,0,0,.18)); }
body.theme-renewal .modal-header{ border-bottom:1px solid var(--xc-border) !important; }
body.theme-renewal .modal-footer{ border-top:1px solid var(--xc-border) !important; }
body.theme-renewal .modal-title, body.theme-renewal .modal-body{ color:var(--xc-text); }
body.theme-renewal .modal-header .close{ color:var(--xc-text-2); opacity:.7; text-shadow:none; }
body.theme-renewal ::placeholder{ color:var(--xc-text-muted); opacity:1; }
body.theme-renewal .has-error .form-control{ border-color:var(--xc-bad) !important; }
body.theme-renewal .has-error .control-label, body.theme-renewal .has-error .help-block{ color:var(--xc-bad); }
body.theme-renewal .btn-description-preview, body.theme-renewal .btn-tab-menu{ background-color:var(--xc-surface-2) !important; border:1px solid var(--xc-border) !important; color:var(--xc-text-2) !important; }
body.theme-renewal .btn-description-preview:hover, body.theme-renewal .btn-tab-menu:hover{ border-color:var(--xc-primary) !important; color:var(--xc-primary) !important; }

/* <kbd> (부트스트랩 기본 다크 #333) → v2 라이트 토큰칩.
   치환어 변수(상품명·태그·옵션·영문브랜드·빈칸·고유번호)·참조 라벨 등 70화면 공통. */
body.theme-renewal kbd{ background:var(--xc-primary-50) !important; color:var(--xc-primary-700) !important; border:1px solid var(--xc-primary-100) !important; box-shadow:none !important; border-radius:6px !important; padding:2px 7px !important; font-weight:600; font-size:.88em; }
body.theme-renewal kbd.btn-hint{ cursor:pointer; }
body.theme-renewal kbd.btn-hint:hover{ background:var(--xc-primary-100) !important; }

/* 전송값 입력·선택 옆 설명(span.desc_green). 한 줄·여러 줄 모두 같은 안내 카드. */
body.theme-renewal span.desc_green{
  display:block !important; width:fit-content; max-width:100%;
  margin:8px 0 2px !important; padding:10px 12px !important;
  background:var(--xc-ok-50) !important;
  border:1px solid color-mix(in srgb, var(--xc-ok) 32%, var(--xc-border)) !important;
  border-radius:8px !important; box-shadow:none !important;
  color:var(--xc-text-2) !important; font-weight:400 !important; font-size:12.5px !important; line-height:1.7 !important;
}
body.theme-renewal span.desc_green b, body.theme-renewal span.desc_green strong{ color:var(--xc-text); font-weight:600; }
/* 설명 상자(p.bg-danger)만 desc_green 카드와 같은 둥근 형태. 문장 안 span.bg-danger 강조는 유지. */
body.theme-renewal p.bg-danger{
  display:block; width:fit-content; max-width:100%;
  margin:8px 0 2px !important; padding:10px 12px !important;
  background:var(--xc-bad-50) !important;
  border:1px solid color-mix(in srgb, var(--xc-bad) 32%, var(--xc-border)) !important;
  border-radius:8px !important; box-shadow:none !important;
  color:var(--xc-text-2) !important; font-size:12.5px !important; font-weight:400 !important; line-height:1.7 !important;
}
body.theme-renewal p.bg-danger b,
body.theme-renewal p.bg-danger strong{ color:var(--xc-text); font-weight:600; }

/* 다크 테이블 제목 셀(td.td-title·td.td-black-title #585551/#312F2D 흰글씨, 42화면) → v2 라이트 라벨셀(.tbl th와 일관).
   .bold 등 더 구체적 선택자도 !important로 제압. */
body.theme-renewal td.td-title, body.theme-renewal td.td-black-title{ background-color:var(--xc-surface-2) !important; color:var(--xc-text-2) !important; font-weight:700; }

/* 팝오버(? 도움말, ~784개) v2 — 부트스트랩 raw → 라이트 카드 (body 직속이라 theme-renewal 스코프 적용됨) */
body.theme-renewal .popover{ border:1px solid var(--xc-border) !important; border-radius:var(--xc-r-lg) !important; box-shadow:var(--xc-shadow-lg) !important; font-family:var(--xc-font); max-width:420px !important; padding:0; background:var(--xc-surface) !important; }
body.theme-renewal .popover .popover-title{ background:var(--xc-surface-2) !important; color:var(--xc-text) !important; border-bottom:1px solid var(--xc-border-2) !important; font-weight:700; font-size:13px; padding:10px 14px; border-radius:var(--xc-r-lg) var(--xc-r-lg) 0 0; }
body.theme-renewal .popover .popover-content{ color:var(--xc-text-2) !important; line-height:1.65; padding:12px 14px; font-size:14px !important; }
body.theme-renewal .popover.top > .arrow:after{ border-top-color:var(--xc-surface) !important; }
body.theme-renewal .popover.bottom > .arrow:after{ border-bottom-color:var(--xc-surface-2) !important; }
body.theme-renewal .popover.right > .arrow:after{ border-right-color:var(--xc-surface) !important; }
body.theme-renewal .popover.left > .arrow:after{ border-left-color:var(--xc-surface) !important; }
/* 데이트피커(jQuery UI · 날짜필터) — raw 흰 박스 → surface 토큰(다크 누수 차단, 라이트 무변화) */
body.theme-renewal .ui-datepicker{ background:var(--xc-surface) !important; border:1px solid var(--xc-border) !important; border-radius:var(--xc-r) !important; box-shadow:var(--xc-shadow-lg) !important; color:var(--xc-text) !important; }
body.theme-renewal .ui-datepicker .ui-datepicker-header{ background:var(--xc-surface-2) !important; color:var(--xc-text) !important; border:0 !important; }
body.theme-renewal .ui-datepicker .ui-datepicker-title, body.theme-renewal .ui-datepicker .ui-datepicker-title select{ color:var(--xc-text) !important; }
body.theme-renewal .ui-datepicker th{ color:var(--xc-text-muted) !important; }
body.theme-renewal .ui-datepicker td a, body.theme-renewal .ui-datepicker td span{ color:var(--xc-text) !important; background:transparent !important; border:0 !important; }
body.theme-renewal .ui-datepicker td a:hover{ background:var(--xc-primary-50) !important; color:var(--xc-primary) !important; }
body.theme-renewal .ui-datepicker td .ui-state-active, body.theme-renewal .ui-datepicker td .ui-state-highlight{ background:var(--xc-primary) !important; color:#fff !important; }
/* 드롭다운 메뉴(부트스트랩) — 다크 누수 방지 */
body.theme-renewal .dropdown-menu{ background:var(--xc-surface) !important; border:1px solid var(--xc-border) !important; box-shadow:var(--xc-shadow-lg) !important; }
body.theme-renewal .dropdown-menu > li > a{ color:var(--xc-text) !important; }
body.theme-renewal .dropdown-menu > li > a:hover, body.theme-renewal .dropdown-menu > li > a:focus{ background:var(--xc-surface-2) !important; color:var(--xc-primary) !important; }
/* ? 도움말 트리거(make_popover의 fa-question-circle fa-2x 1.3em = 과도) → 작고 차분하게(산만함↓). hover시 오션. 도움말은 유지. */
body.theme-renewal .hk-popover-btn{ vertical-align:middle; }
body.theme-renewal .hk-popover-btn .fa-question-circle{ font-size:1em !important; color:var(--xc-text-muted) !important; transition:color .12s; }
body.theme-renewal .hk-popover-btn:hover .fa-question-circle{ color:var(--xc-primary) !important; }

/* ===== [출시 완성 G002] 공통 레버리지 override — 토글·탭·폼표·모달 다크표 ===== */
/* 토글/스위치 ON 색 통일 → 브랜드(off=표준 회색 유지). 구 부트스트랩 블루·머티리얼 그린·보라 난립 제거 */
body.theme-renewal input:checked + .slider,
body.theme-renewal input:checked + .hk-slider,
body.theme-renewal input:checked + [class*="toggle-slider"]{ background:var(--xc-primary) !important; }
body.theme-renewal .form-check-input:checked{ background-color:var(--xc-primary) !important; border-color:var(--xc-primary) !important; box-shadow:none !important; }
/* 인페이지 탭(.tab_menu/.col_menu) 구 블루 알약 → 브랜드 */
body.theme-renewal .tab_menu .nav-tabs > li.active > a,
body.theme-renewal .tab_menu .nav-tabs > li.active > a:hover,
body.theme-renewal .tab_menu .nav-tabs > li.active > a:focus,
body.theme-renewal .col_menu .nav-tabs > li.active > a{ background-color:var(--xc-primary) !important; border-color:var(--xc-primary) !important; color:#fff !important; }
/* 폼형 표 라벨 머리셀(#e8e8e8 보일러플레이트) → v2 surface */
body.theme-renewal table th{ background-color:var(--xc-surface-2) !important; color:var(--xc-text) !important; }
/* 모달 커스텀 다크 표/밴드(.tbl_plus_fee/.table_total/.tbl_charge_log·검정 헤더·노랑셀·다크밴드) → v2 라이트 */
body.theme-renewal .tbl_plus_fee .th-title,
body.theme-renewal .table_total .th-title,
body.theme-renewal .tbl_charge_log .th-title{ background:var(--xc-surface-2) !important; color:var(--xc-text) !important; }
body.theme-renewal .tbl_plus_fee .td-title,
body.theme-renewal .table_total .td-title,
body.theme-renewal .tbl_charge_log .td-title{ background:var(--xc-primary-50) !important; color:var(--xc-text) !important; }
body.theme-renewal .tbl_plus_fee th, body.theme-renewal .tbl_plus_fee td,
body.theme-renewal .table_total th, body.theme-renewal .table_total td,
body.theme-renewal .tbl_charge_log th, body.theme-renewal .tbl_charge_log td{ border-color:var(--xc-border) !important; }
body.theme-renewal .result_header,
body.theme-renewal .solution_type_title{ background:var(--xc-primary-50) !important; color:var(--xc-primary-700) !important; border-radius:6px; }

/* ===== [출시 완성 G004] 상세편집·에디터 표준화 ===== */
/* 상세편집 상단 고정 탭바(.nav-fix) 옛 회색 윈도우風 → v2 라이트/브랜드 */
body.theme-renewal .top_navi .nav-fix,
body.theme-renewal .top_step .nav-fix{ background:var(--xc-surface-2) !important; border-bottom:1px solid var(--xc-border) !important; border-right:0 !important; }
body.theme-renewal .top_navi .nav-fix li,
body.theme-renewal .top_navi .nav-fix a{ border-left-color:var(--xc-border) !important; }
body.theme-renewal .top_navi .nav-fix a{ background:var(--xc-surface-2) !important; color:var(--xc-text-2) !important; }
body.theme-renewal .top_navi .nav-fix a:hover{ color:var(--xc-primary) !important; }
body.theme-renewal .top_navi .nav-fix li.selected a{ background:var(--xc-surface) !important; color:var(--xc-primary) !important; box-shadow:inset 0 -2px 0 var(--xc-primary) !important; }
/* summernote 에디터 → v2 톤 */
body.theme-renewal .note-toolbar{ background:var(--xc-surface-2) !important; border-color:var(--xc-border) !important; }
body.theme-renewal .note-editor.note-frame{ border-color:var(--xc-border) !important; border-radius:var(--xc-r) !important; }
body.theme-renewal .note-btn{ background:var(--xc-surface) !important; color:var(--xc-text-2) !important; }
body.theme-renewal .note-statusbar{ background:var(--xc-surface-2) !important; }
/* code 배지 자홍(#c7254e) → 브랜드 틴트 */
body.theme-renewal code{ background:var(--xc-primary-50) !important; color:var(--xc-primary-700) !important; }

/* ============================================================================
   ★ COHERENCE 레이어 — 축마다 값 하나(one-value-per-axis).
   레거시 뷰 <style>의 제각각 radius(10/80/5/7px…)를 토큰으로 제압.
   "AI가 만든 듯 어색한" 느낌의 근본 처방: 코너 personality 통일(=soft).
   ============================================================================ */
/* 폼 컨트롤·버튼 = 8px(soft) — 레거시 알약/샤프 제압 */
body.theme-renewal .btn,
body.theme-renewal input[type="text"], body.theme-renewal input[type="number"],
body.theme-renewal input[type="password"], body.theme-renewal input[type="email"],
body.theme-renewal input[type="search"], body.theme-renewal input[type="tel"], body.theme-renewal input[type="url"],
body.theme-renewal select, body.theme-renewal textarea, body.theme-renewal .form-control{
  border-radius: var(--xc-r) !important;
}
/* 컨테이너(카드·패널·웰·모달·안내) = 14px */
body.theme-renewal .panel, body.theme-renewal .card, body.theme-renewal .well,
body.theme-renewal .modal-content, body.theme-renewal .info-box,
body.theme-renewal p.bg-info, body.theme-renewal p.bg-success, body.theme-renewal p.bg-warning{
  border-radius: var(--xc-r-lg) !important;
}
/* 레거시 알약 탭(border-radius:80px/999px 등) → 소프트로 통일 */
body.theme-renewal .tab_menu .nav-tabs > li > a{ border-radius: var(--xc-r) !important; }
/* pill(9999px)은 배지/라벨/토글 등 캡슐형에만 — 이미 토큰 적용(.label/.badge 999px) */

/* ============================================================================
   ★ COHERENCE v48 — 상호작용 상태(hover·focus·active) & 잔여 색 토큰화
   멀티에이전트 심층검수(설정 21개+ 페이지)에서 반복 보고된 "시스템 공통" 이슈를
   개별 뷰가 아닌 테마 한 곳에서 일괄 처리. → 클릭/호버/키보드 피드백 일관화.
   ============================================================================ */

/* ── 표 '선택행' tr.selected: 뷰마다 하드코딩한 하늘색(#f2faff/#8fc8f9 비토큰) →
      오션 토큰(옅은 브랜드 면 + 좌측 액센트 바). 테두리 점프 없는 차분한 선택 표시 ── */
body.theme-renewal tr.selected{ border-color:transparent !important; }
body.theme-renewal tr.selected > td{
  background:var(--xc-primary-50) !important;
  border-top:1px solid var(--xc-primary-100) !important;
  border-bottom:1px solid var(--xc-primary-100) !important;
}
body.theme-renewal tr.selected > td:first-child{ box-shadow:inset 3px 0 0 var(--xc-primary); }

/* ── 리스트 표 행 hover: table-hover 없는 구형 리스트(.tblMem)에도 동일 피드백.
      (폼-레이아웃 표는 hover 미적용 — 리스트 마커 .tblMem/.table-hover 에만 한정) ── */
body.theme-renewal .tblMem > tbody > tr:hover{ background:var(--xc-row-hover); }
body.theme-renewal tr.selected:hover > td{ background:var(--xc-primary-50) !important; }

/* ── 버튼: 눌림(active) + 키보드 포커스 링(focus-visible) 전역 일관화(a11y) ── */
body.theme-renewal .btn:active{ transform:translateY(1px); }
body.theme-renewal .btn:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; }
body.theme-renewal .btn-warning:hover, body.theme-renewal .btn-info:hover{
  background:var(--xc-page) !important; border-color:#D5DAE0 !important; color:var(--xc-text) !important;
}
body.theme-renewal .btn-success:hover, body.theme-renewal .btn-danger:hover{ filter:brightness(.95); }

/* ── 셀렉트/입력: hover 보더 + 키보드 포커스 링(브랜드색으로 통일) ── */
body.theme-renewal .form-control:hover, body.theme-renewal select:hover{ border-color:#CBD3DB; }
body.theme-renewal select:focus, body.theme-renewal select.form-control:focus{
  border-color:var(--xc-primary) !important; box-shadow:0 0 0 3px rgba(11,94,158,.16) !important; outline:none;
}

/* ── 전역 인터랙션 마감: 링크 전환 + [onclick] 커서 + 키보드 포커스 링(a11y) + disabled 일관성 ── */
body.theme-renewal a{ transition:color .12s ease; }
body.theme-renewal [onclick]:not(input):not(select):not(textarea){ cursor:pointer; }
body.theme-renewal a:focus-visible,
body.theme-renewal [onclick]:not(input):not(select):not(textarea):focus-visible,
body.theme-renewal [role="button"]:focus-visible,
body.theme-renewal .nav-tabs > li > a:focus-visible{ outline:2px solid var(--xc-primary); outline-offset:2px; border-radius:3px; }
body.theme-renewal .btn[disabled], body.theme-renewal .btn.disabled, body.theme-renewal fieldset[disabled] .btn{ cursor:not-allowed; opacity:.5; box-shadow:none; }
body.theme-renewal .form-control[disabled], body.theme-renewal .form-control[readonly]{ background:var(--xc-surface-2); cursor:not-allowed; }

/* ── 정렬 마감: 우측 숫자 칼럼 자릿수 정렬(tabular-nums) + 셀 내 체크박스/라디오 수직중앙 ── */
body.theme-renewal .table td, body.theme-renewal .tblMem td, body.theme-renewal .td-right, body.theme-renewal .text-right, body.theme-renewal td[align="right"]{ font-variant-numeric:tabular-nums; }
body.theme-renewal td > input[type="checkbox"], body.theme-renewal td > input[type="radio"],
body.theme-renewal th > input[type="checkbox"], body.theme-renewal th > input[type="radio"]{ vertical-align:middle; margin-top:0; }

/* ── 클릭 가능한 패널 헤더(collapse 토글) hover affordance ── */
body.theme-renewal .panel-heading.toggle-cursor:hover,
body.theme-renewal .panel-heading[onclick]:hover{ background:var(--xc-surface-2); cursor:pointer; }

/* ── 비파괴 '안내'에 빨강 테두리 쓰던 레거시(div_notice_desc_red #c12c27) → 중립 정보 카드 ── */
body.theme-renewal .div_notice_desc_red{
  border:1px solid var(--xc-border-2) !important; background:var(--xc-surface-2) !important;
  color:var(--xc-text-2) !important; border-radius:var(--xc-r-lg) !important; box-shadow:none !important;
}

/* ── 레거시 미정의 클래스 .important(빨강 상속) → 차분한 브랜드 강조 ── */
body.theme-renewal .important{ color:var(--xc-primary-700) !important; font-weight:700; }

/* ── 팝오버/라벨 인라인 raw 블루(<b style="color:blue">) → 브랜드(옛 강조색 정리) ── */
body.theme-renewal b[style*="color:blue"], body.theme-renewal b[style*="color: blue"],
body.theme-renewal span[style*="color:blue"], body.theme-renewal span[style*="color: blue"],
body.theme-renewal font[style*="color:blue"]{ color:var(--xc-primary) !important; }

/* ── 다크 하드코딩 hex 제목 클래스(.sub_title #242424 / .td-black-title #585551) → 잉크 토큰 ── */
body.theme-renewal .sub_title{ color:var(--xc-text) !important; }
body.theme-renewal .td-black-title{ color:var(--xc-text-2) !important; }

/* ── 접이식 패널(.panel-collapsible) 토글 가시성 복구 ──
   v48이 panel-heading의 삼각형(섹션 마커)을 전부 숨겼는데, 접이식 패널에선 그 삼각형이
   '펼치기' 토글이라 숨기면 클릭 가능 여부가 애매해짐 → 접이식 한정으로 브랜드 chevron 노출.
   (좌측 ::before 막대는 토글 아이콘과 중복이라 생략, 헤딩 hover로 클릭 가능 표시) */
body.theme-renewal .panel-collapsible .panel-heading{ padding-left:14px; cursor:pointer; transition:background .14s; }
body.theme-renewal .panel-collapsible .panel-heading::before{ display:none !important; }
/* 토글 아이콘은 접힘(triangle-right)/펼침(triangle-bottom) 둘 다 브랜드색·표시(JS가 방향 클래스 교체) */
body.theme-renewal .panel-collapsible .panel-heading .panel-toggle-icon{
  display:inline-block !important; color:var(--xc-primary) !important; margin-right:7px; font-size:11px; opacity:.85;
}
body.theme-renewal .panel-collapsible .panel-heading:hover{ background:var(--xc-surface-2); }
body.theme-renewal .panel-collapsible .panel-heading:hover .panel-toggle-icon{ opacity:1; }

/* ── 툴팁(data-toggle="tooltip") — 부트스트랩 기본 검정 박스(테마 미적용) → 차분한 잉크 카드 ──
   테마에 .tooltip 규칙이 없어 구형 BS 검정 툴팁이 그대로 떠서 디자인과 이질적이었음. */
body.theme-renewal .tooltip{ font-family:var(--xc-font) !important; font-size:12.5px !important; }
body.theme-renewal .tooltip.in{ opacity:1 !important; }   /* BS3 기본 .9 → 또렷이 */
body.theme-renewal .tooltip-inner{
  background:var(--xc-navy-900) !important; color:#fff !important;
  border-radius:var(--xc-r) !important; padding:8px 12px !important;
  font-size:12.5px !important; font-weight:500 !important; line-height:1.55 !important;
  letter-spacing:-.01em; max-width:280px !important; text-align:left !important;
  box-shadow:var(--xc-shadow-lg) !important;
}
/* 화살표 색 잉크로 통일(BS3 4방향 + BS4 .arrow) */
body.theme-renewal .tooltip.top .tooltip-arrow,
body.theme-renewal .tooltip.top-left .tooltip-arrow,
body.theme-renewal .tooltip.top-right .tooltip-arrow{ border-top-color:var(--xc-navy-900) !important; }
body.theme-renewal .tooltip.bottom .tooltip-arrow,
body.theme-renewal .tooltip.bottom-left .tooltip-arrow,
body.theme-renewal .tooltip.bottom-right .tooltip-arrow{ border-bottom-color:var(--xc-navy-900) !important; }
body.theme-renewal .tooltip.left .tooltip-arrow{ border-left-color:var(--xc-navy-900) !important; }
body.theme-renewal .tooltip.right .tooltip-arrow{ border-right-color:var(--xc-navy-900) !important; }
body.theme-renewal .tooltip .arrow::before{ border-top-color:var(--xc-navy-900) !important; border-bottom-color:var(--xc-navy-900) !important; }
/* ★ 이 앱의 .tooltip()은 jQuery UI 위젯 → 실제 노출은 .ui-tooltip(기본: 밝은 박스+두꺼운 테두리+큰 그림자 = '별로'의 정체).
   잉크 카드로 통일(부트스트랩 .tooltip-inner와 동일 톤). */
body.theme-renewal .ui-tooltip{
  background:var(--xc-navy-900) !important; color:#fff !important; border:0 !important;
  border-radius:var(--xc-r) !important; box-shadow:var(--xc-shadow-lg) !important;
  padding:8px 12px !important; font-family:var(--xc-font) !important; font-size:12.5px !important;
  font-weight:500 !important; line-height:1.55 !important; max-width:280px !important; letter-spacing:-.01em;
}
body.theme-renewal .ui-tooltip .ui-tooltip-content{ color:#fff !important; background:transparent !important; }

/* ============================================================================
   ★ paul.css(레거시 페이지 CSS, 9뷰 공유) 흡수 — 외부 의존 제거, 토큰 기반 재정의.
   시각 잔재(노랑/빨강 버튼·파란 좌측선 info-box·파란 highlight)는 테마가 이미 덮던 것을
   여기 한곳에 정리. 각 뷰의 <link paul.css>는 제거. (.btn-manual/.btn-youtube 색은 위 라인554에서 처리) */
body.theme-renewal .header-container{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:10px; gap:10px; }
body.theme-renewal .header-title{ font-size:20px; font-weight:800; color:var(--xc-text); margin:0; letter-spacing:-.02em; }
body.theme-renewal .button-group{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
body.theme-renewal .btn-custom{ display:inline-flex; align-items:center; gap:7px; text-decoration:none; padding:9px 14px; font-size:14px; font-weight:600; border-radius:var(--xc-r); cursor:pointer; border:1px solid var(--xc-border); background:var(--xc-surface); color:var(--xc-text-2); transition:background .14s,border-color .14s; }
body.theme-renewal .btn-custom:hover{ background:var(--xc-page); border-color:#D5DAE0; color:var(--xc-text); }
body.theme-renewal .btn-dfd{ background:var(--xc-surface) !important; color:var(--xc-text-muted) !important; border-color:var(--xc-border) !important; }
body.theme-renewal .info-box{ background:var(--xc-surface-2) !important; border:1px solid var(--xc-border-2) !important; border-radius:var(--xc-r-lg) !important; box-shadow:none !important; color:var(--xc-text-2) !important; font-weight:400 !important; padding:14px 16px !important; line-height:1.7; margin:16px 0; }
body.theme-renewal .info-box p{ margin-bottom:6px; }
body.theme-renewal .highlight{ color:var(--xc-primary) !important; font-weight:600; }
@media (max-width:767px){
  body.theme-renewal .button-group{ width:100%; }
  body.theme-renewal .btn-custom{ flex:1; justify-content:center; }
}

/* ============================================================================
   ★ 다크 모드 (개인화) — 토큰 스위칭. body.theme-renewal.theme-dark 스코프.
   :root 라이트 토큰을 다크 팔레트로 재정의 → var() 쓰는 UI 전체가 전환.
   쿠키(xc_theme=dark)로 서버 렌더링(무FOUC). 라이트는 옵트인이라 무영향.
   ============================================================================ */

/* ── 상단바 다크모드 토글 버튼(해/달) — 라이트·다크 공통 노출, 다른 아이콘버튼과 동일 톤 ── */
body.theme-renewal .xc-theme-toggle{
  width:34px; height:34px; border-radius:9px; display:inline-flex !important;
  align-items:center; justify-content:center; cursor:pointer;
  color:var(--xc-text-muted) !important; background:transparent !important; border:0 !important; padding:0 !important;
}
body.theme-renewal .xc-theme-toggle:hover{ background:var(--xc-page) !important; color:var(--xc-text) !important; }
body.theme-renewal .xc-theme-toggle svg{ width:19px; height:19px; }
body.theme-renewal .xc-theme-toggle .xc-ic-sun{ display:none; }
body.theme-renewal.theme-dark .xc-theme-toggle .xc-ic-moon{ display:none; }
body.theme-renewal.theme-dark .xc-theme-toggle .xc-ic-sun{ display:inline-flex; }

/* ── 다크 팔레트(토큰 재정의) ── */
body.theme-renewal.theme-dark{
  /* 표면 — 잉크 슬레이트(순검정 회피, 오션 브랜드와 조화되는 블루틴트 다크) */
  --xc-page:#0E1620; --xc-surface:#18222E; --xc-surface-2:#202C3A;
  --xc-border:#2F3D4E; --xc-border-2:#283543; --xc-row-hover:#243140;
  /* 카드 elevation — 다크는 더 깊은 그림자(순검정, 표면 위 분리감) */
  --xc-elev:0 1px 2px rgba(0,0,0,.30), 0 6px 18px rgba(0,0,0,.34);
  --xc-elev-h:0 2px 8px rgba(0,0,0,.40), 0 16px 36px rgba(0,0,0,.48);
  /* 텍스트 — 밝게 */
  --xc-text:#E7EDF3; --xc-text-2:#AEBBC9; --xc-text-muted:#7E8B99;
  /* 브랜드 — 다크 대비용으로 밝힌 오션(버튼 흰글씨 + 링크/액티브 텍스트 양립 절충) */
  --xc-primary:#2E8FD8; --xc-primary-700:#57A8E4; --xc-primary-600:#3F9ADD;
  --xc-primary-50:#16324A; --xc-primary-100:#21425C;
  --xc-action:#2E8FD8; --xc-action-700:#57A8E4;
  --xc-brand-grad:linear-gradient(135deg,#2E8FD8,#16C0AC);
  /* 잉크칩(툴팁·상태칩 배경) — 페이지보다 밝게 해야 다크에서 또렷 */
  --xc-navy-900:#2C3B4D; --xc-navy-800:#26333F; --xc-navy-700:#3A4A5C;
  /* AI 민트 */
  --xc-ai:#16C0AC; --xc-ai-50:#10302D; --xc-ai-700:#4FD1C0;
  /* 상태색 — -50은 어두운 틴트, 본색은 버튼 흰글씨/배지텍스트 양립 가독 */
  --xc-ok:#1FA15F; --xc-ok-50:#10291F;
  --xc-warn:#D99A2B; --xc-warn-50:#2C2412;
  --xc-bad:#E2574F; --xc-bad-50:#2E1A1A;
  /* 그림자 — 다크에선 짙은 블랙(면 구분은 border 의존) */
  --xc-shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --xc-shadow:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.5);
  --xc-shadow-lg:0 2px 6px rgba(0,0,0,.4), 0 8px 20px rgba(0,0,0,.55), 0 18px 40px rgba(0,0,0,.6);
}

/* ── 전경/배경 겸용 토큰이 '배경'으로 쓰인 곳(--xc-text가 밝아지므로) → 잉크칩으로 ── */
body.theme-renewal.theme-dark #xcopy_engine_status_bar{ background:var(--xc-navy-900) !important; }
body.theme-renewal.theme-dark #xc-fb-modal .xc-fb-h{ background:var(--xc-navy-900) !important; }
body.theme-renewal.theme-dark #xc-help-fab.open{ background:var(--xc-navy-900) !important; }

/* ── 전역(.theme-renewal 비스코프) 하드코딩 밝은 면 → 다크 surface ── */
body.theme-renewal.theme-dark #xc-loading{ background:rgba(6,10,16,.74); }
body.theme-renewal.theme-dark #xc-loading .xl-box{ background:var(--xc-surface); }
body.theme-renewal.theme-dark #xc-loading .xl-msg{ color:var(--xc-text); }
body.theme-renewal.theme-dark #xc-help-menu{ background:var(--xc-surface); border-color:var(--xc-border); }
body.theme-renewal.theme-dark #xc-fb-modal .xc-fb-card{ background:var(--xc-surface); }

/* ── 스크롤바·토글off·ifrm 흰배경 하드코딩 hex 제압 ── */
body.theme-renewal.theme-dark ::-webkit-scrollbar-thumb{ background:#3A4756; }
body.theme-renewal.theme-dark ::-webkit-scrollbar-thumb:hover{ background:#4A5A6B; }
body.theme-renewal.theme-dark .sidebar-nav::-webkit-scrollbar-thumb{ background:#3A4756; }
body.theme-renewal.theme-dark .menu-mode-toggle-slider{ background:#3A4756 !important; }
body.theme-renewal.theme-dark.theme-ifrm{ background:var(--xc-page) !important; }

/* ── btn-ai 하드코딩 teal 텍스트 → 밝게 / focus 링 다크 톤 ── */
body.theme-renewal.theme-dark .btn-ai{ color:var(--xc-ai-700) !important; }
body.theme-renewal.theme-dark .btn-ai:hover{ background:#143F3A !important; }
body.theme-renewal.theme-dark .form-control:focus,
body.theme-renewal.theme-dark select:focus,
body.theme-renewal.theme-dark select.form-control:focus{ box-shadow:0 0 0 3px rgba(46,143,216,.28) !important; }

/* ── 차트(apexcharts SVG) 다크 — 레거시 분석 팝업이 테마모드로 열릴 때 축·격자·범례·툴팁 가독 확보(v2 분석은 토큰 HTML이라 무관) ── */
body.theme-renewal.theme-dark .apexcharts-text,
body.theme-renewal.theme-dark .apexcharts-legend-text{ fill:var(--xc-text-2) !important; color:var(--xc-text-2) !important; }
body.theme-renewal.theme-dark .apexcharts-gridline,
body.theme-renewal.theme-dark .apexcharts-grid-borders line{ stroke:var(--xc-border-2) !important; }
body.theme-renewal.theme-dark .apexcharts-tooltip,
body.theme-renewal.theme-dark .apexcharts-xaxistooltip,
body.theme-renewal.theme-dark .apexcharts-yaxistooltip{ background:var(--xc-surface) !important; color:var(--xc-text) !important; border-color:var(--xc-border) !important; }

/* ── 상품 에디터(product_detail_v2.css)의 흰 폼테이블·컨트롤 박스(.area-row table·.cl_ctrl background:#fff) → 다크 surface(헤더 th는 이미 surface-2) ── */
body.theme-renewal.theme-dark .area-row table,
body.theme-renewal.theme-dark .cl_ctrl{ background-color:var(--xc-surface) !important; }

/* ── 레거시 mui-form(고급 상품관리·고객상품검색 검색폼·부관리자)의 라벨/값/테두리 색이 mui-form.css에 하드코딩(#424242·rgba(58,53,65,*))되어 다크 누락 → 어두운 글자·테두리가 어두운 배경에 묻힘. 입력값은 currentcolor라 contents 색을 상속. 45p 다크 스윕 미포함 폼 ── */
body.theme-renewal.theme-dark .mui-form-label{ color:var(--xc-text-2) !important; }
body.theme-renewal.theme-dark .mui-form-contents{ color:var(--xc-text) !important; }
body.theme-renewal.theme-dark .mui-form-fieldset{ border-color:var(--xc-border) !important; }

/* =========================================================================
   디자인 격상 v75 — 프리미엄 폴리시 레이어
   전 화면 공통 디테일(타이포 렌더·숫자 정렬·포커스 링·버튼 촉각·스크롤바)을 한 단계 끌어올린다.
   레이아웃·간격은 불변, '마감'만 정제 → 깔끔에서 프리미엄으로.
   ========================================================================= */
/* 1) 글자 렌더 — Pretendard 또렷하고 매끄럽게 */
body.theme-renewal{
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
}
/* 2) 숫자 정렬 — 표·금액·지표의 자릿수가 가지런하게(데이터 UI 완성도) */
body.theme-renewal table, body.theme-renewal .xc-num{ font-variant-numeric:tabular-nums; }
/* 3) 키보드 포커스 링 — 일관된 브랜드 포커스(접근성+완성도). 마우스 클릭엔 표시 안 됨 */
body.theme-renewal a:focus-visible,
body.theme-renewal .btn:focus-visible,
body.theme-renewal button:focus-visible,
body.theme-renewal [role="button"]:focus-visible,
body.theme-renewal [tabindex]:focus-visible{
  outline:2px solid var(--xc-primary); outline-offset:2px; border-radius:var(--xc-r-sm);
}
/* 4) 텍스트 선택 — 브랜드 틴트 */
body.theme-renewal ::selection{ background:rgba(11,94,158,.20); color:var(--xc-text); }
body.theme-renewal.theme-dark ::selection{ background:rgba(46,143,216,.34); color:#fff; }
/* 5) 버튼 — 미세한 입체감 + 눌림 피드백(촉각) */
body.theme-renewal .btn{ transition:background .14s,border-color .14s,box-shadow .14s,transform .05s; }
body.theme-renewal .btn-primary,
body.theme-renewal .btn-success,
body.theme-renewal .btn-danger{ box-shadow:0 1px 2px rgba(16,24,40,.10); }
body.theme-renewal .btn-primary:hover,
body.theme-renewal .btn-success:hover,
body.theme-renewal .btn-danger:hover{ box-shadow:0 2px 6px rgba(16,24,40,.15); }
body.theme-renewal .btn:active{ transform:translateY(1px); }
/* 6) 스크롤바 — 전역 정제(가늘고 둥근 손잡이, 트랙 투명) */
body.theme-renewal *::-webkit-scrollbar{ width:10px; height:10px; }
body.theme-renewal *::-webkit-scrollbar-thumb{ background:#D2D8DF; border-radius:8px; border:2px solid transparent; background-clip:padding-box; }
body.theme-renewal *::-webkit-scrollbar-thumb:hover{ background:#B9C1CA; background-clip:padding-box; }
body.theme-renewal *::-webkit-scrollbar-track{ background:transparent; }

/* ═══════════════════ 설정 페이지 통일 템플릿 .cfg ═══════════════════
 * 모든 admin 설정 서브페이지 공통 레이아웃. 레거시 panel-black·테이블폼·BS3 그리드를 대체.
 * 테마 토큰(var(--xc-*))만 사용 → 라이트/다크 자동. 페이지는 .cfg 안에서 아래 클래스만 조합.
 * 컴포넌트: hero·info·card(+card-h/card-b)·frow(폼행)·ctable(표)·filter(필터바)·tabs·cbtn(버튼). */
.cfg{--cfg-grad:linear-gradient(135deg,var(--xc-primary,#0B5E9E),var(--xc-ai,#0FA396)); color:var(--xc-text); padding:2px 2px 36px; }
.cfg *{ box-sizing:border-box; }
@keyframes cfgRise{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
.cfg .rise{ animation:cfgRise .5s cubic-bezier(.2,.7,.3,1) both; }
.cfg .d1{animation-delay:.03s}.cfg .d2{animation-delay:.09s}.cfg .d3{animation-delay:.15s}.cfg .d4{animation-delay:.21s}
@media(prefers-reduced-motion:reduce){ .cfg .rise{animation:none} }
/* 히어로 */
.cfg .hero{ margin:2px 0 18px; padding-bottom:15px; border-bottom:1px solid var(--xc-border-2); position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.cfg .hero::after{ content:''; position:absolute; left:0; bottom:-1px; width:54px; height:2px; background:var(--cfg-grad); border-radius:2px; }
.cfg .htext{ min-width:0; }
.cfg .kicker{ font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; background:var(--cfg-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cfg .ttl{ font-size:24px; font-weight:800; margin:4px 0 0; color:var(--xc-text); letter-spacing:-.03em; }
.cfg .hsub{ font-size:13px; color:var(--xc-text-muted); margin:6px 0 0; line-height:1.55; }
.cfg .hero-act{ display:flex; gap:8px; flex:none; align-items:center; flex-wrap:wrap; }
.cfg .hlink{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; text-decoration:none; border-radius:8px; padding:7px 12px; border:1px solid var(--xc-border); color:var(--xc-text-2); background:var(--xc-surface); transition:border-color .14s,color .14s; }
.cfg .hlink:hover{ border-color:var(--xc-primary); color:var(--xc-primary); }
.cfg .hlink.yt{ color:#C4302B; } .cfg .hlink.yt:hover{ border-color:#C4302B; color:#C4302B; }
/* 안내 박스 */
.cfg .info{ display:flex; gap:10px; align-items:flex-start; background:var(--xc-primary-50); border:1px solid var(--xc-border); border-radius:12px; padding:13px 16px; font-size:13px; line-height:1.6; color:var(--xc-text-2); margin-bottom:16px; }
.cfg .info i{ color:var(--xc-primary); font-size:15px; margin-top:1px; flex:none; }
.cfg .info b{ color:var(--xc-text); font-weight:700; }
/* 카드 */
.cfg .card{ background:var(--xc-surface); border:1px solid var(--xc-border); border-radius:16px; box-shadow:var(--xc-elev); margin-bottom:16px; overflow:hidden; }
.cfg .cfg-narrow{ max-width:640px; }
.cfg .card-h{ display:flex; align-items:center; gap:9px; padding:15px 20px; border-bottom:1px solid var(--xc-border-2); font-size:14px; font-weight:700; color:var(--xc-text); }
.cfg .card-h i{ color:var(--xc-primary); font-size:15px; }
.cfg .card-h .rt{ margin-left:auto; display:flex; gap:8px; align-items:center; }
.cfg .card-b{ padding:8px 20px 16px; }
.cfg .card-b.pad{ padding:18px 20px; }
/* 폼 행: 라벨 + 값 */
.cfg .frow{ display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--xc-border-2); }
.cfg .frow.top{ align-items:flex-start; }
.cfg .frow:last-of-type{ border-bottom:0; }
.cfg .flab{ width:130px; flex:none; font-size:13px; font-weight:600; color:var(--xc-text-2); }
.cfg .fval{ flex:1; min-width:0; font-size:13.5px; color:var(--xc-text); }
.cfg .fval .static{ font-weight:700; }
.cfg .hint{ font-size:11.5px; color:var(--xc-text-muted); margin-top:5px; line-height:1.5; }
/* 입력 컨트롤 톤(설정 페이지 한정) */
.cfg .form-control{ height:38px; border-radius:9px; font-size:13.5px; }
.cfg textarea.form-control{ height:auto; }
.cfg input[type=file]{ font-size:12.5px; color:var(--xc-text-2); }
.cfg .filebtn{ display:inline-flex; align-items:center; gap:6px; margin-top:8px; font-size:12px; font-weight:700; color:var(--xc-primary); text-decoration:none; border:1px solid var(--xc-border); border-radius:8px; padding:6px 11px; }
.cfg .filebtn:hover{ border-color:var(--xc-primary); }
/* 데이터 표 */
.cfg .ctable{ width:100%; border-collapse:separate; border-spacing:0; font-size:13px; background:var(--xc-surface); border:1px solid var(--xc-border); border-radius:14px; overflow:hidden; }
.cfg .ctable th{ background:var(--xc-surface-2); color:var(--xc-text-2); font-weight:700; text-align:left; padding:11px 14px; border-bottom:1px solid var(--xc-border); white-space:nowrap; font-size:12.5px; }
.cfg .ctable td{ padding:11px 14px; border-bottom:1px solid var(--xc-border-2); color:var(--xc-text); vertical-align:middle; }
.cfg .ctable tr:last-child td{ border-bottom:0; }
.cfg .ctable tbody tr:hover{ background:var(--xc-row-hover); }
.cfg .ctable .num{ text-align:right; font-variant-numeric:tabular-nums; }
/* 필터 바 */
.cfg .filter{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.cfg .filter .form-control{ width:auto; min-width:140px; display:inline-block; }
.cfg .filter .sp{ flex:1; }
/* 탭 */
.cfg .tabs{ display:flex; gap:2px; border-bottom:1px solid var(--xc-border); margin-bottom:18px; flex-wrap:wrap; }
.cfg .tab{ padding:10px 16px; font-size:13.5px; font-weight:700; color:var(--xc-text-muted); text-decoration:none; border-bottom:2px solid transparent; margin-bottom:-1px; cursor:pointer; transition:color .14s; }
.cfg .tab:hover{ color:var(--xc-text); }
.cfg .tab.on{ color:var(--xc-primary); border-bottom-color:var(--xc-primary); }
/* 버튼(설정 공통) */
.cfg .btn-save, .cfg .cbtn{ display:inline-flex; align-items:center; gap:7px; background:var(--xc-primary); color:#fff; border:0; border-radius:9px; padding:10px 20px; font-size:13.5px; font-weight:700; cursor:pointer; text-decoration:none; transition:background .14s,border-color .14s,color .14s; }
.cfg .btn-save:hover, .cfg .cbtn:hover{ background:var(--xc-primary-700); color:#fff; }
.cfg .cbtn.sub{ background:var(--xc-surface); color:var(--xc-text-2); border:1px solid var(--xc-border); }
.cfg .cbtn.sub:hover{ border-color:var(--xc-primary); color:var(--xc-primary); background:var(--xc-surface); }
.cfg .cbtn.danger{ background:var(--xc-bad,#DC3B3B); } .cfg .cbtn.danger:hover{ background:#B92E2E; }
.cfg .cbtn.excel{ background:#1D6F42; } .cfg .cbtn.excel:hover{ background:#155532; }
.cfg .cbtn.sm{ padding:7px 13px; font-size:12.5px; }
.cfg .savebar{ display:flex; justify-content:flex-end; gap:8px; margin-top:2px; }
/* 2-칼럼 그리드 */
.cfg .grid2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:980px){ .cfg .grid2{ grid-template-columns:1fr; } }
body.theme-renewal.theme-dark *::-webkit-scrollbar-thumb{ background:#3A4654; }
body.theme-renewal.theme-dark *::-webkit-scrollbar-thumb:hover{ background:#4A5664; }

/* AI 운영실: 수집·전송 현황과 같은 차분한 밀도·상태색 */
body.theme-renewal .aiops{padding:0 0 28px;color:var(--xc-text);}
body.theme-renewal .aiops .hero{align-items:center;margin:4px 0 16px;padding-bottom:14px;}
body.theme-renewal .aiops .hero::after{width:48px;height:1px;background:var(--xc-primary);}
body.theme-renewal .aiops .kicker{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;background:none;-webkit-text-fill-color:currentColor;color:var(--xc-primary);}
body.theme-renewal .aiops .greet{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:4px 0 3px;line-height:1.4;}
body.theme-renewal .aiops .brief{font-size:13px;color:var(--xc-text-2);line-height:1.6;}
body.theme-renewal .aiops .brief b{font-weight:600;color:var(--xc-text);}
body.theme-renewal .aiops .hero-meta{font-size:12px;color:var(--xc-text-muted);}
body.theme-renewal .aiops .hero-meta .pill{padding:5px 10px;border-radius:999px;box-shadow:none;font-size:12px;font-weight:600;}
body.theme-renewal .aiops .guide-again{font-weight:600;}

body.theme-renewal .aiops .kpis{gap:12px;margin-bottom:18px;}
body.theme-renewal .aiops .kpi{border-radius:14px;padding:14px 16px;box-shadow:var(--xc-shadow-sm);transition:border-color .14s,background .14s;}
body.theme-renewal .aiops a.kpi:hover{transform:none;border-color:var(--xc-primary-100);background:var(--xc-surface-2);box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .aiops a.kpi:focus-visible{outline:3px solid rgba(11,94,158,.18);outline-offset:2px;}
body.theme-renewal .aiops .kpi .chip{width:30px;height:30px;border-radius:8px;font-size:13px;}
body.theme-renewal .aiops .kpi .lab{font-size:12px;font-weight:600;color:var(--xc-text-2);}
body.theme-renewal .aiops .kpi .num{font-size:27px;font-weight:700;margin-top:9px;}
body.theme-renewal .aiops .kpi .num .u{font-size:12px;font-weight:500;color:var(--xc-text-muted);}
body.theme-renewal .aiops .kpi .ctx{font-size:12px;font-weight:400;color:var(--xc-text-muted);}
body.theme-renewal .aiops .kpi .ctx.act{font-weight:600;color:var(--xc-primary);}
body.theme-renewal .aiops .kpi .bar{height:5px;margin-top:9px;}
body.theme-renewal .aiops .chip.a,
body.theme-renewal .aiops .ic.a,
body.theme-renewal .aiops .scout .st i{color:#087267;}

body.theme-renewal .aiops .cols{gap:16px;}
body.theme-renewal .aiops .sec{font-size:14px;font-weight:600;margin-bottom:10px;}
body.theme-renewal .aiops .sec .cnt{background:var(--xc-bad-50);border:1px solid #F0C8C8;color:#A52B2B;font-size:11px;font-weight:600;}
body.theme-renewal .aiops .sec .hint{font-size:11px;font-weight:400;color:var(--xc-text-muted);}
body.theme-renewal .aiops .card{border-radius:14px;padding:14px 16px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .aiops .task{gap:11px;padding:13px 0;}
body.theme-renewal .aiops .task .ic{width:32px;height:32px;border-radius:9px;font-size:14px;}
body.theme-renewal .aiops .tkt{font-size:14px;font-weight:600;}
body.theme-renewal .aiops .tkd{font-size:12.5px;color:var(--xc-text-2);}
body.theme-renewal .aiops .tkb,
body.theme-renewal .aiops .tkb.ai,
body.theme-renewal .aiops .tkb.ghost{margin-top:9px;padding:6px 10px;border:1px solid var(--xc-primary-100);border-radius:7px;background:var(--xc-primary-50);box-shadow:none;color:var(--xc-primary);font-size:12px;font-weight:600;}
body.theme-renewal .aiops .tkb.ai{border-color:#BFE3DE;background:var(--xc-ai-50);color:#087267;}
body.theme-renewal .aiops .tkb:hover,
body.theme-renewal .aiops .tkb.ghost:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);box-shadow:none;}
body.theme-renewal .aiops .tkb.ai:hover{border-color:var(--xc-ai);background:#D6F0EC;color:#087267;}
body.theme-renewal .aiops .tkb:focus-visible{outline:3px solid rgba(11,94,158,.18);outline-offset:2px;}
body.theme-renewal .aiops .soon{font-weight:500;}
body.theme-renewal .aiops .mkt{grid-template-columns:minmax(72px,84px) minmax(64px,1fr) auto;gap:10px;padding:7px 0;}
body.theme-renewal .aiops .mkt .nm{font-size:12.5px;font-weight:600;}
body.theme-renewal .aiops .mkt .track{height:7px;}
body.theme-renewal .aiops .mkt .fillb{background:var(--xc-primary-100);}
body.theme-renewal .aiops .mkt .cv{font-size:12.5px;font-weight:600;}
body.theme-renewal .aiops .scout .st{font-size:13px;font-weight:500;}

@media(max-width:767px){
  body.theme-renewal:has(.aiops) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.aiops) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal .aiops .hero{align-items:flex-start;margin-top:0;}
  body.theme-renewal .aiops .kpis{grid-template-columns:1fr;}
  body.theme-renewal .aiops .kpi{padding:13px 14px;}
  body.theme-renewal .aiops .sec{flex-wrap:wrap;}
  body.theme-renewal .aiops .sec .hint{width:100%;margin-left:0;}
  body.theme-renewal .aiops .card{padding:13px 14px;}
  body.theme-renewal .aiops .task{gap:9px;}
  body.theme-renewal .aiops .tkb + .soon{display:block;width:max-content;max-width:100%;margin:7px 0 0 !important;}
}

/* 상품 관리: 수집·전송 현황과 같은 차분한 밀도·의미색 */
body.theme-renewal .tp2{padding:0 0 30px;color:var(--xc-text);}
body.theme-renewal .tp2 .hd{gap:10px;margin:4px 0 16px;padding-bottom:14px;}
body.theme-renewal .tp2 .hd::after{width:48px;height:1px;background:var(--xc-primary);}
body.theme-renewal .tp2 .kicker{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;background:none;-webkit-text-fill-color:currentColor;color:var(--xc-primary);}
body.theme-renewal .tp2 .ttl{font-size:20px;font-weight:600;letter-spacing:-.02em;}
body.theme-renewal .tp2 .cnt{font-size:12px;color:var(--xc-text-muted);}
body.theme-renewal .tp2 .search-main input{height:40px;border-radius:8px;}
body.theme-renewal .tp2 .search-main .submit{height:40px;border:1px solid var(--xc-primary-100);border-radius:8px;background:var(--xc-primary-50);color:var(--xc-primary);box-shadow:none;}
body.theme-renewal .tp2 .search-main .submit:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .tp2 .filter-toggle{height:40px;border-radius:8px;font-size:12px;font-weight:600;color:var(--xc-text-2);}
body.theme-renewal .tp2 .filter-toggle:hover{border-color:var(--xc-primary);background:var(--xc-primary-50);color:var(--xc-primary);}
body.theme-renewal .tp2 .filter-panel{border-radius:14px;box-shadow:var(--xc-shadow);}
body.theme-renewal .tp2 .filter-group h3,
body.theme-renewal .tp2 .filter-item>label{font-weight:600;}
body.theme-renewal .tp2 .filter-item{background:var(--xc-surface-2);border-color:var(--xc-border);}

body.theme-renewal .tp2 .mk,
body.theme-renewal .tp2 .bulk,
body.theme-renewal .tp2 .row,
body.theme-renewal .tp2 .qe{border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .tp2 .mk.warn{border-color:#EBD7B3;}
body.theme-renewal .tp2 .mkc{border-radius:10px;}
body.theme-renewal .tp2 .mkc.need{border-color:#EBD7B3;background:var(--xc-warn-50);}
body.theme-renewal .tp2 .mk-hd .t,
body.theme-renewal .tp2 .mkc .nm2{font-weight:600;}
body.theme-renewal .tp2 .mk-hd .st.warn,
body.theme-renewal .tp2 .mkc .tag.warn{background:var(--xc-warn-50);color:#875906;}
body.theme-renewal .tp2 .mk-hd .st.ok,
body.theme-renewal .tp2 .mkc .tag.ok{background:var(--xc-ok-50);color:#126B49;}
body.theme-renewal .tp2 .b{padding:6px 10px;border-radius:7px;font-size:12px;font-weight:600;box-shadow:none;}
body.theme-renewal .tp2 button.b{min-height:0;}
body.theme-renewal .tp2 .b.pri,
body.theme-renewal .tp2 .mkc .b.addid{border:1px solid var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);}
body.theme-renewal .tp2 .b.pri:hover,
body.theme-renewal .tp2 .mkc .b.addid:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .tp2 .mkc .b.addid.gh2{background:var(--xc-surface);border-color:var(--xc-border);color:var(--xc-text-2);}
body.theme-renewal .tp2 .mkc .b.mustbtn{border:1px solid #EBD7B3;background:var(--xc-warn-50);color:#875906;}
body.theme-renewal .tp2 .b.ai{border:1px solid #BFE3DE;background:var(--xc-ai-50);color:#087267;}
body.theme-renewal .tp2 .ai-inline{border-color:#BFE3DE;background:var(--xc-ai-50);color:#087267;}
body.theme-renewal .tp2 .qe{background:var(--xc-surface);border-color:var(--xc-border);}
body.theme-renewal .tp2 .qe .save{border:1px solid #C9E8D9;background:var(--xc-ok-50);color:#126B49;}
body.theme-renewal .tp2 .qe .save:hover{border-color:var(--xc-ok);background:#D9F0E5;color:#126B49;}
body.theme-renewal .tp2 :focus-visible{outline:3px solid rgba(11,94,158,.18);outline-offset:2px;}

/* 상품 관리의 상세 편집 오버레이 */
body.theme-renewal .tp2-dt .bar{box-shadow:none;}
body.theme-renewal .tp2-dt .bar .ttl{font-size:14px;font-weight:600;}
body.theme-renewal .tp2-dt .bar .b.done{border:1px solid #C9E8D9;background:var(--xc-ok-50);color:#126B49;}
body.theme-renewal .tp2-dt .bar .b.done:hover{border-color:var(--xc-ok);background:#D9F0E5;color:#126B49;}
body.theme-renewal.theme-popup:has(#frm_send_config) .top_navi .btn-success{background:var(--xc-ok-50) !important;border-color:#C9E8D9 !important;color:#126B49 !important;}
body.theme-renewal.theme-popup:has(#frm_send_config) .top_navi .btn-danger{background:var(--xc-bad-50) !important;border-color:#F0C8C8 !important;color:#A52B2B !important;}
body.theme-renewal.theme-popup:has(#frm_send_config) .btn-primary,
body.theme-renewal.theme-popup:has(#frm_send_config) #btn_outbound_product_cust_sync{background:var(--xc-primary-50) !important;border-color:var(--xc-primary-100) !important;color:var(--xc-primary) !important;box-shadow:none !important;}
body.theme-renewal.theme-popup:has(#frm_send_config) .btn-translate,
body.theme-renewal.theme-popup:has(#frm_send_config) .btn-translate-init,
body.theme-renewal.theme-popup:has(#frm_send_config) .btn_ai_openmarket_category_mapping{background:var(--xc-ai-50) !important;border-color:#BFE3DE !important;color:#087267 !important;box-shadow:none !important;}
body.theme-renewal.theme-popup:has(#frm_send_config) .nav-fix li a{font-size:13px;font-weight:600;}
body.theme-renewal.theme-popup:has(#frm_send_config) .nav-fix li:last-child a{background:var(--xc-primary-50) !important;color:var(--xc-primary) !important;}
body.theme-renewal.theme-popup #view_send_config>p[role="status"]{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;margin:0;background:var(--xc-surface);color:var(--xc-text-2);font-size:15px;}

@media(max-width:767px){
  body.theme-renewal .tp2 .filter-panel{z-index:10000;}
  body.theme-renewal:has(.tp2) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.tp2) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal .tp2 .mk-hd .lk{width:100%;margin-left:0;}
  body.theme-renewal .tp2 .mk-hd .lk .b{flex:1;justify-content:center;}
  body.theme-renewal .tp2 .bulk{align-items:center;}
}

/* 주문 관리: 수집·전송 현황과 같은 차분한 밀도·의미색 */
body.theme-renewal .od2{padding:0 0 30px;color:var(--xc-text);}
body.theme-renewal .od2 .hero{margin:4px 0 16px;padding-bottom:14px;}
body.theme-renewal .od2 .hero::after{width:48px;height:1px;background:var(--xc-primary);}
body.theme-renewal .od2 .kicker{margin-bottom:4px;background:none;-webkit-text-fill-color:currentColor;color:var(--xc-primary);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;}
body.theme-renewal .od2 .hero .ttl{font-size:20px;font-weight:600;letter-spacing:-.02em;}
body.theme-renewal .od2 .hero .ttl i{margin-right:4px;color:var(--xc-primary) !important;font-size:16px;}
body.theme-renewal .od2 .cnt{font-size:12px;color:var(--xc-text-2);}
body.theme-renewal .od2 .desc{margin-top:5px;color:var(--xc-text-2);line-height:1.6;}
body.theme-renewal .od2 .search{max-width:100%;}
body.theme-renewal .od2 .search input{width:280px;min-width:0;height:36px;border-radius:8px;background:var(--xc-surface);color:var(--xc-text);}
body.theme-renewal .od2 .search input::placeholder{color:var(--xc-text-2);opacity:1;}
body.theme-renewal .od2 .search button{height:36px;border:1px solid var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);box-shadow:none;}
body.theme-renewal .od2 .search button:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .od2 .chip{padding:6px 12px;border-radius:999px;color:var(--xc-text-2);font-size:12px;font-weight:600;box-shadow:none;}
body.theme-renewal .od2 .chip.on{border-color:var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);}
body.theme-renewal .od2 .chip.on .num{background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .od2 .chip.claim{border-style:solid;background:var(--xc-surface);color:var(--xc-text-2);}
body.theme-renewal .od2 .bar{padding:12px 16px;margin-bottom:16px;border-radius:10px;background:var(--xc-surface-2);box-shadow:none;color:var(--xc-text-2);font-size:13px;line-height:1.65;}
body.theme-renewal .od2 .bar>i{color:var(--xc-primary);font-size:12px;}
/* Bootstrap .row의 음수 여백·clearfix가 주문 카드 정렬에 끼어들지 않도록 한정한다. */
body.theme-renewal .od2 .row{display:grid;grid-template-columns:96px minmax(0,1fr) 100px 88px 72px;gap:12px;margin:0 0 8px;padding:14px 16px;border-radius:14px;box-shadow:var(--xc-shadow-sm);transition:border-color .14s,background .14s;}
body.theme-renewal .od2 .row::before,body.theme-renewal .od2 .row::after{content:none;}
body.theme-renewal .od2 .row>div{width:auto;min-width:0;margin:0;order:0;}
body.theme-renewal .od2 .pn{font-size:14px;font-weight:500;white-space:normal;overflow-wrap:anywhere;}
body.theme-renewal .od2 .oc{overflow-wrap:anywhere;}
body.theme-renewal .od2 .mall .d,body.theme-renewal .od2 .oc,body.theme-renewal .od2 .recv,body.theme-renewal .od2 .amt .qy{font-size:12px;color:var(--xc-text-2);}
body.theme-renewal .od2 .recv{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
body.theme-renewal .od2 .amt .v{font-size:14px;font-weight:600;overflow-wrap:anywhere;}
body.theme-renewal .od2 .row:hover{transform:none;border-color:var(--xc-primary-100);background:var(--xc-surface-2);box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .od2 .bdg{font-weight:600;}
body.theme-renewal .od2 .bdg.cf{color:var(--xc-text-2);}
body.theme-renewal .od2 .bdg.dn{color:#126B49;}
body.theme-renewal .od2 .bdg.cl{color:#A52B2B;}
body.theme-renewal .od2 .go a{justify-content:center;width:100%;padding:7px 10px;border-color:var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);font-size:12px;}
body.theme-renewal .od2 .go a:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .od2 .pg a.on{border-color:var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);}
body.theme-renewal .od2 .search button:focus-visible,body.theme-renewal .od2 .go a:focus-visible{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .od2 .chip:hover,body.theme-renewal .od2 .pg a:hover{border-color:var(--xc-primary);background:var(--xc-primary-50);color:var(--xc-primary-700);}
body.theme-renewal .od2 :focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}

/* 사이드바가 남는 중간 폭에서도 상품 정보와 처리 열의 자리를 확보한다. */
@media(max-width:1100px){
  body.theme-renewal .od2 .row{grid-template-columns:minmax(0,1fr) 88px 72px;gap:8px 12px;}
  body.theme-renewal .od2 .row .mall{grid-column:1/-1;}
  body.theme-renewal .od2 .row .info{grid-column:1/-1;}
  body.theme-renewal .od2 .row .amt{grid-column:1;text-align:left;}
  body.theme-renewal .od2 .row .st{grid-column:2;}
  body.theme-renewal .od2 .row .go{grid-column:3;}
}

@media(max-width:767px){
  body.theme-renewal:has(.od2) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.od2) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal .od2 .hero .hd{align-items:flex-start;}
  body.theme-renewal .od2 .search{width:100%;margin-left:0;}
  body.theme-renewal .od2 .search input{width:auto;min-width:0;flex:1;}
  body.theme-renewal .od2 .search button{width:42px;padding:0;flex:none;}
  body.theme-renewal .od2 .chips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;}
  body.theme-renewal .od2 .chip{justify-content:space-between;min-width:0;}
  body.theme-renewal .od2 .chip.claim{grid-column:1/-1;margin-left:0;justify-content:center;}
  body.theme-renewal .od2 .bar{align-items:flex-start;padding:10px 12px;}
  body.theme-renewal .od2 .empty{padding:36px 10px;}
}

/* 분석: 수집·전송 현황과 같은 차분한 밀도·위계 */
body.theme-renewal .an2{padding:0 0 30px;color:var(--xc-text-2);}
body.theme-renewal .an2 .hero{margin:4px 0 16px;padding-bottom:14px;}
body.theme-renewal .an2 .hero::after{width:48px;height:1px;background:var(--xc-primary);}
body.theme-renewal .an2 .kicker{background:none;-webkit-text-fill-color:currentColor;color:var(--xc-primary);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;}
body.theme-renewal .an2 .ttl{margin:4px 0 3px;font-size:20px;font-weight:600;letter-spacing:-.02em;}
body.theme-renewal .an2 .desc{color:var(--xc-text-2);line-height:1.6;}
body.theme-renewal .an2 .cards{gap:12px;margin-bottom:16px;}
body.theme-renewal .an2 .card{padding:14px 16px;border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .an2 .card .chip{width:30px;height:30px;border-radius:8px;font-size:13px;}
body.theme-renewal .an2 .card .k{font-size:12px;font-weight:600;}
body.theme-renewal .an2 .card .v{margin-top:9px;font-size:27px;font-weight:700;}
body.theme-renewal .an2 .card .v small{font-size:12px;font-weight:500;}
body.theme-renewal .an2 a.card.act:hover{transform:none;border-color:var(--xc-primary-100);background:var(--xc-surface-2);box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .an2 .card .act-go{font-weight:600;}
body.theme-renewal .an2 .box{padding:16px 18px;border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .an2 .box h3{margin-bottom:12px;font-weight:600;}
body.theme-renewal .an2 .box h3 .sub2,
body.theme-renewal .an2 .box h3 .rt{font-weight:600;}
body.theme-renewal .an2 .rank .no,
body.theme-renewal .an2 .rank .c{font-weight:600;}
body.theme-renewal .an2 .todo{border-left-width:3px;padding:13px 15px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .an2 a.todo:hover{transform:none;border-color:var(--xc-primary-100);background:var(--xc-surface-2);box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .an2 .todo .tt b{font-weight:600;}
body.theme-renewal .an2 .todo .tb{border:1px solid var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);font-weight:600;box-shadow:none;}
body.theme-renewal .an2 .empty{padding:30px 14px;}
body.theme-renewal .an2 .empty>i{font-size:30px;margin-bottom:10px;}
body.theme-renewal .an2 .empty .t{font-size:14px;font-weight:600;}
body.theme-renewal .an2 .empty .b{margin-top:13px;border:1px solid var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary);font-size:12px;font-weight:600;box-shadow:none;}
body.theme-renewal .an2 .empty .b:hover{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}
body.theme-renewal .an2 .empty .b i{display:inline;margin:0;color:currentColor;font-size:12px;}
body.theme-renewal .an2 :focus-visible{outline:3px solid rgba(11,94,158,.18);outline-offset:2px;}

@media(max-width:767px){
  body.theme-renewal:has(.an2) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.an2) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal .an2 .cards{gap:8px;}
  body.theme-renewal .an2 .card{padding:12px 13px;}
  body.theme-renewal .an2 .card .top{gap:7px;}
  body.theme-renewal .an2 .box{padding:14px;}
  body.theme-renewal .an2 .empty{padding:28px 8px;}
  body.theme-renewal .an2 .todo{align-items:flex-start;flex-wrap:wrap;}
  body.theme-renewal .an2 .todo .tb{margin-left:33px;}
}

/* [리뉴얼] 수집·전송 현황의 밀도와 상태색 */
.monitoring-video-icon,.monitoring-warning-icon{display:none;}
body.theme-renewal .monitoring-header img[src$="/tubeicon.png"],
body.theme-renewal #view_product_count img[src$="/tubeicon.png"],
body.theme-renewal #view_product_count img[src$="/warning_red.png"]{display:none;}
body.theme-renewal .monitoring-video-icon,
body.theme-renewal .monitoring-warning-icon{display:inline-block !important;}
body.theme-renewal .monitoring-header{width:100%;max-width:none;padding:0;gap:16px;align-items:center;}
body.theme-renewal .monitoring-header .left-content{margin-right:0;}
body.theme-renewal .monitoring-header h3.page-header{font-size:20px;font-weight:600 !important;margin:4px 0 16px;}
body.theme-renewal .monitoring-header h3.page-header .btn{font-size:12px;font-weight:600 !important;padding:5px 9px;margin-left:8px;vertical-align:middle;}
body.theme-renewal .monitoring-header .right-content{display:block;}
body.theme-renewal .monitoring-header .right-content p{margin:0;}
body.theme-renewal .monitoring-header .right-content a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--xc-border);border-radius:8px;background:var(--xc-surface);padding:7px 10px;color:var(--xc-primary);font-size:12px;font-weight:600;}
body.theme-renewal .monitoring-header .right-content a:hover{background:var(--xc-primary-50);}
body.theme-renewal .monitoring-video-icon{width:16px;height:16px;color:var(--xc-primary);fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:middle;flex:none;}
body.theme-renewal .monitoring-warning-icon{width:15px;height:15px;color:var(--xc-warn);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}
body.theme-renewal .monitoring-intro{background:var(--xc-surface-2) !important;border:1px solid var(--xc-border);border-radius:10px;padding:12px 16px !important;color:var(--xc-text-2);font-size:13px !important;font-weight:400 !important;line-height:1.65;}
body.theme-renewal .monitoring-intro b{font-weight:600;}
body.theme-renewal #view_monitoring_detail .card,
body.theme-renewal #view_product_count{border:1px solid var(--xc-border);border-radius:14px;background:var(--xc-surface);box-shadow:var(--xc-shadow-sm);overflow:hidden;margin-bottom:16px;}
body.theme-renewal #view_monitoring_detail .card-h,
body.theme-renewal #view_product_count .panel-heading{background:var(--xc-surface-2);border:0;border-bottom:1px solid var(--xc-border);padding:12px 16px;color:var(--xc-text);font-size:14px;font-weight:600;line-height:1.5;}
body.theme-renewal #view_monitoring_detail .card-h i,
body.theme-renewal #view_product_count .panel-heading i{color:var(--xc-primary);font-size:12px;margin-right:6px;}
body.theme-renewal #view_monitoring_detail .card-h b{color:var(--xc-text-muted);font-size:12px;font-weight:400;}
body.theme-renewal #view_monitoring_detail .card-b.pad,
body.theme-renewal #view_product_count .panel-body{padding:14px 16px;}
body.theme-renewal #view_product_count h4{font-size:14px;font-weight:600;margin:0 0 10px;line-height:1.5;}
body.theme-renewal #view_monitoring_detail h4.page-header{font-size:14px;font-weight:600;margin:0 0 12px !important;padding:0 0 10px;line-height:32px;color:var(--xc-text);}
body.theme-renewal #view_monitoring_detail h4.page-header span[style*="font-size"]{font-size:12px !important;font-weight:400 !important;color:var(--xc-text-muted);}
body.theme-renewal #slt_total_thread_count{display:inline-block !important;width:72px !important;height:32px;margin:0 6px;font-size:13px;vertical-align:middle;}
body.theme-renewal #view_monitoring_detail table,
body.theme-renewal #view_product_count table{font-size:13px;color:var(--xc-text-2);}
body.theme-renewal #view_monitoring_detail table th,
body.theme-renewal #view_product_count table th{background:var(--xc-surface-2);color:var(--xc-text);font-weight:600;border-color:var(--xc-border);}
body.theme-renewal #view_monitoring_detail table td,
body.theme-renewal #view_product_count table td{border-color:var(--xc-border-2);}
body.theme-renewal #view_monitoring_detail .desc_blue,
body.theme-renewal #view_product_count .desc_blue{background:var(--xc-surface-2);border:1px solid var(--xc-border);border-radius:8px;padding:10px 12px;color:var(--xc-text-2);font-size:13px;font-weight:400 !important;line-height:1.6;}
body.theme-renewal #view_monitoring_detail [style*="color:blue"],
body.theme-renewal #view_product_count [style*="color:blue"],
body.theme-renewal .monitoring-intro [style*="color:blue"]{color:var(--xc-primary) !important;}
body.theme-renewal #view_monitoring_detail [style*="color:red"],
body.theme-renewal #view_product_count [style*="color:red"],
body.theme-renewal .monitoring-intro [style*="color:red"]{color:#A53D3D !important;}
body.theme-renewal #view_monitoring_detail .using_bar,
body.theme-renewal #view_product_count .using_bar{background:var(--xc-primary-50);border-radius:6px;padding:0;overflow:hidden;min-height:24px;}
body.theme-renewal #view_monitoring_detail .using_bar_progress,
body.theme-renewal #view_product_count .using_bar_progress{height:24px;background:var(--xc-primary-100);border-radius:6px;}
body.theme-renewal #view_monitoring_detail .using_bar_total,
body.theme-renewal #view_product_count .using_bar_total{height:24px;width:auto !important;color:var(--xc-text);font-size:12px;font-weight:600;padding:3px 8px;}
body.theme-renewal #view_monitoring_detail .using_graphic,
body.theme-renewal #view_product_count .using_graphic{background:var(--xc-surface-2);border-radius:6px;}
body.theme-renewal #view_monitoring_detail tr.selected,
body.theme-renewal #view_product_count tr.selected{background:var(--xc-primary-50);border-color:var(--xc-primary-100);}
body.theme-renewal #view_monitoring_detail .btn,
body.theme-renewal .monitoring-intro .btn{border-radius:6px;font-size:12px;font-weight:600;padding:5px 9px;line-height:1.35;box-shadow:none;}
body.theme-renewal #view_monitoring_detail .btn-danger,
body.theme-renewal .monitoring-intro .btn-danger{background:var(--xc-bad-50);border-color:#F0C8C8;color:#A52B2B;}
body.theme-renewal #view_monitoring_detail .btn-warning,
body.theme-renewal .monitoring-intro .btn-warning{background:var(--xc-warn-50);border-color:#EBD7B3;color:#875906;}
body.theme-renewal #view_monitoring_detail .btn-success{background:var(--xc-ok-50);border-color:#C9E8D9;color:var(--xc-ok);}
body.theme-renewal #view_monitoring_detail .btn-danger:hover,
body.theme-renewal .monitoring-intro .btn-danger:hover{background:#F8DDDD;}
body.theme-renewal #view_monitoring_detail .btn-warning:hover,
body.theme-renewal .monitoring-intro .btn-warning:hover{background:#F5E6C8;}
body.theme-renewal #view_monitoring_detail .btn-success:hover{background:#D9F0E5;}
@media (max-width:767px){body.theme-renewal .monitoring-header{display:block;}body.theme-renewal .monitoring-header .right-content{margin-bottom:12px;}}

/* 설정 허브와 공통 설정 카드: 수집·전송 현황과 같은 글자·면 밀도 */
body.theme-renewal .cfg .ttl,body.theme-renewal .sh .ttl{font-size:20px;font-weight:600;letter-spacing:-.02em;}
body.theme-renewal .cfg .kicker,body.theme-renewal .sh .kicker{font-size:11px;font-weight:600;color:var(--xc-primary);background:none;-webkit-text-fill-color:currentColor;letter-spacing:.02em;}
body.theme-renewal .cfg .hero::after,body.theme-renewal .sh .hd::after{background:var(--xc-primary);height:1px;}
body.theme-renewal .cfg .info{background:var(--xc-surface-2);border-radius:10px;padding:12px 16px;font-size:13px;font-weight:400;box-shadow:none;}
body.theme-renewal .cfg .card{border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .cfg .card-h{background:var(--xc-surface-2);border-bottom-color:var(--xc-border);padding:12px 16px;font-size:14px;font-weight:600;}
body.theme-renewal .cfg .card-h i,body.theme-renewal .cfg .info i{font-size:12px;}
body.theme-renewal .cfg .card-b{padding:8px 16px 14px;}
body.theme-renewal .cfg .card-b.pad{padding:14px 16px;}
body.theme-renewal .cfg .ctable th.td-center,
body.theme-renewal .cfg .ddbl-card .ctable th.td-center,
body.theme-renewal .cfg .ctable td.td-center,
body.theme-renewal .cfg .ddbl-card .ctable td.td-center{ text-align:center !important; vertical-align:middle !important; }
/* .cfg .ctable 삭제 열: 헤더 중앙·버튼 셀 우측(금지 URL 등) */
body.theme-renewal .cfg .ctable th.col-del,
body.theme-renewal .cfg .ctable td.col-del{ text-align:right !important; }
body.theme-renewal .cfg .ctable{font-size:13px;border-radius:10px;}
body.theme-renewal .cfg .ctable th{background:var(--xc-surface-2);color:var(--xc-text);font-size:12px;font-weight:600;padding:10px 12px;}
body.theme-renewal .cfg .ctable td{padding:10px 12px;color:var(--xc-text-2);}
body.theme-renewal .cfg .hlink{font-size:12px;font-weight:600;padding:6px 10px;}
body.theme-renewal .cfg .hlink i{font-size:12px;}
body.theme-renewal .sh .ecard{background:var(--xc-surface);border-color:var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .sh .item{border-radius:10px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .sh .ecard .ic{width:32px;height:32px;font-size:14px;}
body.theme-renewal .sh .ecard .nm{font-size:14px;font-weight:600;}
body.theme-renewal .sh .ecard .req{background:var(--xc-warn-50);color:var(--xc-warn);}

/* My카테고리 탭 셸: iframe 내용은 각 화면의 테마를 그대로 사용 */
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-list{display:flex;gap:4px;border-bottom:1px solid var(--xc-border);}
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-list>li{float:none;margin-bottom:-1px;}
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-list>li>a{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--xc-text-2);font-size:13px;font-weight:600;padding:10px 14px;}
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-list>li.active>a{color:var(--xc-primary);border-bottom-color:var(--xc-primary);}
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-list .fa{font-size:11px;color:var(--xc-text-muted);}
body.theme-renewal:has(#tab-list a[data-key="category"]) #tab-content{background:var(--xc-surface);border:1px solid var(--xc-border);border-top:0;border-radius:0 0 10px 10px;}

/* 부관리자: 기존 폼과 저장 동작을 유지하며 안내·목록만 정돈 */
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header{font-size:20px;font-weight:600 !important;margin:4px 0 16px !important;}
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header .btn{font-size:12px;font-weight:600 !important;padding:5px 9px;margin-left:8px;}
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header img{width:22px;height:auto;vertical-align:middle;}
body.theme-renewal:has(#frm_use_sender_multi) p.bg-warning,
body.theme-renewal:has(#frm_use_sender_multi) p.bg-info{background:var(--xc-surface-2) !important;border:1px solid var(--xc-border);border-radius:10px;padding:12px 16px !important;color:var(--xc-text-2);font-size:13px !important;font-weight:400 !important;line-height:1.65;}
body.theme-renewal:has(#frm_use_sender_multi) #frm_use_sender_multi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;}
body.theme-renewal:has(#frm_use_sender_multi) #slt_is_multi_sender{max-width:100%;height:36px;font-size:13px;margin:0 !important;}
body.theme-renewal:has(#frm_use_sender_multi) h4[style*="border-bottom"]{border-bottom:1px solid var(--xc-border) !important;font-size:14px;font-weight:600 !important;padding-bottom:10px;margin:8px 0 12px;}
body.theme-renewal:has(#frm_use_sender_multi) h4 .btn{font-size:12px;padding:5px 9px;margin-left:8px;}
body.theme-renewal:has(#frm_use_sender_multi) table.table{background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);font-size:13px;}
body.theme-renewal:has(#frm_use_sender_multi) table.table td{border-color:var(--xc-border-2);padding:12px;}
body.theme-renewal:has(#frm_use_sender_multi) table.table td[style*="14pt"]{font-size:14px !important;color:var(--xc-text);}
body.theme-renewal:has(#frm_use_sender_multi) .mui-form-label{font-size:12px;color:var(--xc-text-2);}

/* 신규 분석 요청: 긴 입력 표와 경고를 같은 설정 카드 톤으로 정리 */
body.theme-renewal:has(.xc-req-flow) #page-wrapper{background:var(--xc-page) !important;}
body.theme-renewal:has(.xc-req-flow) .xc-req-flow{background:var(--xc-page);}
body.theme-renewal:has(.xc-req-flow) #xc-content>div>div[style*="padding: 30px 40px"],
body.theme-renewal:has(.xc-req-flow) #xc-content>div>.xc-req-flow{padding:12px 16px 36px !important;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view{max-width:1080px;}
body.theme-renewal:has(.xc-req-flow) h3.page-header{font-size:20px;font-weight:600;margin:4px 0 16px !important;}
/* 신규 분석 요청 — 상단 탭(세그먼트) */
.xc-req-flow .tab_menu{padding-bottom:14px;}
.xc-req-flow .tab_menu .nav-tabs{
	display:inline-flex;flex-wrap:wrap;align-items:stretch;gap:4px;margin:0 0 4px;padding:5px;
	border:1px solid var(--xc-border,#E2E8ED);border-radius:12px;background:var(--xc-surface-2,#F6F9FB);
	border-bottom:1px solid var(--xc-border,#E2E8ED) !important;
}
.xc-req-flow .tab_menu .nav-tabs>li:not([role="presentation"]){display:none;}
.xc-req-flow .tab_menu .nav-tabs>li{margin:0;float:none;}
.xc-req-flow .tab_menu .nav-tabs>li>a{
	display:block;margin:0;padding:10px 18px !important;font-size:13px !important;font-weight:600 !important;line-height:1.35;
	color:var(--xc-text-2,#4A5867) !important;background:transparent !important;
	border:0 !important;border-radius:8px !important;text-decoration:none !important;white-space:nowrap;
}
.xc-req-flow .tab_menu .nav-tabs>li>a:hover{
	color:var(--xc-primary,#0B5E9E) !important;background:var(--xc-primary-50,#E8F1F8) !important;
}
.xc-req-flow .tab_menu .nav-tabs>li.active>a,
.xc-req-flow .tab_menu .nav-tabs>li.active>a:hover,
.xc-req-flow .tab_menu .nav-tabs>li.active>a:focus{
	color:var(--xc-primary,#0B5E9E) !important;
	background:var(--xc-surface,#fff) !important;
	box-shadow:0 1px 3px rgba(22,32,43,.08);
	border:0 !important;border-bottom:0 !important;
}
body.theme-renewal:has(.xc-req-flow) .section{background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);overflow:hidden;margin-bottom:16px;}
body.theme-renewal:has(.xc-req-flow) .section .tab-title{background:var(--xc-surface-2);border-bottom:1px solid var(--xc-border);padding:12px 16px;}
body.theme-renewal:has(.xc-req-flow) .section .tab-title-text{font-size:14px !important;font-weight:600;color:var(--xc-text);margin:0;}
body.theme-renewal:has(.xc-req-flow) .section .toggleArea{padding:14px 16px;}
body.theme-renewal:has(.xc-req-flow) .section .cl_label{font-size:13px;font-weight:400;color:var(--xc-text-2);line-height:1.6;}
body.theme-renewal:has(.xc-req-flow) .section img[src$="/warning_red.png"]{width:15px;height:15px !important;object-fit:contain;vertical-align:middle;}
body.theme-renewal:has(.xc-req-flow) .section table.tbl{border:1px solid var(--xc-border);border-radius:8px;background:var(--xc-surface);font-size:13px;}
body.theme-renewal:has(.xc-req-flow) .section table.tbl th{background:var(--xc-surface-2);color:var(--xc-text);font-size:13px;font-weight:600 !important;border-color:var(--xc-border);}
body.theme-renewal:has(.xc-req-flow) .section table.tbl td{border-color:var(--xc-border-2);color:var(--xc-text-2);}
body.theme-renewal:has(.xc-req-flow) .section .btn{font-size:12px;padding:5px 9px;border-radius:6px;}
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-add-url[data-type],
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-next-page,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-pre-page,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-submit{min-height:36px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.4;background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);color:var(--xc-primary);box-shadow:none;cursor:pointer;}
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-add-url[data-type]:hover,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-add-url[data-type]:focus-visible,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-next-page:hover,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-next-page:focus-visible,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-pre-page:hover,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-pre-page:focus-visible,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-submit:hover,
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-submit:focus-visible{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);box-shadow:none;}
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-add-url[data-type] i{font-size:11px;margin-right:5px;}
body.theme-renewal:has(.xc-req-flow) #frm_save .btn-next-page i{font-size:11px;margin-left:5px;}

/* 신규 분석 요청 — 목록 상세보기 버튼 */
body.theme-renewal:has(.xc-req-flow) a.xc-req-detail-btn,
body.theme-renewal:has(.xc-req-flow) a.xc-req-detail-btn:hover,
body.theme-renewal:has(.xc-req-flow) a.xc-req-detail-btn:focus{
	display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:32px;padding:6px 14px !important;
	font-size:12px !important;font-weight:600 !important;line-height:1.3 !important;
	background:var(--xc-primary) !important;border:1px solid var(--xc-primary) !important;color:#fff !important;
	border-radius:8px;box-shadow:none;text-decoration:none !important;
}
body.theme-renewal:has(.xc-req-flow) a.xc-req-detail-btn:hover,
body.theme-renewal:has(.xc-req-flow) a.xc-req-detail-btn:focus{
	background:var(--xc-primary-700) !important;border-color:var(--xc-primary-700) !important;color:#fff !important;
}

/* 신규 분석 요청 — 상세(view) 카드·스텝·상담 */
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-status-banner{
	display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 14px;padding:14px 16px;
	border:1px solid var(--xc-primary-100);border-radius:12px;background:var(--xc-primary-50);
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-status-k{
	font-size:12px;font-weight:600;color:var(--xc-text-muted);letter-spacing:.02em;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-status-v{
	font-size:16px;font-weight:700;color:var(--xc-primary);letter-spacing:-.02em;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .progress-step{
	display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;padding:0;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .step-box{
	min-width:0;min-height:52px;margin:0;padding:8px 4px;
	font-size:10.5px;font-weight:600;line-height:1.35;text-align:center;
	border:1px solid var(--xc-border);border-radius:10px;
	background:var(--xc-surface-2);color:var(--xc-text-muted);box-shadow:none;
	display:flex;align-items:center;justify-content:center;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .step-box.active{
	background:var(--xc-primary);border-color:var(--xc-primary);color:#fff;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .step-box:not(:last-child)::after{display:none;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-url-card .area-row > .area-row{margin-top:14px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-url-card table.tbl th[colspan]{
	font-size:13px !important;font-weight:600 !important;padding:10px 12px !important;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-url-card .td-content{
	padding:10px 12px !important;vertical-align:top;font-size:13px;line-height:1.5;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-url-card .td-content a{
	color:var(--xc-primary);font-weight:500;word-break:break-all;text-decoration:none;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-url-card .td-content a:hover{text-decoration:underline;text-underline-offset:2px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-empty{
	color:var(--xc-text-muted);font-size:13px;text-align:center;padding:16px 12px !important;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-grid{
	display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-grid .xc-req-meta-item{margin-bottom:0;height:100%;display:flex;flex-direction:column;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-grid .xc-req-meta-item .toggleArea{flex:1;display:flex;align-items:center;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-val{
	margin:0;font-size:15px;font-weight:600;color:var(--xc-text);line-height:1.5;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-sub{
	display:block;margin-top:6px;font-size:12px;font-weight:500;color:var(--xc-text-muted);
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-memo-body{
	padding:4px 2px 8px;font-size:13px;line-height:1.65;color:var(--xc-text-2);min-height:48px;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-memo-html{font-size:13px;line-height:1.65;color:var(--xc-text-2);}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-memo-html p{margin:0 0 8px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-memo-html p:last-child{margin-bottom:0;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-memo-html img{max-width:100%;height:auto;border-radius:8px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-guide-card table.tbl th{
	font-size:13px !important;padding:10px 14px !important;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-guide-card table.tbl td{padding:12px 14px !important;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-chat-card table.tbl{border:0;background:transparent;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-chat-card table.tbl tr{display:flex;flex-wrap:wrap;gap:16px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-chat-card #view_message{
	flex:1 1 320px;min-width:0;padding:12px;border:1px solid var(--xc-border-2);border-radius:10px;background:var(--xc-surface-2);
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-chat-card td[style*="width:500px"]{
	flex:0 1 360px;width:auto !important;max-width:100%;padding:12px;border:1px solid var(--xc-border);border-radius:10px;background:var(--xc-surface);
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-chat-card #txa_memo{width:100% !important;max-width:100%;border-radius:8px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view a.xc-req-pay-btn{
	min-height:40px;padding:9px 18px;font-size:13px;font-weight:600;border-radius:8px;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view a.xc-req-msg-submit{
	min-width:100px;min-height:36px;font-size:13px;font-weight:600;border-radius:8px;
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-footer-actions{background:transparent;border:0;box-shadow:none;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-footer-inner{display:flex;justify-content:center;padding:8px 0 24px;}
body.theme-renewal:has(.xc-req-flow) .xc-req-view a.xc-req-back-btn{
	min-height:40px;padding:9px 20px;font-size:13px;font-weight:600;border-radius:8px;
	background:var(--xc-surface);border:1px solid var(--xc-border);color:var(--xc-text-2);
}
body.theme-renewal:has(.xc-req-flow) .xc-req-view a.xc-req-back-btn:hover,
body.theme-renewal:has(.xc-req-flow) .xc-req-view a.xc-req-back-btn:focus{
	background:var(--xc-surface-2);border-color:var(--xc-primary-100);color:var(--xc-primary);
}
@media(max-width:1200px){
  body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .progress-step{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:991px){
  body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-progress-card .progress-step{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.theme-renewal:has(.xc-req-flow) .xc-req-view .xc-req-meta-grid{grid-template-columns:1fr;}
}

/* 설정 화면의 보조 동작: 현황 화면처럼 옅은 의미색과 작은 선형 영상 아이콘 */
body.theme-renewal.theme-ifrm .cfg .ttl{font-size:16px;font-weight:600;}
body.theme-renewal .cfg .hlink.yt,
body.theme-renewal .cfg .alink:has(img[src$="/tubeicon.png"]){display:inline-flex;align-items:center;gap:6px;background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:8px;padding:7px 10px;color:var(--xc-primary);font-size:12px;font-weight:600;box-shadow:none;}
body.theme-renewal .cfg .hlink.yt:hover,
body.theme-renewal .cfg .alink:has(img[src$="/tubeicon.png"]):hover{background:var(--xc-primary-50);border-color:var(--xc-primary-100);color:var(--xc-primary-700);transform:none;}
body.theme-renewal .cfg .hlink.yt i,
body.theme-renewal .cfg img[src$="/tubeicon.png"],
body.theme-renewal .cfg img[src$="/youtube.png"],
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header img[src$="/youtube.png"]{display:none;}
body.theme-renewal .cfg a:has(> img[src$="/tubeicon.png"]):not(.alink),
body.theme-renewal .cfg a:has(> img[src$="/youtube.png"]){display:inline-flex;align-items:center;vertical-align:middle;}
body.theme-renewal .cfg .hlink.yt::before,
body.theme-renewal .cfg .alink:has(img[src$="/tubeicon.png"])::before,
body.theme-renewal .cfg a:has(> img[src$="/tubeicon.png"]):not(.alink)::before,
body.theme-renewal .cfg a:has(> img[src$="/youtube.png"])::before,
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header a:has(img[src$="/youtube.png"])::before{content:"";display:inline-block;flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%230B5E9E' stroke-width='1.8'/%3E%3Cpath d='M8 6.8 13 10l-5 3.2V6.8Z' fill='%230B5E9E'/%3E%3C/svg%3E") center/contain no-repeat;}
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header a:has(img[src$="/youtube.png"]){display:inline-flex;align-items:center;gap:6px;vertical-align:middle;background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:8px;padding:5px 9px;margin-left:8px;color:var(--xc-primary);text-decoration:none;font-size:12px;font-weight:600;}
body.theme-renewal:has(#frm_use_sender_multi, #slt_group_key) h3.page-header a:has(img[src$="/youtube.png"])::after{content:"영상 가이드";}
body.theme-renewal .cfg #api-blog-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:4px;vertical-align:middle;background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);border-radius:7px;color:var(--xc-primary);text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s,color .15s;}
body.theme-renewal .cfg #api-blog-link:hover,
body.theme-renewal .cfg #api-blog-link:focus-visible{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);outline:2px solid var(--xc-primary-100);outline-offset:2px;}
body.theme-renewal .cfg #api-blog-link svg{display:block;width:15px;height:15px;}
body.theme-renewal .cfg .tab_menu .nav-tabs>li.active>a,
body.theme-renewal .cfg .tab_menu .nav-tabs>li.active>a:hover{background-color:var(--xc-primary-50) !important;border-color:var(--xc-primary-100) !important;color:var(--xc-primary) !important;box-shadow:none;}
body.theme-renewal .cfg .btn-primary,
body.theme-renewal .cfg .cbtn:not(.sub):not(.danger):not(.excel):not(.btn_save):not(.btn-save){background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);color:var(--xc-primary);box-shadow:none;}
body.theme-renewal .cfg .btn-primary:hover,
body.theme-renewal .cfg .btn-primary:focus,
body.theme-renewal .cfg .cbtn:not(.sub):not(.danger):not(.excel):not(.btn_save):not(.btn-save):hover{background:var(--xc-primary-100);border-color:var(--xc-primary-100);color:var(--xc-primary-700);box-shadow:none;}
body.theme-renewal .cfg .btn-success,
body.theme-renewal .cfg .btn-primary.btn_save,
body.theme-renewal .cfg .btn-primary.btn-save,
body.theme-renewal .cfg .cbtn.btn_save:not(.danger),
body.theme-renewal .cfg .cbtn.btn-save:not(.danger),
body.theme-renewal .cfg #frm.cfg-narrow .btn-save.btn_edit{background:var(--xc-ok-50);border:1px solid var(--xc-border);color:var(--xc-ok);box-shadow:none;}
body.theme-renewal .cfg .btn-success:hover,
body.theme-renewal .cfg .btn-primary.btn_save:hover,
body.theme-renewal .cfg .btn-primary.btn-save:hover,
body.theme-renewal .cfg .cbtn.btn_save:not(.danger):hover,
body.theme-renewal .cfg .cbtn.btn-save:not(.danger):hover,
body.theme-renewal .cfg #frm.cfg-narrow .btn-save.btn_edit:hover,
body.theme-renewal .cfg #frm.cfg-narrow .btn-save.btn_edit:focus{background:var(--xc-ok-50);border-color:var(--xc-ok);color:var(--xc-ok);filter:none;box-shadow:none;}
body.theme-renewal .cfg .btn-danger,
body.theme-renewal .cfg .cbtn.danger{background:var(--xc-bad-50);border:1px solid var(--xc-border);color:var(--xc-bad);box-shadow:none;}
body.theme-renewal .cfg .btn-danger:hover,
body.theme-renewal .cfg .cbtn.danger:hover{background:var(--xc-bad-50);border-color:var(--xc-bad);color:var(--xc-bad);filter:none;box-shadow:none;}
body.theme-renewal .cfg .btn-warning{background:var(--xc-warn-50);border-color:var(--xc-border);color:var(--xc-warn);box-shadow:none;}
body.theme-renewal .cfg .btn-warning:hover{background:var(--xc-warn-50) !important;border-color:var(--xc-warn) !important;color:var(--xc-warn) !important;box-shadow:none;}
body.theme-renewal .cfg .cbtn.excel{background:var(--xc-ok-50);border:1px solid var(--xc-border);color:var(--xc-ok);box-shadow:none;}
body.theme-renewal .cfg .cbtn.excel:hover{background:var(--xc-ok-50);border-color:var(--xc-ok);color:var(--xc-ok);box-shadow:none;}
body.theme-renewal .cfg .btn-black{background:var(--xc-primary-50) !important;border-color:var(--xc-primary-100) !important;color:var(--xc-primary) !important;box-shadow:none !important;}
body.theme-renewal .cfg .btn-black:hover{background:var(--xc-primary-100) !important;color:var(--xc-primary-700) !important;}
body.theme-renewal .cfg .btn-black.btn_del,
body.theme-renewal .cfg .btn-black.btn-del{background:var(--xc-bad-50) !important;border-color:var(--xc-border) !important;color:var(--xc-bad) !important;}
body.theme-renewal:has(#frm_use_sender_multi) #xc-content .btn-primary{background:var(--xc-primary-50);border-color:var(--xc-primary-100);color:var(--xc-primary);box-shadow:none;}
body.theme-renewal:has(#frm_use_sender_multi) #xc-content .btn-primary:hover{background:var(--xc-primary-100);color:var(--xc-primary-700);box-shadow:none;}
body.theme-renewal:has(#frm_use_sender_multi) #xc-content .btn-success{background:var(--xc-ok-50);border-color:var(--xc-border);color:var(--xc-ok);box-shadow:none;}
body.theme-renewal:has(#frm_use_sender_multi) #xc-content .btn-success:hover{background:var(--xc-ok-50);border-color:var(--xc-ok);color:var(--xc-ok);filter:none;box-shadow:none;}

/* 요금제 변경: 선택·금액·결제 안내의 대비와 글자 위계 */
body.theme-renewal .cfg #frm_calc h3{font-size:18px;font-weight:600;color:var(--xc-text);margin:8px 0 12px;}
body.theme-renewal .cfg #frm_calc h3 strong{font-weight:600;}
body.theme-renewal .cfg #frm_calc h4,
body.theme-renewal .cfg #frm_calc .service-header h4{font-size:14px;font-weight:600;color:var(--xc-text);line-height:1.5;}
body.theme-renewal .cfg #frm_calc h4 i{font-size:12px;color:var(--xc-primary);}
body.theme-renewal .cfg #frm_calc .box{background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);padding:16px;margin-bottom:16px;color:var(--xc-text-2);font-size:13px;line-height:1.6;}
body.theme-renewal .cfg #frm_calc .service-header{gap:12px;}
body.theme-renewal .cfg #frm_calc .version-note,
body.theme-renewal .cfg #frm_calc .service-header h4 span{font-size:12px !important;font-weight:400 !important;color:var(--xc-text-muted);}
body.theme-renewal .cfg #frm_calc .option-item{border-color:var(--xc-border);border-radius:8px;box-shadow:none;padding:10px 12px;margin-bottom:8px;color:var(--xc-text-2);}
body.theme-renewal .cfg #frm_calc .option-item:hover{background:var(--xc-surface-2);border-color:var(--xc-primary-100);}
body.theme-renewal .cfg #frm_calc .option-item.selected{background:var(--xc-primary-50);border-color:var(--xc-primary-100);}
body.theme-renewal .cfg #frm_calc .option-title{font-size:13px;font-weight:500;color:var(--xc-text);}
body.theme-renewal .cfg #frm_calc .option-price{font-size:12px;color:var(--xc-text-muted);}
body.theme-renewal .cfg #frm_calc .check-icon{color:var(--xc-primary);font-size:12px;}
body.theme-renewal .cfg #frm_calc .summary-box strong,
body.theme-renewal .cfg #frm_calc #change_calc strong,
body.theme-renewal .cfg #frm_calc .summary-box b,
body.theme-renewal .cfg #frm_calc #change_calc b{font-weight:600;}
body.theme-renewal .cfg #frm_calc .summary-box .price,
body.theme-renewal .cfg #frm_calc #change_calc .price{font-weight:500;color:var(--xc-text-2);}
body.theme-renewal .cfg #frm_calc .total-price{font-size:18px;font-weight:600;color:var(--xc-primary);}
body.theme-renewal .cfg #frm_calc .vat-desc{font-size:12px !important;font-weight:400 !important;color:var(--xc-text-muted);}
body.theme-renewal .cfg #frm_calc .next-bill-info{font-size:13px !important;font-weight:400;color:var(--xc-text-2);}
body.theme-renewal .cfg #frm_calc #change_calc{background:var(--xc-surface);border-left:3px solid var(--xc-primary-100);}
body.theme-renewal .cfg #frm_calc .view-pay,
body.theme-renewal .cfg #frm_calc .pay-view-btn,
body.theme-renewal .cfg #frm_calc .pay-btn,
body.theme-renewal .cfg #frm_calc .pay-btn-card{background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);border-radius:8px;color:var(--xc-primary) !important;font-size:13px;font-weight:600;padding:9px 14px;box-shadow:none;}
body.theme-renewal .cfg #frm_calc .view-pay:hover,
body.theme-renewal .cfg #frm_calc .pay-view-btn:hover,
body.theme-renewal .cfg #frm_calc .pay-btn:hover,
body.theme-renewal .cfg #frm_calc .pay-btn-card:hover{background:var(--xc-primary-100);color:var(--xc-primary-700) !important;}

/* 엑스트랜스 신청 안내: 금액 강조를 읽기 쉬운 작은 칩으로 정돈 */
body.theme-renewal .cfg:has(.panel-black .bg-warning) > .row{margin-top:24px !important;}
body.theme-renewal .cfg .panel-black:has(.bg-warning){border:1px solid var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);overflow:hidden;}
body.theme-renewal .cfg .panel-black:has(.bg-warning) .panel-heading{background:var(--xc-surface);border-bottom:1px solid var(--xc-border);padding:12px 16px;color:var(--xc-text);font-size:14px;font-weight:600;}
body.theme-renewal .cfg .panel-black:has(.bg-warning) .panel-heading i{font-size:12px;color:var(--xc-primary);margin-right:5px;}
body.theme-renewal .cfg .panel-black:has(.bg-warning) .panel-body{padding:16px;}
body.theme-renewal .cfg .panel-black .bg-warning{background:var(--xc-surface-2) !important;border:1px solid var(--xc-border);border-radius:10px;padding:16px 18px !important;color:var(--xc-text-2);font-size:13px !important;font-weight:400 !important;line-height:1.85;}
body.theme-renewal .cfg .panel-black .bg-warning code{background:#DCEBF6 !important;border:1px solid #B8D3E8;border-radius:5px;padding:2px 6px;color:var(--xc-primary-700);font-family:var(--xc-font);font-size:12px;font-weight:600;letter-spacing:-.01em;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
body.theme-renewal .cfg .panel-black .xtrans-price-list{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:8px;row-gap:3px;margin-top:4px;}
body.theme-renewal .cfg .panel-black .xtrans-price-row{display:contents;}
body.theme-renewal .cfg .panel-black .xtrans-price-list>br{display:none;}
body.theme-renewal .cfg .panel-black .xtrans-price-row code{justify-self:start;min-width:0;}
@media(max-width:1199px){body.theme-renewal .cfg .panel-black .xtrans-price-list{grid-template-columns:minmax(0,1fr);}body.theme-renewal .cfg .panel-black .xtrans-price-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;}}
body.theme-renewal .cfg .panel-black:has(.bg-warning) .btn-group-justified{margin-top:0 !important;padding:0 !important;}
body.theme-renewal .cfg .panel-black:has(.bg-warning) .btn-primary{border-radius:8px;font-size:13px;font-weight:600;padding:10px 14px;box-shadow:none;}

/* 상세페이지 디자인 편집: 미리보기는 보조 동작 톤으로 표시 */
body.theme-renewal .cfg #frm_design_description_f1 .btn-info[onclick^="look_ahead"]{background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);border-radius:8px;color:var(--xc-primary);font-size:13px;font-weight:600;padding:8px 12px;box-shadow:none;}
body.theme-renewal .cfg #frm_design_description_f1 .btn-info[onclick^="look_ahead"]:hover,
body.theme-renewal .cfg #frm_design_description_f1 .btn-info[onclick^="look_ahead"]:focus{background:var(--xc-primary-100);border-color:var(--xc-primary-100);color:var(--xc-primary-700);box-shadow:none;}

/* 상세페이지 디자인에서 여는 단일 배너 등록 화면 */
body.theme-renewal .cfg.banner-create{max-width:900px;margin:0 auto;}
body.theme-renewal .cfg.banner-create .banner-create-card{box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .cfg.banner-create .banner-create-section{padding:12px 0 5px;color:var(--xc-text);font-size:14px;font-weight:600;}
body.theme-renewal .cfg.banner-create .banner-create-section:not(:first-of-type){margin-top:12px;border-top:1px solid var(--xc-border);}
body.theme-renewal .cfg.banner-create .frow{padding:12px 0;}
body.theme-renewal .cfg.banner-create .flab{width:145px;}
body.theme-renewal .cfg.banner-create .banner-create-options{margin-top:20px;border:1px solid var(--xc-border);border-radius:10px;overflow:hidden;}
body.theme-renewal .cfg.banner-create .banner-create-options summary{cursor:pointer;padding:12px 16px;background:var(--xc-surface-2);color:var(--xc-text);font-size:13px;font-weight:600;}
body.theme-renewal .cfg.banner-create .banner-create-options summary span{margin-left:6px;color:var(--xc-text-muted);font-size:12px;font-weight:400;}
body.theme-renewal .cfg.banner-create .banner-create-options-body{padding:4px 16px 10px;}
body.theme-renewal .cfg.banner-create .banner-create-options-body>.hint{margin:8px 0;}
body.theme-renewal .cfg.banner-create .banner-create-category .category-select{display:block;}
body.theme-renewal .cfg.banner-create .banner-create-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;}
body.theme-renewal .cfg.banner-create .banner-create-note{font-size:12px;color:var(--xc-text-muted);padding:0 4px;}
/* 상세페이지 디자인 배너관리: 레거시 그림 대신 현황 화면과 같은 작은 선형 아이콘 */
body.theme-renewal .cfg #collapse_info_body .banner-market-help img,
body.theme-renewal .cfg #collapse_info_body p.bg-info img[src$="/warning_red.png"]{display:none;}
body.theme-renewal .cfg #collapse_info_body .banner-market-help{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle;color:var(--xc-primary);}
body.theme-renewal .cfg #collapse_info_body .banner-market-help-icon{display:inline-block !important;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
body.theme-renewal .cfg #collapse_info_body .banner-warning-icon{display:inline-block !important;width:15px;height:15px;color:var(--xc-warn);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;}
body.theme-renewal .cfg .banner-created-message{background:var(--xc-ok-50);border-color:var(--xc-border);}
body.theme-renewal .cfg .banner-created-message i{color:var(--xc-ok);}
body.theme-renewal .cfg .ctable .banner-created-row td{background:var(--xc-primary-50);}
@media(max-width:640px){body.theme-renewal .cfg.banner-create .frow{display:block;}body.theme-renewal .cfg.banner-create .flab{display:block;width:auto;margin-bottom:7px;}}

/* 마켓별 전송값 상세: 현황 화면의 밝은 카드·제목·보조 설명 톤 */
body.theme-renewal .cfg.outbound-set-value-detail .cfgform>.row>[class*="col-md-"]{width:100%;float:none;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered{table-layout:fixed;box-shadow:var(--xc-shadow-sm);border-radius:12px;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>colgroup>col:first-child,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>colgroup>col:nth-child(3){width:220px !important;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>th.title{background:var(--xc-surface-2) !important;color:var(--xc-text) !important;border-bottom:1px solid var(--xc-border) !important;font-size:14px;font-weight:600;padding:12px 16px;position:relative;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>th.title:first-child{border-left:3px solid var(--xc-primary) !important;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>th:not(.title){font-size:13px;font-weight:600;color:var(--xc-text-2);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>td{color:var(--xc-text-2);font-size:13px;min-width:0;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered .form-control{max-width:min(100%,420px);box-shadow:none;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered .form-control:focus{border-color:var(--xc-primary);box-shadow:0 0 0 3px var(--xc-primary-50);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered p.bg-success{background:var(--xc-surface-2) !important;color:var(--xc-text-2) !important;border:1px solid var(--xc-border);border-radius:8px !important;padding:10px 12px !important;font-size:12px;font-weight:400;line-height:1.6;box-shadow:none;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered p.bg-success b{color:var(--xc-text);font-weight:600;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .title>span[class*="col-"]{width:auto;float:none;margin-left:0;padding:0;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_header,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_info_header{float:right;display:inline-flex;align-items:center;gap:5px;color:var(--xc-primary);font-size:12px !important;font-weight:600;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_header:hover,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_info_header:hover{color:var(--xc-primary-700);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .title .glyphicon{font-size:12px;color:var(--xc-primary);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_body .alert,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_info_body .alert{background:var(--xc-surface-2);border:1px solid var(--xc-border);border-radius:9px;color:var(--xc-text-2);font-size:12.5px;line-height:1.65;box-shadow:none;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_body .bg-danger{background:var(--xc-bad-50) !important;color:#A52B2B;padding:2px 4px;border-radius:4px;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_body .notice_red{color:#A52B2B;font-weight:600;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn{border-radius:7px;font-size:12px;font-weight:600;padding:6px 10px;box-shadow:none;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-primary,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-info{background:var(--xc-primary-50);border:1px solid var(--xc-primary-100);color:var(--xc-primary);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-primary:hover,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-primary:focus,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-info:hover,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-info:focus{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-warning:hover,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-warning:focus{background:#F5E6C8 !important;color:#875906 !important;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-danger:hover,
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .btn-danger:focus{background:#F8DDDD;border-color:#A52B2B;color:#A52B2B;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #td_ceil_type .row{margin-left:0;margin-right:0;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #td_ceil_type .row>[class*="col-"]{padding-left:0;padding-right:0;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform #sltuse_ceil_type{width:min(100%,420px) !important;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .cl_ceil_type .form-group{display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .cl_ceil_type .form-group label{margin:0;font-size:12px;font-weight:500;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .cl_ceil_type .form-control{width:auto;max-width:100%;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .savebar{flex-wrap:wrap;margin-top:8px;}
body.theme-renewal .cfg.outbound-set-value-detail .cfgform .savebar .cbtn:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}

/* 세트이름 수정 팝업은 상세 화면과 같은 의미색 버튼으로 표시 */
body.theme-renewal .outbound-set-value-detail-modal .modal-dialog{width:min(560px,calc(100% - 24px)) !important;}
body.theme-renewal .outbound-set-value-detail-modal .modal-title{font-size:16px;font-weight:600;}
body.theme-renewal .outbound-set-value-detail-modal .modal-title .label{background:transparent;color:var(--xc-text);font-size:inherit;font-weight:inherit;padding:0;}
body.theme-renewal .outbound-set-value-detail-modal .modal-footer .btn-primary{background:var(--xc-ok-50);border:1px solid var(--xc-border);color:var(--xc-ok);box-shadow:none;}
body.theme-renewal .outbound-set-value-detail-modal .modal-footer .btn-primary:hover,
body.theme-renewal .outbound-set-value-detail-modal .modal-footer .btn-primary:focus{background:#D9F0E5;border-color:var(--xc-ok);color:var(--xc-ok);}

@media(max-width:767px){
  body.theme-renewal:has(.cfg.outbound-set-value-detail) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.cfg.outbound-set-value-detail) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered{display:block;table-layout:auto;max-width:100%;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>colgroup{display:none;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody{display:block;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr:not(.collapse){display:flex;flex-wrap:wrap;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr[style*="table-row"],
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr.collapse.in{display:flex !important;flex-wrap:wrap;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>th,
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>td{display:block;flex:0 0 100%;width:100% !important;min-width:0;overflow-wrap:anywhere;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>th:not(.title){padding:9px 12px 4px;border-bottom:0 !important;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform table.table-bordered>tbody>tr>td{padding:5px 12px 12px;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform .title>span[class*="col-"]{display:inline-block;max-width:100%;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_cd_header,
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform #collapse_info_header{float:none;margin-left:8px;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform .cl_ceil_type .form-group{display:flex;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform .cl_ceil_type .form-control{width:100% !important;}
  body.theme-renewal .cfg.outbound-set-value-detail .cfgform .savebar .cbtn{justify-content:center;flex:1 1 auto;}
}

/* 오픈마켓 아이디 설정 팝업: 모든 마켓과 이베이 발송지 보조 팝업 공통 */
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) #page-wrapper{width:100%;max-width:980px;min-height:0 !important;margin:0 auto !important;padding:24px 32px 32px !important;overflow:visible;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) #page-wrapper>.row{margin-left:0;margin-right:0;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) #page-wrapper>.row>[class*="col-"]{padding-left:0;padding-right:0;min-width:0;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 18px !important;padding:0 0 14px;font-size:19px;font-weight:600;line-height:1.45;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header .btn{padding:6px 10px;font-size:12px;font-weight:600 !important;box-shadow:none;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header a:has(img[src*="youtube"]){position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--xc-primary-100);border-radius:50%;background:var(--xc-primary-50);color:var(--xc-primary);text-decoration:none;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header a:has(img[src*="youtube"]) img{position:absolute;width:1px !important;height:1px !important;clip-path:inset(50%);opacity:0;pointer-events:none;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header a:has(img[src*="youtube"])::before{content:"▶";font-size:10px;line-height:1;margin-left:2px;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header a:has(img[src*="youtube"]):hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) h3.page-header a:has(img[src*="youtube"]):focus{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) #page-wrapper>p.bg-info{padding:12px 16px !important;margin:0 0 18px;font-size:13px !important;font-weight:400 !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .panel{margin-bottom:0;overflow:hidden;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .panel-heading{padding:12px 16px 12px 20px;font-size:14px;font-weight:600;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .panel-body{padding:18px 20px 20px;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered{width:100%;max-width:100%;table-layout:fixed;margin-bottom:0;border:1px solid var(--xc-border) !important;border-radius:10px;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered colgroup col:first-child{width:215px !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>th,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>td{padding:11px 14px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>th{font-weight:600;color:var(--xc-text-2);}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>td{min-width:0;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered .form-control{width:100%;max-width:560px;height:38px;box-shadow:none;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered select.select2-hidden-accessible{width:1px !important;max-width:1px !important;height:1px !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered .form-control:focus{border-color:var(--xc-primary);box-shadow:0 0 0 3px var(--xc-primary-50);}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered td>.bg-success{display:block;max-width:560px;margin-top:5px;background:transparent !important;color:var(--xc-text-muted);font-size:12px;font-weight:400;line-height:1.5;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered td>p.bg-info{max-width:560px;padding:10px 12px !important;margin:8px 0 0;font-size:12px !important;line-height:1.55 !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered th>.bg-danger{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:5px;color:#A52B2B;font-size:12px;font-weight:500;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn{border-radius:7px;font-size:12px;font-weight:600;box-shadow:none !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table th .btn-hapi{display:block;width:max-content;margin:6px 0 0;white-space:nowrap;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-info,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-primary,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black:not(.btn_save){background:var(--xc-primary-50) !important;border:1px solid var(--xc-primary-100) !important;color:var(--xc-primary) !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning{background:var(--xc-warn-50) !important;border:1px solid #EBD7B3 !important;color:#875906 !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger{background:var(--xc-bad-50) !important;border:1px solid #F0C8C8 !important;color:#A52B2B !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black.btn_save{background:var(--xc-ok-50) !important;border:1px solid #B9E2CD !important;color:var(--xc-ok) !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-info:hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-info:focus,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-primary:hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-primary:focus,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black:not(.btn_save):hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black:not(.btn_save):focus{background:var(--xc-primary-100) !important;border-color:var(--xc-primary) !important;color:var(--xc-primary-700) !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning:hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning:focus{background:#F5E6C8 !important;border-color:var(--xc-warn) !important;color:#875906 !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger:hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger:focus{background:#F8DDDD !important;border-color:#A52B2B !important;color:#A52B2B !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black.btn_save:hover,
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black.btn_save:focus{background:#D9F0E5 !important;border-color:var(--xc-ok) !important;color:var(--xc-ok) !important;}
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning{border-color:var(--xc-border) !important;color:var(--xc-warn) !important;}
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger,
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table th>.bg-danger{border-color:var(--xc-border) !important;color:var(--xc-bad) !important;}
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning:hover,
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-warning:focus{background:#3A2F16 !important;border-color:var(--xc-warn) !important;color:var(--xc-warn) !important;}
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger:hover,
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-danger:focus{background:#3D2323 !important;border-color:var(--xc-bad) !important;color:var(--xc-bad) !important;}
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black.btn_save:hover,
body.theme-renewal.theme-dark.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-black.btn_save:focus{background:#193A2A !important;border-color:var(--xc-ok) !important;color:var(--xc-ok) !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .panel-body>.row{margin:0;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-group-justified{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:auto;margin:16px 0 0 !important;padding:0 !important;}
body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-group-justified>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;padding:8px 14px;}

/* 전송 센터: 수집/전송 현황과 같은 차분한 운영 화면 밀도 */
body.theme-renewal .sndc{max-width:1400px;margin:0 auto;padding:0 0 28px;color:var(--xc-text);}
body.theme-renewal .sndc .rise{animation:none;}
body.theme-renewal .sndc .hero{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--xc-border-2);}
body.theme-renewal .sndc .hero::after{width:48px;height:2px;background:var(--xc-primary);}
body.theme-renewal .sndc .kicker{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;background:none;color:var(--xc-primary);-webkit-text-fill-color:currentColor;}
body.theme-renewal .sndc .ttl{margin:5px 0 4px;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--xc-text);}
body.theme-renewal .sndc .sub{font-size:13px;line-height:1.55;color:var(--xc-text-muted);}
body.theme-renewal .sndc .mcrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;}
body.theme-renewal .sndc .mc{min-width:0;padding:14px 16px;border-color:var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .sndc .mc .top{gap:8px;}
body.theme-renewal .sndc .mc .chip{width:30px;height:30px;border-radius:8px;font-size:12px;}
body.theme-renewal .sndc .mc .l{font-size:12px;font-weight:500;color:var(--xc-text-2);}
body.theme-renewal .sndc .mc .v{margin-top:9px;font-size:23px;font-weight:650;letter-spacing:-.02em;}
body.theme-renewal .sndc .mc .v small{font-size:12px;font-weight:500;color:var(--xc-text-muted);}
body.theme-renewal .sndc .cols{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:14px;}
body.theme-renewal .sndc .cols>div{min-width:0;}
body.theme-renewal .sndc .sec{margin:0 0 9px;font-size:14px;font-weight:600;gap:7px;}
body.theme-renewal .sndc .sec>i{width:15px;text-align:center;font-size:12px;}
body.theme-renewal .sndc .card{padding:4px 16px;border-color:var(--xc-border);border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .sndc .fg{gap:11px;padding:14px 0;}
body.theme-renewal .sndc .fg>div:last-child{min-width:0;}
body.theme-renewal .sndc .ic{width:32px;height:32px;border-radius:9px;font-size:13px;}
body.theme-renewal .sndc .fg .t{font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;}
body.theme-renewal .sndc .fg .d{margin-top:4px;font-size:12.5px;line-height:1.55;color:var(--xc-text-2);}
body.theme-renewal .sndc .fg .raw{margin-top:5px;font-size:11px;line-height:1.55;color:var(--xc-text-muted);opacity:1;overflow-wrap:anywhere;}
body.theme-renewal .sndc .mb{margin-right:6px;padding:2px 7px;background:var(--xc-surface-2);border:1px solid var(--xc-border-2);color:var(--xc-text-2);font-size:11px;font-weight:500;}
body.theme-renewal .sndc .nb{padding:2px 7px;background:var(--xc-bad-50);border:1px solid #F0C8C8;color:#A52B2B;font-size:11px;font-weight:600;}
body.theme-renewal .sndc .btns{gap:7px;margin-top:10px;}
body.theme-renewal .sndc .b{min-height:34px;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.4;box-shadow:none;transform:none;}
body.theme-renewal .sndc .b.pri{background:var(--xc-primary-50);border-color:var(--xc-primary-100);color:var(--xc-primary);box-shadow:none;}
body.theme-renewal .sndc .b.pri:hover,
body.theme-renewal .sndc .b.pri:focus{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);box-shadow:none;}
body.theme-renewal .sndc .b.ai{background:var(--xc-ai-50);border-color:#B9E2D9;color:var(--xc-ai-700);}
body.theme-renewal .sndc .b.ai:hover,
body.theme-renewal .sndc .b.ai:focus{background:#D5EFEA;border-color:var(--xc-ai);color:var(--xc-ai-700);}
body.theme-renewal .sndc .b.gh{background:var(--xc-surface);border-color:var(--xc-border);color:var(--xc-text-2);}
body.theme-renewal .sndc .b.gh:hover,
body.theme-renewal .sndc .b.gh:focus{background:var(--xc-surface-2);border-color:var(--xc-primary-100);color:var(--xc-primary);}
body.theme-renewal .sndc .b:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
body.theme-renewal .sndc .soon{padding:3px 8px;border-color:var(--xc-border);background:var(--xc-surface-2);color:var(--xc-text-muted);font-weight:500;}
body.theme-renewal .sndc .market-card{padding:4px 14px;}
body.theme-renewal .sndc .mkt{padding:10px 2px;font-size:13px;color:var(--xc-text-2);}
body.theme-renewal .sndc .mkt b{font-weight:600;color:var(--xc-text);}
body.theme-renewal .sndc .help-sec{margin-top:14px;}
body.theme-renewal .sndc .help-card{padding:12px 14px;background:var(--xc-surface-2);color:var(--xc-text-2);font-size:12px;line-height:1.7;box-shadow:none;}
body.theme-renewal .sndc .empty{padding:30px 10px;}
body.theme-renewal .sndc .empty i{font-size:26px;}
@media(max-width:1100px){
  body.theme-renewal .sndc .mcrow{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.theme-renewal .sndc .cols{grid-template-columns:1fr;}
}
@media(max-width:767px){
  body.theme-renewal:not(.xc-nav-open):has(.sndc) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal:has(.sndc) #page-wrapper{position:static;left:auto;transform:none;width:auto;min-width:0;max-width:none;overflow-x:hidden;}
}
@media(max-width:700px){
  body.theme-renewal .sndc{padding-bottom:20px;}
  body.theme-renewal .sndc .mcrow{grid-template-columns:1fr;gap:8px;}
  body.theme-renewal .sndc .mc{padding:12px 14px;}
  body.theme-renewal .sndc .fg{gap:9px;padding:13px 0;}
  body.theme-renewal .sndc .ic{width:30px;height:30px;}
  body.theme-renewal .sndc .btns{display:grid;grid-template-columns:1fr;}
  body.theme-renewal .sndc .b{justify-content:center;width:100%;white-space:normal;text-align:center;}
  body.theme-renewal .sndc .soon{justify-self:start;}
}
@media(max-width:640px){
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) #page-wrapper{padding:18px 16px 24px !important;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .panel-body{padding:14px 12px 16px;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered colgroup{display:none;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody,
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr{display:block;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr[style*="display:none"],
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr[style*="display: none"]{display:none !important;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>th,
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>td{display:block;width:100% !important;max-width:100%;border-left:0 !important;border-right:0 !important;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>th{padding:9px 12px 4px;border-bottom:0 !important;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) form table.table-bordered>tbody>tr>td{padding:4px 12px 12px;}
  body.theme-renewal.theme-popup:has(#frm_api_info_f1, #frm_merchantLocationKey) .btn-group-justified>.btn{flex:1 1 auto;}
}

/* 배너 적용 검증 팝업 */
body.theme-renewal.theme-popup:has(.cfg-banner-verify) #page-wrapper{
  width:100%;max-width:980px;min-height:100vh;margin:0 auto !important;
  padding:24px 28px 32px !important;background:var(--xc-page) !important;box-sizing:border-box;
}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .row{margin-left:0;margin-right:0;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .row>[class*="col-"]{padding-left:0;padding-right:0;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .popup-verify-title{
  text-align:center;margin:0 0 16px !important;padding:0 0 14px;border-bottom:1px solid var(--xc-border);
  font-size:20px;font-weight:600;color:var(--xc-text);
}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .info{margin-bottom:16px !important;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .card{margin-bottom:16px;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .ctable tbody td img{
  border:1px solid var(--xc-border);border-radius:8px;
}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .ctable th.td-center,
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .ctable td.td-center{
  text-align:center !important;vertical-align:middle !important;
}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .bg-success{background:var(--xc-ok-50) !important;color:var(--xc-ok) !important;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .bg-danger{background:var(--xc-bad-50) !important;color:var(--xc-bad) !important;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .bg-warning{background:var(--xc-warn-50) !important;color:var(--xc-warn) !important;}
body.theme-renewal.theme-popup:has(.cfg-banner-verify) .cfg-banner-verify .bg-primary{background:var(--xc-primary-50) !important;color:var(--xc-primary) !important;}
@media(max-width:767px){
  body.theme-renewal.theme-popup:has(.cfg-banner-verify) #page-wrapper{padding:16px 14px 24px !important;}
}

/* 키워드 순위: 본문 영역 기준 중앙 정렬과 차분한 인사이트 화면 */
body.theme-renewal:has(.kr-root){overflow-x:hidden;}
body.theme-renewal .kr-root{width:100%;max-width:1180px;margin:0 auto;padding:0 0 32px;color:var(--xc-text);}
body.theme-renewal .kr-root .rise{animation:none;}
body.theme-renewal .kr-root .kr-header{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--xc-border-2);}
body.theme-renewal .kr-root .kr-header::after{width:48px;background:var(--xc-primary);}
body.theme-renewal .kr-root .kicker{margin:0 0 5px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:none;background:none;color:var(--xc-primary);-webkit-text-fill-color:currentColor;}
body.theme-renewal .kr-root .kr-header-title{display:block;margin:0 0 7px;font-size:20px !important;font-weight:600 !important;line-height:1.45;letter-spacing:-.02em !important;color:var(--xc-text);}
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:4px;border:1px solid var(--xc-primary-100);border-radius:50%;background:var(--xc-primary-50);color:var(--xc-primary);text-decoration:none;vertical-align:middle;}
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1 img{position:absolute;width:1px !important;height:1px !important;clip-path:inset(50%);opacity:0;pointer-events:none;}
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1::before{content:"▶";margin-left:2px;font-size:9px;line-height:1;}
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1:hover,
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1:focus{background:var(--xc-primary-100);border-color:var(--xc-primary);color:var(--xc-primary-700);outline:none;}
body.theme-renewal .kr-root .kr-header-title>a#ui-id-1:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
body.theme-renewal .kr-root .kr-header-desc{font-size:13px !important;font-weight:400;line-height:1.65 !important;color:var(--xc-text-2);}
body.theme-renewal .kr-root .kr-header-desc>br{display:none;}
body.theme-renewal .kr-root .kr-header-desc>span{font-size:13px !important;font-weight:400 !important;}
body.theme-renewal .kr-root .kr-header-desc>span:first-of-type{display:block;margin-bottom:3px;font-size:15px !important;font-weight:600 !important;color:var(--xc-text);}
body.theme-renewal .kr-root .kr-header-desc>span:nth-of-type(2){display:block;margin:0 0 9px !important;padding:0 !important;color:var(--xc-text-muted);}
body.theme-renewal .kr-root .kr-header-desc>span:nth-of-type(3){font-weight:600 !important;color:var(--xc-text-2);}
body.theme-renewal .kr-root .kr-top-controls{gap:10px;margin-bottom:14px;}
body.theme-renewal .kr-root .kr-select{height:40px;padding:0 11px;border-color:var(--xc-border);border-radius:8px;background:var(--xc-surface);color:var(--xc-text);font-size:13px;font-weight:500;box-shadow:none;}
body.theme-renewal .kr-root .kr-select:hover{border-color:var(--xc-primary-100);}
body.theme-renewal .kr-root .kr-select:focus{border-color:var(--xc-primary);outline:2px solid var(--xc-primary-50);outline-offset:1px;}
body.theme-renewal .kr-root .kr-select:disabled{background:var(--xc-surface-2);color:var(--xc-text-muted);opacity:1;}
body.theme-renewal .kr-root select.kr-select.select2-hidden-accessible{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important;}
body.theme-renewal .kr-root .kr-panels-grid{gap:14px;}
body.theme-renewal .kr-root .kr-panel{min-width:0;padding:15px 16px;border-color:var(--xc-border);border-radius:14px;background:var(--xc-surface);box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .kr-root .kr-panel-header{gap:4px;margin-bottom:10px;}
body.theme-renewal .kr-root .kr-panel-title{font-size:15px;font-weight:600;color:var(--xc-text);}
body.theme-renewal .kr-root .kr-panel-subtitle{font-size:12.5px;font-weight:500;color:var(--xc-text-2);}
body.theme-renewal .kr-root .kr-columns{gap:12px;}
body.theme-renewal .kr-root .kr-row{gap:8px;margin-bottom:8px;padding:9px 10px;border-color:var(--xc-border-2);border-radius:10px;background:var(--xc-surface-2);}
body.theme-renewal .kr-root .kr-row-main{gap:6px;}
body.theme-renewal .kr-root .kr-rank{width:20px;font-weight:600;color:var(--xc-text);}
body.theme-renewal .kr-root .kr-sep{font-weight:500;color:var(--xc-text-muted);}
body.theme-renewal .kr-root a.kr-kw.hk_modal.btn{font-weight:600;color:var(--xc-text) !important;}
body.theme-renewal .kr-root a.kr-kw.hk_modal.btn:hover,
body.theme-renewal .kr-root a.kr-kw.hk_modal.btn:focus{color:var(--xc-primary) !important;text-decoration:underline !important;text-underline-offset:3px;}
body.theme-renewal .kr-root a.kr-kw.hk_modal.btn:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;border-radius:3px;}
body.theme-renewal .kr-root .kr-badge{height:25px;min-width:48px;padding:0 8px;border:1px solid transparent;border-radius:7px;color:var(--xc-text-2);font-size:11.5px;font-weight:600;line-height:23px;}
body.theme-renewal .kr-root .kr-badge--high{background:var(--xc-bad-50);border-color:#F0C8C8;color:#A52B2B;}
body.theme-renewal .kr-root .kr-badge--mid{background:var(--xc-warn-50);border-color:#EED9A8;color:#8A5A00;}
body.theme-renewal .kr-root .kr-badge--low{background:var(--xc-ok-50);border-color:#BFE3D1;color:var(--xc-ok);}
body.theme-renewal .kr-root .kr-badge--na{background:var(--xc-surface-2);border-color:var(--xc-border);color:var(--xc-text-muted);}
body.theme-renewal .kr-root .kr-loader,
body.theme-renewal .kr-root .kr-empty{color:var(--xc-text-muted);}
body.theme-renewal .kr-root .kr-retry-btn{border-color:var(--xc-primary-100);border-radius:8px;background:var(--xc-primary-50);color:var(--xc-primary);font-weight:600;box-shadow:none;}
body.theme-renewal .kr-root .kr-retry-btn:hover,
body.theme-renewal .kr-root .kr-retry-btn:focus{border-color:var(--xc-primary);background:var(--xc-primary-100);color:var(--xc-primary-700);}

/* 키워드 상품 찾기 팝업 */
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-dialog{width:min(860px,calc(100% - 32px)) !important;max-width:860px;margin:24px auto;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-content{overflow:hidden;box-shadow:var(--xc-shadow-lg);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-header{padding:14px 18px;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-title{font-size:16px;font-weight:600;line-height:1.45;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-title .label{padding:5px 9px;border:1px solid var(--xc-primary-100);border-radius:999px;background:var(--xc-primary-50);color:var(--xc-primary);font-size:13px;font-weight:600;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-header .close{font-size:28px !important;line-height:1;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-body{padding:16px;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .panel{margin-bottom:0;border:1px solid var(--xc-border);border-radius:12px !important;box-shadow:none;overflow:hidden;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .panel-heading{padding:11px 14px;border-bottom:1px solid var(--xc-border-2);background:var(--xc-surface);color:var(--xc-text-2);font-size:12px;font-weight:400;line-height:1.6;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .panel-heading i{font-size:10px;color:var(--xc-primary);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .panel-heading b[style*="color:red"]{color:var(--xc-bad) !important;font-weight:600;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .panel-body{padding:12px 14px;background:var(--xc-surface);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner{margin:7px 0;padding:11px 12px;border-color:var(--xc-border);border-radius:10px;background:var(--xc-surface);color:var(--xc-text);box-shadow:none;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner:hover,
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner:focus{border-color:var(--xc-primary-100);background:var(--xc-primary-50);color:var(--xc-primary-700);box-shadow:none;outline:none;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner-logo{width:100px;min-height:42px;margin-right:10px;border-color:var(--xc-border-2);border-radius:7px;background:var(--xc-surface-2);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner-logo img{width:90px;height:34px;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner-title{font-size:13px;font-weight:600;color:var(--xc-text);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-keyword-badge{margin-top:4px;padding:3px 7px;border:1px solid var(--xc-border);border-radius:6px;background:var(--xc-surface-2);color:var(--xc-text-muted);font-size:11px;font-weight:500;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-keyword-badge-value{color:var(--xc-text-2);}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-footer{padding:12px 16px;}
body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-footer .btn-default{padding:7px 13px;border-color:var(--xc-border);border-radius:7px;background:var(--xc-surface-2);color:var(--xc-text-2);font-size:12px;font-weight:600;box-shadow:none;}

@media(max-width:1100px){
  body.theme-renewal .kr-root .kr-panels-grid{grid-template-columns:1fr;}
}
@media(max-width:767px){
  body.theme-renewal:has(.kr-root) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
  body.theme-renewal:not(.xc-nav-open):has(.kr-root) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
  body.theme-renewal:has(.kr-root) #page-wrapper{position:static;left:auto;transform:none;width:auto;min-width:0;max-width:none;overflow-x:hidden;}
  body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .modal-dialog{width:calc(100% - 24px) !important;margin:12px auto;}
}
body.theme-renewal .xc-cost-em{font-weight:800;color:var(--xc-primary);font-size:1.08em;letter-spacing:-.02em;}
body.theme-renewal #view_pay_type_cash .xc-cost-em{font-size:1.22em;padding:2px 10px;border-radius:var(--xc-r-sm);background:var(--xc-primary-50);}

@media(max-width:600px){
  body.theme-renewal .kr-root{padding-bottom:20px;}
  body.theme-renewal .kr-root .kr-header-title{font-size:18px !important;}
  body.theme-renewal .kr-root .kr-columns{display:grid;grid-template-columns:1fr;gap:0;}
  body.theme-renewal .kr-root .kr-kw,
  body.theme-renewal .kr-root a.kr-kw.hk_modal.btn{max-width:none;}
  body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner{align-items:flex-start;}
  body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner-logo{width:82px;min-height:38px;}
  body.theme-renewal:has(.kr-root) .modal.js-hk-modal-persist .market-banner-logo img{width:72px;height:30px;}
}

/* 알림 팝업: 수집·전송 현황의 차분한 버튼과 표 밀도 */
body.theme-renewal.theme-popup:has(#sender_list_view){overflow:hidden;}
body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper{width:100%;max-width:800px;max-height:100dvh;min-height:0 !important;margin:0 auto !important;padding:20px 24px 28px !important;box-sizing:border-box;display:flex;flex-direction:column;}
body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper>.row{margin:0;}
body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper>.row>[class*="col-"]{padding:0;}
body.theme-renewal.theme-popup:has(#sender_list_view) h3.page-header{margin:0 0 16px !important;padding:0 0 12px;font-size:20px;font-weight:600 !important;line-height:1.5;border-bottom:1px solid var(--xc-border);}
body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper>.row:not(.alimi-list){flex-shrink:0;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs{display:flex;gap:6px;margin:0 0 16px;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs .btn,
body.theme-renewal.theme-popup:has(#sender_list_view) #btn-more{padding:7px 12px;min-height:34px;background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:var(--xc-r);color:var(--xc-text-2);font-size:13px;font-weight:600;line-height:1.4;box-shadow:none;filter:none;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs .btn.active{background:var(--xc-primary-50);border-color:var(--xc-primary-100);color:var(--xc-primary);}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs .btn:hover,
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs .btn:focus,
body.theme-renewal.theme-popup:has(#sender_list_view) #btn-more:hover,
body.theme-renewal.theme-popup:has(#sender_list_view) #btn-more:focus{background:var(--xc-primary-50);border-color:var(--xc-primary);color:var(--xc-primary-700);}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-tabs .btn:focus-visible,
body.theme-renewal.theme-popup:has(#sender_list_view) #btn-more:focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper>.alimi-list{min-height:0;overflow-y:auto;overflow-x:hidden;flex:0 1 auto;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-list:focus-visible{outline:2px solid var(--xc-primary);outline-offset:-2px;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-list thead th{position:sticky;top:0;z-index:1;}
body.theme-renewal.theme-popup:has(#sender_list_view) .alimi-footer{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:6px;padding-top:12px;}
body.theme-renewal.theme-popup:has(#sender_list_view) #alimi-status{margin:0;color:var(--xc-text-2);font-size:12px;line-height:1.5;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem{width:100%;table-layout:fixed;margin:0;border:1px solid var(--xc-border);border-radius:var(--xc-r-lg);font-size:13px;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem col:nth-child(2){width:176px !important;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem th:last-child{width:88px;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>thead>tr>th{padding:12px 14px;color:var(--xc-text-2);font-size:13px;font-weight:600;line-height:1.5;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>tbody>tr>td{padding:12px 14px;font-size:13px;line-height:1.6;word-break:normal;overflow-wrap:anywhere;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>thead>tr>th:first-child{text-align:left;}
body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>tbody>tr>td:not(:first-child){font-size:12px;font-variant-numeric:tabular-nums;}
@media(max-width:575px){
  body.theme-renewal.theme-popup:has(#sender_list_view) #page-wrapper{padding:16px 14px 24px !important;}
  body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem col:nth-child(2){width:100px !important;}
  body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem th:last-child{width:62px;}
  body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>thead>tr>th,
  body.theme-renewal.theme-popup:has(#sender_list_view) .tblMem>tbody>tr>td{padding:10px 8px;font-size:12px;}
}

/* 마켓 연결 도우미: 적용한 마켓의 반자동 화면에만 사용 */
body.theme-renewal.theme-popup:has(.xc-market-connect) #page-wrapper{width:100%;max-width:960px;margin:0 auto !important;padding:24px !important;min-height:0 !important;box-sizing:border-box;}
body.theme-renewal .xc-market-connect{font-size:14px;line-height:1.6;overflow-wrap:anywhere;}
body.theme-renewal .xc-market-connect .xc-connect-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
body.theme-renewal .xc-market-connect h1{font-size:20px;font-weight:600;margin:0 0 6px;line-height:1.5;}
body.theme-renewal .xc-market-connect h2,body.theme-renewal .xc-market-connect summary{font-size:15px;font-weight:600;color:var(--xc-text);margin:0 0 12px;line-height:1.6;}
body.theme-renewal .xc-market-connect p{margin:8px 0 12px;}
body.theme-renewal .xc-market-connect .xc-connect-header p{margin:0;color:var(--xc-text-2);font-size:13px;}
body.theme-renewal .xc-market-connect .xc-connect-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
body.theme-renewal .xc-market-connect .xc-connect-video{font-size:12px;white-space:nowrap;}
body.theme-renewal .xc-market-connect .xc-connect-video span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--xc-border);border-radius:50%;font-size:9px;color:var(--xc-primary);background:var(--xc-primary-50);margin-right:4px;}
body.theme-renewal .xc-market-connect .xc-connect-steps{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 16px;margin:0 0 16px;list-style:none;background:var(--xc-surface-2);border:1px solid var(--xc-border);border-radius:var(--xc-r);color:var(--xc-text-2);font-size:12px;}
body.theme-renewal .xc-market-connect .xc-connect-card{padding:20px;margin:0 0 16px;background:var(--xc-surface);border:1px solid var(--xc-border);border-radius:var(--xc-r-lg);box-shadow:none;}
body.theme-renewal .xc-market-connect summary{cursor:pointer;margin:0;}
body.theme-renewal .xc-market-connect details[open]>summary{margin-bottom:12px;}
body.theme-renewal .xc-market-connect .xc-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-bottom:12px;}
body.theme-renewal .xc-market-connect .xc-connect-grid>div{min-width:0;}
body.theme-renewal .xc-market-connect .xc-connect-grid>.xc-connect-wide{grid-column:1/-1;}
body.theme-renewal .xc-market-connect label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
body.theme-renewal .xc-market-connect .form-control{width:100%;min-width:0;max-width:100%;font-size:13px;height:38px;border-color:var(--xc-border);box-shadow:none;}
body.theme-renewal .xc-market-connect .xc-connect-help{font-size:12px;color:var(--xc-text-2);font-weight:400;line-height:1.6;margin:6px 0 10px;}
body.theme-renewal .xc-market-connect .xc-connect-secret,body.theme-renewal .xc-market-connect .xc-connect-select{display:flex;gap:6px;align-items:flex-start;}
body.theme-renewal .xc-market-connect .xc-connect-secret input,body.theme-renewal .xc-market-connect .xc-connect-select select{flex:1;min-width:0;}
body.theme-renewal .xc-market-connect .btn{font-size:13px;font-weight:600;min-height:36px;padding:7px 12px;border-radius:var(--xc-r);border:1px solid var(--xc-border);box-shadow:none;filter:none;white-space:normal;}
body.theme-renewal .xc-market-connect .xc-connect-secret .btn,body.theme-renewal .xc-market-connect .xc-connect-select .btn{flex-shrink:0;white-space:nowrap;}
body.theme-renewal .xc-market-connect .btn-primary{background:var(--xc-primary-50);color:var(--xc-primary);border-color:var(--xc-primary-100);}
body.theme-renewal .xc-market-connect .btn-success{background:var(--xc-ok-50);color:#116d4a;border-color:#c4e5d6;}
body.theme-renewal .xc-market-connect .btn-warning{background:var(--xc-warn-50);color:#865709;border-color:#ead9b9;}
body.theme-renewal .xc-market-connect .btn-danger{background:var(--xc-bad-50);color:#a82727;border-color:#f0cccc;}
body.theme-renewal .xc-market-connect .btn-default{background:var(--xc-surface-2);color:var(--xc-text-2);}
body.theme-renewal .xc-market-connect .btn:hover{background:var(--xc-surface-2);border-color:var(--xc-primary);color:var(--xc-primary-700);}
body.theme-renewal .xc-market-connect .btn:disabled{opacity:.65;cursor:wait;}
body.theme-renewal .xc-market-connect[data-market="shopee"][aria-busy="false"] .btn:disabled{cursor:not-allowed;}
body.theme-renewal .xc-market-connect :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
body.theme-renewal .xc-market-connect .xc-connect-status{font-size:13px;color:var(--xc-text-2);margin-bottom:0;}
body.theme-renewal .xc-market-connect .xc-connect-summary>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid var(--xc-border-2);font-size:13px;}
body.theme-renewal .xc-market-connect .xc-connect-summary span{color:var(--xc-text-2);}
body.theme-renewal .xc-market-connect .xc-connect-summary strong{font-weight:500;overflow-wrap:anywhere;}
body.theme-renewal .xc-market-connect fieldset{border:0;padding:0;margin:0;min-width:0;}
body.theme-renewal .xc-market-connect .xc-connect-prepare>.btn{margin-right:12px;}
body.theme-renewal .xc-market-connect .xc-connect-guide{margin:0 0 12px;padding-left:1.25em;}
body.theme-renewal .xc-market-connect .xc-connect-guide li{margin:0 0 8px;}
@media(max-width:575px){
 body.theme-renewal.theme-popup:has(.xc-market-connect) #page-wrapper{padding:16px 12px !important;}
 body.theme-renewal .xc-market-connect .xc-connect-header{flex-direction:column;gap:12px;}
 body.theme-renewal .xc-market-connect .xc-connect-grid{grid-template-columns:1fr;gap:12px;}
 body.theme-renewal .xc-market-connect .xc-connect-card{padding:16px;}
 body.theme-renewal .xc-market-connect .xc-connect-summary>div{grid-template-columns:1fr;gap:2px;}
 body.theme-renewal .xc-market-connect .xc-connect-steps{gap:6px 12px;}
}

/* 상품관리: 장문 실패 원문이 상세 창과 해결 버튼을 화면 밖으로 밀지 않도록 한다. */
body.theme-renewal #tp2-market-pop { max-height: calc(100vh - 24px); overflow-y: auto; }
body.theme-renewal #tp2-market-reason { max-height: min(220px, 32vh); overflow-y: auto; }

/* 주문 기존 처리 화면·연결 팝업: 현황 화면의 밀도와 의미색을 재사용한다. */
body.theme-renewal .cfg:has(#frm_excel_down) .hero-act{max-width:100%;}
body.theme-renewal .cfg:has(#frm_excel_down) .hero-act>a:has(img[src$="/blog2.png"]){display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--xc-border);border-radius:8px;background:var(--xc-surface);color:var(--xc-text-2);font-size:12px;font-weight:600;text-decoration:none;}
body.theme-renewal .cfg:has(#frm_excel_down) .hero-act img[src$="/blog2.png"]{width:16px;height:16px;object-fit:contain;}
body.theme-renewal .cfg:has(#frm_excel_down) .hero-act>a:has(img[src$="/blog2.png"])::after{content:"블로그";}
body.theme-renewal .cfg:has(#frm_excel_down) .tab_menu{padding-bottom:16px;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 0 12px;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs::before,body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs::after{content:none;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs>li{float:none;margin:0;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs>li:not([role="presentation"]){display:none;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs>li>a{margin:0;padding:7px 12px;border:1px solid var(--xc-border);border-radius:8px;background:var(--xc-surface);color:var(--xc-text-2);font-size:13px;font-weight:500;}
body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs>li>a:hover{background:var(--xc-primary-50);color:var(--xc-primary-700);}
body.theme-renewal .cfg:has(#frm_excel_down) #frm_search>.row:has(>.col-md-2){display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px;margin:0;}
body.theme-renewal .cfg:has(#frm_excel_down) #frm_search>.row:has(>.col-md-2)::before,body.theme-renewal .cfg:has(#frm_excel_down) #frm_search>.row:has(>.col-md-2)::after{content:none;}
body.theme-renewal .cfg:has(#frm_excel_down) #frm_search>.row:has(>.col-md-2)>div{float:none;width:auto;min-width:0;padding:0;}
body.theme-renewal .cfg:has(#frm_excel_down) .panel{min-height:0 !important;margin-bottom:16px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal .cfg:has(#frm_excel_down) .panel-heading{padding:12px 16px;font-size:14px;font-weight:600;line-height:1.6;background:var(--xc-surface-2);}
body.theme-renewal .cfg:has(#frm_excel_down) .panel-body{padding:14px 16px;}
body.theme-renewal .cfg:has(#frm_excel_down) .panel-body>.info{margin-bottom:16px;font-size:13px;font-weight:400 !important;}
body.theme-renewal .cfg:has(#frm_excel_down) .panel-body>.info b{font-weight:400;}
body.theme-renewal .cfg:has(#frm_excel_down) .panel-body>h4:empty,body.theme-renewal .cfg:has(#frm_excel_down) .panel-body>h4:has(+.row){margin:0 !important;line-height:0;font-size:0;}
body.theme-renewal .cfg:has(#frm_excel_down) .form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
body.theme-renewal .cfg:has(#frm_excel_down) .form-inline .form-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;margin:0;padding-left:0 !important;}
body.theme-renewal .cfg:has(#frm_excel_down) .form-inline label{margin:0;font-size:12px;font-weight:500;}
body.theme-renewal .cfg:has(#frm_excel_down) .form-control{height:36px;font-size:13px;border-radius:8px;box-shadow:none;}
body.theme-renewal .cfg:has(#frm_excel_down) .col-md-2 .panel-body>.row{margin-bottom:8px;}
body.theme-renewal .cfg:has(#frm_excel_down) div:has(>#txt_pay_date_s),body.theme-renewal .cfg:has(#frm_excel_down) div:has(>#txt_pay_date_e){float:none !important;width:100% !important;margin-bottom:8px;}
body.theme-renewal .cfg:has(#frm_excel_down) .btn-group-justified{padding:0 !important;margin-top:0 !important;}
body.theme-renewal .cfg:has(#frm_excel_down) #resizeMe th{font-size:12px;font-weight:600;background:var(--xc-surface-2);}
body.theme-renewal .cfg:has(#frm_excel_down) #resizeMe td{font-size:13px;color:var(--xc-text-2);background:var(--xc-surface);}
body.theme-renewal .cfg:has(#frm_excel_down) #resizeMe input[type=checkbox]{width:16px;height:16px;margin:0 auto;}
body.theme-renewal .cfg:has(#frm_excel_down) .pagination>.active>a{background:var(--xc-primary-50);border-color:var(--xc-primary-100);color:var(--xc-primary);}
body.theme-renewal .cfg:has(#frm_excel_down) .pagination>li>a:is(:hover,:focus-visible){background:var(--xc-primary-50);border-color:var(--xc-primary);color:var(--xc-primary-700);}
/* 모달의 40~50% 고정 폭은 본문 너비와 무관하므로 화면에 맞춰 제한한다. */
body.theme-renewal:has(#frm_excel_down) .modal-dialog{width:calc(100% - 32px);min-width:min(900px,calc(100vw - 32px));max-width:min(900px,calc(100vw - 32px));margin:24px auto;}
body.theme-renewal:has(#frm_excel_down) .modal:has(#frm_admin_memo) .modal-dialog{min-width:min(680px,calc(100vw - 32px));max-width:min(680px,calc(100vw - 32px));}
body.theme-renewal:has(#frm_excel_down) .modal-title{font-size:18px;font-weight:600;line-height:1.5;}
body.theme-renewal:has(#frm_excel_down) .modal-header,body.theme-renewal:has(#frm_excel_down) .modal-body,body.theme-renewal:has(#frm_excel_down) .modal-footer{padding:14px 16px;}
body.theme-renewal:has(#frm_excel_down) .modal-body .container-fluid{padding:0;}
body.theme-renewal:has(#frm_excel_down) .modal .panel{margin:0;border-radius:14px;box-shadow:none;}
body.theme-renewal:has(#frm_excel_down) .modal .panel-heading{padding:12px 16px;background:var(--xc-surface-2);font-size:14px;font-weight:600;}
body.theme-renewal:has(#frm_excel_down) .modal .panel-body{padding:14px 16px;}
body.theme-renewal:has(#frm_excel_down) .modal :is(.bg-info,.bg-warning,.bg-danger){padding:12px 16px !important;border:1px solid var(--xc-border);border-radius:8px;font-size:13px !important;font-weight:400 !important;line-height:1.65;}
body.theme-renewal:has(#frm_excel_down) .modal .table{font-size:13px;}
body.theme-renewal:has(#frm_excel_down) .modal .table th{width:150px !important;font-weight:600;}
body.theme-renewal:has(#frm_excel_down) .modal .table td{overflow-wrap:anywhere;}
body.theme-renewal:has(#frm_excel_down) .modal .form-control{max-width:100%;font-size:13px;border-radius:8px;box-shadow:none;}
body.theme-renewal:has(#frm_excel_down) .modal td>.form-control{margin-bottom:8px;}
/* 버튼은 화면과 팝업이 같은 의미색·상태 대비를 사용한다. */
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) .btn{--od-btn-bg:var(--xc-surface);--od-btn-hover:var(--xc-surface-2);--od-btn-border:var(--xc-border);--od-btn-ink:var(--xc-text-2);padding:6px 10px;min-height:32px;border:1px solid var(--od-btn-border);border-radius:8px;background:var(--od-btn-bg);color:var(--od-btn-ink);font-size:12px;font-weight:600;line-height:1.5;white-space:normal;box-shadow:none;filter:none;}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) :is(.btn-primary,.btn-info){--od-btn-bg:var(--xc-primary-50);--od-btn-hover:var(--xc-primary-100);--od-btn-border:var(--xc-primary-100);--od-btn-ink:var(--xc-primary);}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) :is(.btn-success,.btn_save){--od-btn-bg:var(--xc-ok-50);--od-btn-hover:#D9F0E5;--od-btn-border:#C9E8D9;--od-btn-ink:#126B49;}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) .btn-danger{--od-btn-bg:var(--xc-bad-50);--od-btn-hover:#F8DDDD;--od-btn-border:#F0C8C8;--od-btn-ink:#A52B2B;}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) .btn-warning{--od-btn-bg:var(--xc-warn-50);--od-btn-hover:#F5E6C8;--od-btn-border:#EBD7B3;--od-btn-ink:#875906;}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :is(#page-wrapper,.modal) .btn:is(:hover,:focus-visible){background:var(--od-btn-hover) !important;border-color:var(--od-btn-ink) !important;color:var(--od-btn-ink) !important;box-shadow:none;filter:none;}
body.theme-renewal:is(:has(#frm_excel_down),.theme-popup:has(#slt_group_key,#order_excel_print)) :focus-visible{outline:2px solid var(--xc-primary);outline-offset:2px;}
/* 표시항목 설정: 목록 제목·버튼·행의 시작선을 통일한다. */
body.theme-renewal.theme-popup:has(#slt_group_key) #page-wrapper{padding:20px 24px !important;}
body.theme-renewal.theme-popup:has(#slt_group_key) #page-wrapper>div[style*="position: absolute"]{position:static !important;width:100% !important;}
body.theme-renewal.theme-popup:has(#slt_group_key) .bg-white{padding:14px 16px;border-radius:14px;box-shadow:none;}
body.theme-renewal.theme-popup:has(#slt_group_key) h3.page-header{margin:0 !important;font-size:20px;font-weight:600;line-height:1.6;}
body.theme-renewal.theme-popup:has(#slt_group_key) h4{margin:0 0 12px !important;padding:0 !important;}
body.theme-renewal.theme-popup:has(#slt_group_key) h4 td{font-size:14px !important;font-weight:600 !important;}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result){height:min(600px,60vh) !important;padding:0;list-style:none;}
body.theme-renewal.theme-popup:has(#slt_group_key) #view_non_result:not(:has(>.row)){height:auto !important;min-height:48px;}
body.theme-renewal.theme-popup:has(#slt_group_key) #view_non_result:not(:has(>.row))::before{content:"선택할 수 있는 항목이 없어요.";display:block;padding:12px 0;color:var(--xc-text-2);font-size:13px;}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result)>.row{margin:0 0 8px !important;padding:8px !important;border:1px solid var(--xc-border);border-radius:8px;background:var(--xc-surface-2);}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result) .form-inline{display:flex;align-items:center;gap:8px;}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result) .form-group{float:none;width:auto;margin:0;padding:0;}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result) .form-group:first-child{flex:1;min-width:0;}
body.theme-renewal.theme-popup:has(#slt_group_key) :is(#view_result,#view_non_result) label{padding:0 !important;margin:0;font-size:13px;font-weight:500;overflow-wrap:anywhere;}
/* 엑셀 양식 팝업의 입력·버튼·미리보기는 같은 카드 안에 정렬한다. */
body.theme-renewal.theme-popup:has(#order_excel_print) #page-wrapper{padding:20px 24px !important;}
body.theme-renewal.theme-popup:has(#order_excel_print) h3.page-header{margin:0 0 16px;font-size:20px;font-weight:600;}
body.theme-renewal.theme-popup:has(#order_excel_print) .panel{border-radius:14px;box-shadow:var(--xc-shadow-sm);}
body.theme-renewal.theme-popup:has(#order_excel_print) .panel-heading{padding:12px 16px;background:var(--xc-surface-2);font-size:14px;font-weight:600;}
body.theme-renewal.theme-popup:has(#order_excel_print) .panel-body{padding:14px 16px;}
body.theme-renewal.theme-popup:has(#order_excel_print) #frm_order_prod_excel>.row>.col-sm-12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.theme-renewal.theme-popup:has(#order_excel_print) #frm_order_prod_excel>.row>.col-sm-12>div{float:none;width:auto;min-width:0;padding:0;}
body.theme-renewal.theme-popup:has(#order_excel_print) :is(.btn-group,.input-group){margin:0 0 12px !important;padding:0 !important;}
body.theme-renewal.theme-popup:has(#order_excel_print) .form-control{height:36px;font-size:13px;}
body.theme-renewal.theme-popup:has(#order_excel_print) :is(.table-responsive,.ui-jqgrid,.ui-jqgrid-view,.ui-jqgrid-hdiv,.ui-jqgrid-bdiv){max-width:100%;}
body.theme-renewal.theme-popup:has(#order_excel_print) .label-header{display:inline-flex;align-items:center;gap:6px;margin:4px;padding:6px 8px;font-size:12px;font-weight:500;}
body.theme-renewal.theme-popup:has(#order_excel_print) .label-header input[type=checkbox]{width:16px;height:16px;margin:0;}
@media(max-width:1100px){
 body.theme-renewal .cfg:has(#frm_excel_down) #frm_search>.row:has(>.col-md-2){grid-template-columns:minmax(0,1fr);}
 /* 좁은 화면은 고정 열이 표 전체를 덮지 않도록 표 안에서 함께 스크롤한다. */
 body.theme-renewal .cfg:has(#frm_excel_down) .table-wrap_order.inner{width:100%;margin-left:0;}
 body.theme-renewal .cfg:has(#frm_excel_down) #resizeMe :is(th,td)[class*="static_left_"]{position:static !important;}
}
@media(max-width:767px){
 body.theme-renewal:has(#frm_excel_down) .xc-top2 .navbar-logo a{font-size:0;white-space:nowrap;}
 body.theme-renewal:has(#frm_excel_down) .xc-top2 .xc-release-actions{flex:0 0 110px;}
 body.theme-renewal:has(#frm_excel_down) .xc-top2 .xc-release-actions button{width:110px;max-width:110px;padding:5px;font-size:11px;line-height:1.35;white-space:normal;}
 body.theme-renewal:not(.xc-nav-open):has(#frm_excel_down) #left-menu-column{width:0 !important;background:transparent;pointer-events:none;}
 body.theme-renewal .cfg:has(#frm_excel_down) .hero-act{width:100%;}
 body.theme-renewal .cfg:has(#frm_excel_down) .hero-act .hlink{max-width:100%;white-space:normal;}
 body.theme-renewal .cfg:has(#frm_excel_down) .nav-tabs>li{flex:1 1 130px;}
 body.theme-renewal:has(#frm_excel_down) .modal .table,body.theme-renewal:has(#frm_excel_down) .modal .table>tbody,body.theme-renewal:has(#frm_excel_down) .modal .table tr:not([style*="display:none"]):not([style*="display: none"]){display:block;}
 body.theme-renewal:has(#frm_excel_down) .modal .table :is(th,td){display:block;width:100% !important;text-align:left;padding:8px 12px;}
 body.theme-renewal:has(#frm_excel_down) .modal .table th{border-bottom:0;}
 body.theme-renewal.theme-popup:has(#slt_group_key) #page-wrapper{padding:16px !important;}
 body.theme-renewal.theme-popup:has(#slt_group_key) #slt_group_key{min-width:0 !important;max-width:100%;}
 body.theme-renewal.theme-popup:has(#order_excel_print) #page-wrapper{padding:16px !important;}
 body.theme-renewal.theme-popup:has(#order_excel_print) #frm_order_prod_excel>.row>.col-sm-12{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:480px){
 body.theme-renewal:has(#frm_excel_down) .xc-top2{padding:0 8px !important;}
 body.theme-renewal:has(#frm_excel_down) .xc-top2 .navbar-logo{padding:0 2px !important;}
 body.theme-renewal:has(#frm_excel_down) .xc-top2 .xc-release-actions button{font-size:10px;white-space:nowrap;}
 body.theme-renewal:has(#frm_excel_down) #member_list_dropdown{gap:2px !important;}
 body.theme-renewal:has(#frm_excel_down) #member_list_dropdown>.xc-release-actions,body.theme-renewal:has(#frm_excel_down) #member_list_dropdown>.xc-profile{margin:0 !important;}
}