@charset "utf-8";

/* ============================================================
   Partner Panel Dark Mode  [data-site-theme="dark"]
   파트너 패널 전용 다크모드 오버라이드
   (메인 darkmode.css에서 커버하지 못하는 파트너 패널 전용 요소)
   ============================================================ */

/* ── 파트너 패널 상단 nav 다크모드 토글 버튼 ── */
.partner-darkmode-li {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 4px;
}
.partner-darkmode-nav-btn {
    color: rgba(255, 255, 255, 0.75) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: transparent !important;
    width: 32px;
    height: 30px;
}
.partner-darkmode-nav-btn:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}
[data-site-theme="dark"] .partner-darkmode-nav-btn {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}
[data-site-theme="dark"] .partner-darkmode-nav-btn:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* ── navbar-collapse: BFC(overflow:hidden)가 헤더 float 오른쪽을 자동 채움 ── */
@media (min-width: 768px) {
    .navbar-header ~ .navbar-collapse {
        width: auto !important;
    }
}

/* ── 메인 컨텐츠 래퍼: 고정 navbar(51px) 아래로 시작 ── */
#page-wrapper {
    padding-top: 62px !important;  /* 51px navbar + 11px 여백 */
}
[data-site-theme="light"] #page-wrapper,
html:not([data-site-theme="dark"]) #page-wrapper {
    background: #f5f7fc !important;
}
[data-site-theme="dark"] #page-wrapper {
    background: #1d1f27 !important;
    color: #e4e4e7;
}

/* ── 페이지 타이틀 h1: admin.sub.css의 배경색/border 제거 ── */
#page-wrapper h1 {
    border-bottom: none !important;
    min-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* style.css의 h1 { margin:30px/15px !important } 을 page-wrapper 내 모든 h1에 리셋 */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* 페이지 최상단 타이틀(direct child)에만 적절한 상하 여백 부여 */
#page-wrapper > h1 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
[data-site-theme="dark"] #page-wrapper h1 {
    background: transparent !important;
    border-bottom-color: transparent !important;
}

/* ── 로그인 페이지 ── */
[data-site-theme="dark"] .partner-login-container {
    background: #252528 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5) !important;
}
[data-site-theme="dark"] .partner-login-body .input-icon {
    color: #71717a !important;
}
[data-site-theme="dark"] .partner-home-link {
    border-top-color: #3a3a42 !important;
}
[data-site-theme="dark"] .partner-home-link a {
    background-color: #2c2c32 !important;
    color: #a1a1aa !important;
    border-color: #4a4a52 !important;
}
[data-site-theme="dark"] .partner-home-link a:hover {
    background-color: #363640 !important;
    color: #e4e4e7 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}

/* ── 회원가입 페이지 ── */
[data-site-theme="dark"] .partner-register-container {
    background: #252528 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5) !important;
}
[data-site-theme="dark"] .partner-register-body label {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .partner-register-body .form-control-feedback {
    color: #71717a !important;
}
[data-site-theme="dark"] .role-option {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .role-option:hover {
    border-color: #3f65a8 !important;
    background: #1a2a3e !important;
}
[data-site-theme="dark"] .role-desc {
    color: #71717a !important;
}
[data-site-theme="dark"] .stipulation-toggle-btn {
    background: transparent !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .stipulation-toggle-btn:hover {
    border-color: #5a5a62 !important;
    color: #e4e4e7 !important;
}

/* ── 댓글 미디어 ── */
[data-site-theme="dark"] .comment-media {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .comment-media .media {
    border-bottom-color: #3a3a42;
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .comment-media .photo i {
    background: #2c2c32 !important;
    color: #a1a1aa !important;
}

/* ── 후기/Q&A 미디어 ── */
[data-site-theme="dark"] .at-media {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .at-media .photo i {
    background: #2c2c32 !important;
    color: #71717a !important;
}
[data-site-theme="dark"] .at-media .photo-ans i {
    background: #252528 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .at-media .media {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .at-media .media.media-reply {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .at-media .media .media-content {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .at-media .media .media-ans {
    color: #fca5a5;
}

/* ── 테이블 인라인 배경색 오버라이드 ── */
[data-site-theme="dark"] tr[style*="#f5f5f5"] {
    background: #252528 !important;
}
[data-site-theme="dark"] td[style*="background:#fff"],
[data-site-theme="dark"] td[style*="background: #fff"],
[data-site-theme="dark"] th[style*="background:#fff"],
[data-site-theme="dark"] th[style*="background: #fff"] {
    background: #252528 !important;
    color: #c4c4cc !important;
}

/* ── 판매자 브랜드 레이블 (상단 nav) ── */
[data-site-theme="dark"] .seller-office-brand-label {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

/* ── 대시보드 announcement panel footer ── */
[data-site-theme="dark"] .panel-footer.announcement-bottom {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] a:hover .panel-footer.announcement-bottom,
[data-site-theme="dark"] .panel-footer.announcement-bottom:hover {
    color: #e4e4e7 !important;
}

/* ── 링크 기본색 (#333) 오버라이드 ── */
[data-site-theme="dark"] #page-wrapper a {
    color: #c4cbd8;
}
[data-site-theme="dark"] #page-wrapper a:hover,
[data-site-theme="dark"] #page-wrapper a:focus,
[data-site-theme="dark"] #page-wrapper a:active {
    color: #90afd4;
}

/* ── input-group-addon 파트너 전용 ── */
[data-site-theme="dark"] .sub-container .box-block .input-group-addon {
    background: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #71717a !important;
}

/* ── 수정 버튼 (.partner-edit-btn) ── */
.partner-edit-btn {
    padding: 5px 8px;
    background: #eee;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
}
.partner-edit-btn:hover {
    background: #e0e0e0;
    color: #111;
}
[data-site-theme="dark"] .partner-edit-btn {
    background: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .partner-edit-btn:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}

/* ── 영구잠금 배지 (.perm-lock-badge) ── */
.perm-lock-badge {
    margin-top: 6px;
    padding: 6px;
    border: 1px solid #d9534f;
    border-radius: 4px;
    background: #fff5f5;
    text-align: left;
}
.perm-lock-badge__title {
    font-weight: 700;
    color: #d9534f;
}
.perm-lock-badge__text {
    font-size: 11px;
    color: #333;
}
[data-site-theme="dark"] .perm-lock-badge {
    background: #2a1a1a !important;
    border-color: #7a3030 !important;
}
[data-site-theme="dark"] .perm-lock-badge__title {
    color: #fca5a5 !important;
}
[data-site-theme="dark"] .perm-lock-badge__text {
    color: #c4c4cc !important;
}

/* ── VPN ID 충돌 배지 ── */
[data-site-theme="dark"] .vpn-id-conflict-badge--yes {
    background: #2e1e0e !important;
    color: #fbbf8a !important;
    border-color: #6b3a1a !important;
}
[data-site-theme="dark"] .vpn-id-conflict-badge--none {
    background: #0e2016 !important;
    color: #86efac !important;
    border-color: #1f5a35 !important;
}

/* ── 국가 플래그 이미지 ── */
[data-site-theme="dark"] .flag-and-city img {
    border-color: #4a4a52 !important;
}
[data-site-theme="dark"] .flag-and-city span {
    color: #9ca3af !important;
}

/* ── 체크박스 accent-color ── */
[data-site-theme="dark"] input[type="checkbox"],
[data-site-theme="dark"] input[type="radio"] {
    accent-color: #3f65a8;
}

/* ── Gnuboard 기본 로그인/등록 박스 (sub-container 사용 시) ── */
[data-site-theme="dark"] .sub-container .box-block {
    background: #252528 !important;
}
[data-site-theme="dark"] .sub-container .form-control {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}

/* ── 상품등록/수정 폼 (.new_win) 추가 오버라이드 ── */
/* anchor 탭 네비게이션 */
[data-site-theme="dark"] .new_win .anchor li a {
    background: #252530 !important;
    border-color: #3a3a42 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] .new_win .anchor li a:hover,
[data-site-theme="dark"] .new_win .anchor li a:focus {
    background: #1a2a3e !important;
    color: #93c5fd !important;
}
/* 관련상품/이벤트 srel 패널 */
[data-site-theme="dark"] .new_win .srel_list,
[data-site-theme="dark"] .new_win .srel_sel {
    background: #1e2028 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .new_win .srel_list li,
[data-site-theme="dark"] .new_win .srel_sel li {
    border-bottom-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .new_win .srel_pad {
    background: #252530 !important;
    color: #9ca3af !important;
}

/* ============================================================
   Partner Nav + Sidebar — Dark / Light Mode Theme
   ============================================================ */

/* ── bg.jpg 텍스처 전 모드 공통 제거 ── */
.navbar,
.side-nav {
    background-image: none !important;
}

/* ── 사이드바 폰트 크기: navbar(body 상속 12px)와 동일하게 ── */
@media (min-width: 768px) {
    .side-nav,
    .side-nav > li > a,
    .side-nav > li.dropdown > ul.dropdown-menu > li > a {
        font-size: 12px !important;
    }
}

/* ══════════════════════════════════════════════════════════
   다크 모드  navbar / sidebar
   ══════════════════════════════════════════════════════════ */

/* 상단 navbar */
[data-site-theme="dark"] .navbar {
    background-color: #141518 !important;
    border-bottom: 1px solid #252529 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.04) !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a {
    color: rgba(255,255,255,0.72) !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a:hover,
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: #252529 !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-nav > .active > a,
[data-site-theme="dark"] .navbar-inverse .navbar-nav > .active > a:hover,
[data-site-theme="dark"] .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #2a2a38 !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-collapse,
[data-site-theme="dark"] .navbar-inverse .navbar-form {
    border-color: #252529 !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-toggle {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.72) !important;
}

/* 좌측 사이드바 */
[data-site-theme="dark"] .side-nav {
    background-color: #0e0f13 !important;
    border-right: 1px solid #22232a !important;
    box-shadow: 2px 0 12px rgba(0,0,0,0.45) !important;
}
[data-site-theme="dark"] .side-nav li {
    border-bottom-color: #1c1d22 !important;
}
[data-site-theme="dark"] .side-nav > li > a {
    color: rgba(255,255,255,0.65) !important;
}
[data-site-theme="dark"] .side-nav > li > a:hover,
[data-site-theme="dark"] .side-nav > li > a:focus {
    color: #fff !important;
    background-color: #252529 !important;
}
[data-site-theme="dark"] .side-nav > li.active > a {
    background-color: #2a2a38 !important;
    color: #fff !important;
}
/* 섹션 헤더 bg-black */
[data-site-theme="dark"] .side-nav > li.bg-black {
    background: #111214 !important;
    border-top: 1px solid #25262a !important;
    border-bottom: 1px solid #25262a !important;
}
/* 드롭다운 submenu */
[data-site-theme="dark"] .side-nav > li.dropdown > ul.dropdown-menu {
    background-color: #12131a !important;
}
[data-site-theme="dark"] .side-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: rgba(255,255,255,0.55) !important;
}
[data-site-theme="dark"] .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
[data-site-theme="dark"] .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus {
    color: #fff !important;
    background-color: #1c1d26 !important;
}

/* 브랜드 로고 + 배지 (dark) */
[data-site-theme="dark"] .seller-office-brand-logo {
    filter: none;
    opacity: 0.92;
}
[data-site-theme="dark"] .seller-office-brand-label {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.28) !important;
    color: rgba(255,255,255,0.88) !important;
}


/* ══════════════════════════════════════════════════════════
   라이트 모드  navbar / sidebar
   ══════════════════════════════════════════════════════════ */

/* 상단 navbar */
[data-site-theme="light"] .navbar,
html:not([data-site-theme="dark"]) .navbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-nav > li > a,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a {
    color: #1a1f2e !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-nav > li > a:hover,
[data-site-theme="light"] .navbar-inverse .navbar-nav > li > a:focus,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a:hover,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a:focus {
    color: #0a0d14 !important;
    background-color: #f0f1f5 !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-nav > .active > a,
[data-site-theme="light"] .navbar-inverse .navbar-nav > .active > a:hover,
[data-site-theme="light"] .navbar-inverse .navbar-nav > .active > a:focus,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > .active > a,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > .active > a:hover,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > .active > a:focus {
    color: #4f46e5 !important;
    background-color: #eef2ff !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-collapse,
[data-site-theme="light"] .navbar-inverse .navbar-form,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-collapse,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-form {
    border-color: #e5e7eb !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-toggle,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-toggle {
    border-color: #d1d5db !important;
}
[data-site-theme="light"] .navbar-inverse .navbar-toggle .icon-bar,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #374151 !important;
}

/* 좌측 사이드바 */
[data-site-theme="light"] .side-nav,
html:not([data-site-theme="dark"]) .side-nav {
    background-color: #e4e9f5 !important;
    border-right: 1px solid #c5cde8 !important;
    box-shadow: 2px 0 10px rgba(79,70,229,0.08) !important;
}
[data-site-theme="light"] .side-nav li,
html:not([data-site-theme="dark"]) .side-nav li {
    border-bottom-color: #eaecf0 !important;
}
[data-site-theme="light"] .side-nav > li > a,
html:not([data-site-theme="dark"]) .side-nav > li > a {
    color: #1a1f2e !important;
}
[data-site-theme="light"] .side-nav > li > a i,
html:not([data-site-theme="dark"]) .side-nav > li > a i {
    color: inherit !important;
    opacity: 1 !important;
}
[data-site-theme="light"] .side-nav > li > a:hover,
[data-site-theme="light"] .side-nav > li > a:focus,
html:not([data-site-theme="dark"]) .side-nav > li > a:hover,
html:not([data-site-theme="dark"]) .side-nav > li > a:focus {
    color: #0a0d14 !important;
    background-color: #cdd4f0 !important;
}
/* 비활성(disabled) li: opacity 인라인 스타일 라이트모드에서 상향 */
[data-site-theme="light"] .side-nav > li[style*="opacity"],
html:not([data-site-theme="dark"]) .side-nav > li[style*="opacity"] {
    opacity: 0.6 !important;
}
[data-site-theme="light"] .side-nav > li.active > a,
html:not([data-site-theme="dark"]) .side-nav > li.active > a {
    color: #4f46e5 !important;
    background-color: #c7d1f8 !important;
}
/* 섹션 헤더 bg-black (인라인 background 단축속성 분리 override) */
[data-site-theme="light"] .side-nav > li.bg-black,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black {
    background-color: #c8ceea !important;
    background-image: none !important;
}
[data-site-theme="light"] .side-nav > li.bg-black a,
[data-site-theme="light"] .side-nav > li.bg-black a .white,
[data-site-theme="light"] .side-nav > li.bg-black a i,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black a,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black a .white,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black a i {
    color: #1a1f2e !important;
    font-weight: 600;
}
/* 드롭다운 submenu */
[data-site-theme="light"] .side-nav > li.dropdown > ul.dropdown-menu,
html:not([data-site-theme="dark"]) .side-nav > li.dropdown > ul.dropdown-menu {
    background-color: #dce1f3 !important;
}
[data-site-theme="light"] .side-nav > li.dropdown > ul.dropdown-menu > li > a,
html:not([data-site-theme="dark"]) .side-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: #1a1f2e !important;
}
[data-site-theme="light"] .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
[data-site-theme="light"] .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus,
html:not([data-site-theme="dark"]) .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
html:not([data-site-theme="dark"]) .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus {
    color: #111827 !important;
    background-color: #e0e7ff !important;
}
/* 모바일 collapse background */
@media (max-width: 767px) {
    [data-site-theme="light"] .navbar-inverse .navbar-collapse,
    html:not([data-site-theme="dark"]) .navbar-inverse .navbar-collapse {
        background-color: #f4f6fb !important;
    }
}

/* 브랜드 로고 + 배지 (light) */
[data-site-theme="light"] .seller-office-brand-logo,
html:not([data-site-theme="dark"]) .seller-office-brand-logo {
    filter: brightness(0) !important;  /* 흰색 로고 → 검정 */
    opacity: 1;
}
[data-site-theme="light"] .seller-office-brand-label,
html:not([data-site-theme="dark"]) .seller-office-brand-label {
    background: rgba(79,70,229,0.1) !important;
    border-color: rgba(79,70,229,0.3) !important;
    color: #4f46e5 !important;
}

/* 다크모드 토글 버튼 (light) */
[data-site-theme="light"] .partner-darkmode-nav-btn,
html:not([data-site-theme="dark"]) .partner-darkmode-nav-btn {
    color: #374151 !important;
    border-color: #d1d5db !important;
    background: transparent !important;
}
[data-site-theme="light"] .partner-darkmode-nav-btn:hover,
html:not([data-site-theme="dark"]) .partner-darkmode-nav-btn:hover {
    color: #111827 !important;
    border-color: #9ca3af !important;
    background: #f3f4f6 !important;
}

/* 라이트모드 뱃지 */
[data-site-theme="light"] .navbar .badge,
html:not([data-site-theme="dark"]) .navbar .badge {
    background-color: #4f46e5;
}

/* ============================================================
   Top Navbar 세련된 스타일 개선
   ============================================================ */

/* ── 아이콘 우측 여백 (기존 2px → 5px) ── */
.navbar .fa {
    margin-right: 5px !important;
}

/* ── navbar 링크 hover 트랜지션 ── */
.navbar-inverse .navbar-nav > li > a {
    transition: color 0.14s ease, background-color 0.14s ease;
}

/* ── 다크모드: navbar 아이콘 색상 분리 ── */
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a > i.fa {
    color: rgba(255,255,255,0.42) !important;
    transition: color 0.14s ease;
}
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a:hover > i.fa,
[data-site-theme="dark"] .navbar-inverse .navbar-nav > li > a:focus > i.fa {
    color: rgba(255,255,255,0.88) !important;
}

/* ── 라이트모드: navbar 아이콘 색상 분리 ── */
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a > i.fa {
    color: #9ca3af !important;
    transition: color 0.14s ease;
}
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a:hover > i.fa,
html:not([data-site-theme="dark"]) .navbar-inverse .navbar-nav > li > a:focus > i.fa {
    color: #4f46e5 !important;
}

/* ── 사용자 정보 li (비클릭 표시용) ── */
.navbar-userinfo-li > a {
    cursor: default !important;
    opacity: 0.82;
}
.navbar-userinfo-li > a:hover,
.navbar-userinfo-li > a:focus {
    background-color: transparent !important;
}
[data-site-theme="dark"] .navbar-userinfo-li > a:hover,
[data-site-theme="dark"] .navbar-userinfo-li > a:focus {
    background-color: transparent !important;
}

/* ── 알림 배지 색상 ── */
.navbar-badge-response {
    background-color: #3b82f6 !important;
}
.navbar-badge-memo {
    background-color: #10b981 !important;
}

/* ============================================================
   Side-nav 세련된 스타일 개선
   ============================================================ */

/* ── 공통: 섹션 헤더 (bg-black li) 재스타일 ── */
.side-nav > li.bg-black {
    pointer-events: none;
    cursor: default;
}
.side-nav > li.bg-black > a {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
    cursor: default;
}
.side-nav > li.bg-black > a > i {
    font-size: 10px !important;
    margin-right: 5px;
    opacity: 0.75;
}

/* ── 공통: 링크 hover 트랜지션 ── */
.side-nav > li > a {
    transition: background-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

/* ── 다크모드: 섹션 헤더 텍스트 색상 ── */
[data-site-theme="dark"] .side-nav > li.bg-black > a,
[data-site-theme="dark"] .side-nav > li.bg-black > a > span.white {
    color: rgba(255,255,255,0.38) !important;
}

/* ── 다크모드: 일반 메뉴 아이콘 색상 분리 ── */
[data-site-theme="dark"] .side-nav > li:not(.bg-black) > a > i {
    color: rgba(255,255,255,0.38) !important;
    transition: color 0.14s ease;
}
[data-site-theme="dark"] .side-nav > li:not(.bg-black) > a:hover > i,
[data-site-theme="dark"] .side-nav > li:not(.bg-black) > a:focus > i {
    color: rgba(255,255,255,0.82) !important;
}
[data-site-theme="dark"] .side-nav > li.active > a > i {
    color: #a5b4fc !important;
}

/* ── 다크모드: active 아이템 좌측 accent 인디케이터 ── */
[data-site-theme="dark"] .side-nav > li.active > a {
    box-shadow: inset 3px 0 0 #818cf8 !important;
}

/* ── 라이트모드: 섹션 헤더 색상 ── */
[data-site-theme="light"] .side-nav > li.bg-black > a,
[data-site-theme="light"] .side-nav > li.bg-black > a > span.white,
[data-site-theme="light"] .side-nav > li.bg-black > a > i,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black > a,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black > a > span.white,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black > a > i {
    color: #6b7280 !important;
    font-weight: 700 !important;
}

/* ── 라이트모드: 일반 메뉴 아이콘 색상 분리 ── */
[data-site-theme="light"] .side-nav > li:not(.bg-black) > a > i,
html:not([data-site-theme="dark"]) .side-nav > li:not(.bg-black) > a > i {
    color: #9ca3af !important;
    opacity: 1 !important;
    transition: color 0.14s ease;
}
[data-site-theme="light"] .side-nav > li:not(.bg-black) > a:hover > i,
[data-site-theme="light"] .side-nav > li:not(.bg-black) > a:focus > i,
html:not([data-site-theme="dark"]) .side-nav > li:not(.bg-black) > a:hover > i,
html:not([data-site-theme="dark"]) .side-nav > li:not(.bg-black) > a:focus > i {
    color: #4f46e5 !important;
}
[data-site-theme="light"] .side-nav > li.active > a > i,
html:not([data-site-theme="dark"]) .side-nav > li.active > a > i {
    color: #4f46e5 !important;
}

/* ── 라이트모드: active 아이템 좌측 accent 인디케이터 ── */
[data-site-theme="light"] .side-nav > li.active > a,
html:not([data-site-theme="dark"]) .side-nav > li.active > a {
    box-shadow: inset 3px 0 0 #4f46e5 !important;
}

/* ── 라이트모드: 섹션 헤더 배경 (기존 #d9dce8 → 더 부드럽게) ── */
[data-site-theme="light"] .side-nav > li.bg-black,
html:not([data-site-theme="dark"]) .side-nav > li.bg-black {
    background-color: #e6e9f4 !important;
    background-image: none !important;
    border-top: 1px solid #d5d9e8 !important;
    border-bottom: 1px solid #d5d9e8 !important;
}

/* ============================================================
   Bootstrap 공통 컴포넌트 다크모드 오버라이드
   ============================================================ */

/* ── .well ── */
[data-site-theme="dark"] .well {
    background-color: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc;
}

/* ── .btn-default ── */
/* style.css:88의 .btn-default i { color:#444 } 를 다크모드에서 무력화 */
[data-site-theme="dark"] .btn i { color: inherit !important; }
[data-site-theme="dark"] .btn-default {
    background-image: none !important;
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn-default:hover,
[data-site-theme="dark"] .btn-default:focus,
[data-site-theme="dark"] .btn-default:active,
[data-site-theme="dark"] .open > .dropdown-toggle.btn-default {
    background-image: none !important;
    background-color: #363640 !important;
    border-color: #5a5a64 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .btn-default[disabled],
[data-site-theme="dark"] .btn-default.disabled,
[data-site-theme="dark"] .btn-default[disabled]:hover,
[data-site-theme="dark"] .btn-default.disabled:hover {
    background-image: none !important;
    background-color: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #71717a !important;
}

/* ── Bootstrap .panel ── */
[data-site-theme="dark"] .panel {
    background-color: #252528 !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
[data-site-theme="dark"] .panel-default {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .panel-default > .panel-heading {
    background-color: #2c2c32 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .panel-body {
    color: #c4c4cc;
}
[data-site-theme="dark"] .panel-footer {
    background-color: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #a1a1aa !important;
}
/* panel 내부 h4/h3/strong 텍스트 색상 */
[data-site-theme="dark"] .panel-body h4 {
    color: #e4e4e7 !important;
}

/* ── Bootstrap .table (테이블 배경/테두리) ── */
[data-site-theme="dark"] .table > thead > tr > th,
[data-site-theme="dark"] .table > tbody > tr > th,
[data-site-theme="dark"] .table > tbody > tr > td {
    border-color: #3a3a42 !important;
    color: #c4c4cc;
}
[data-site-theme="dark"] .table-hover > tbody > tr:hover > td,
[data-site-theme="dark"] .table-hover > tbody > tr:hover > th {
    background-color: #2a2a32 !important;
}
[data-site-theme="dark"] .table-bordered {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .table-bordered > thead > tr > th,
[data-site-theme="dark"] .table-bordered > tbody > tr > td {
    border-color: #3a3a42 !important;
}

/* ── Bootstrap .alert 다크모드 ── */
[data-site-theme="dark"] .alert-info {
    background-color: #1a2a3e !important;
    border-color: #2a4a6e !important;
    color: #93c5fd !important;
}
[data-site-theme="dark"] .alert-warning {
    background-color: #2e2010 !important;
    border-color: #5a3a10 !important;
    color: #fcd34d !important;
}
[data-site-theme="dark"] .alert-danger {
    background-color: #2e1010 !important;
    border-color: #6b2020 !important;
    color: #fca5a5 !important;
}
[data-site-theme="dark"] .alert-success {
    background-color: #0e2416 !important;
    border-color: #1a4a28 !important;
    color: #86efac !important;
}

/* ── Bootstrap .label (배지형 레이블) ── */
[data-site-theme="dark"] .label-default {
    background-color: #4a4a52 !important;
}

/* ── Bootstrap .pagination ── */
[data-site-theme="dark"] .pagination > li > a,
[data-site-theme="dark"] .pagination > li > span {
    background-color: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .pagination > li > a:hover,
[data-site-theme="dark"] .pagination > li > span:hover {
    background-color: #363640 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .pagination > .active > a,
[data-site-theme="dark"] .pagination > .active > span,
[data-site-theme="dark"] .pagination > .active > a:hover,
[data-site-theme="dark"] .pagination > .active > span:hover {
    background-color: #3f65a8 !important;
    border-color: #3f65a8 !important;
    color: #fff !important;
}
[data-site-theme="dark"] .pagination > .disabled > a,
[data-site-theme="dark"] .pagination > .disabled > span {
    background-color: #1a1a1e !important;
    border-color: #2a2a32 !important;
    color: #4a4a52 !important;
}

/* ── Bootstrap .form-control ── */
[data-site-theme="dark"] .form-control {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .form-control:focus {
    border-color: #3f65a8 !important;
    box-shadow: 0 0 0 2px rgba(63,101,168,0.3) !important;
}
[data-site-theme="dark"] select.form-control option {
    background-color: #2c2c32;
    color: #e4e4e7;
}

/* ============================================================
   내VPN서버관리 전용 다크모드
   ============================================================ */

/* 컴팩트뷰 카드 기본 스타일 (라이트/다크 공통 기반) */
.vpnsvr-compact-card {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.vpnsvr-compact-name {
    color: #222;
}
.vpnsvr-compact-count {
    color: #666;
}

/* 컴팩트뷰 카드 다크모드 */
[data-site-theme="dark"] .vpnsvr-compact-card {
    background: #252528 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
[data-site-theme="dark"] .vpnsvr-compact-card:hover {
    background: #2c2c34 !important;
}
[data-site-theme="dark"] .vpnsvr-compact-name {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .vpnsvr-compact-count {
    color: #9ca3af !important;
}
