/*
 * K-PARK CMS - Green Gray Theme Override
 * custom.min.css 뒤에 로드되어 기본 테마(푸른 회색 #2A3F54 계열)를
 * 고급스러운 녹색 계열 회색으로 덮어쓴다. 원본 CSS는 수정하지 않는다.
 */
:root {
  --kp-side: #2e3a33;        /* 사이드바 기본 (딥 모스 그레이) */
  --kp-side-dark: #232d27;   /* 사이드바 하단/짙은 영역 */
  --kp-side-active-1: #3a4a40;
  --kp-side-active-2: #313f37;
  --kp-header: #3a4a40;      /* 상단/헤더 다크 */
  --kp-accent: #4f8a65;      /* 포인트 그린 */
  --kp-accent-dark: #447958;
  --kp-text: #6e7f74;        /* 본문 그린 그레이 텍스트 */
  --kp-link: #5f7a6a;
}

/* 배경/사이드바 */
body {
  color: var(--kp-text);
  background: var(--kp-side);
}

.left_col,
.nav_title,
.nav-md .container.body .col-md-3.left_col,
.nav-sm .container.body .col-md-3.left_col,
.nav-sm .container.body .col-md-3.left_col.menu_fixed,
.left_col .mCSB_container,
.left_col .mCustomScrollBox {
  background: var(--kp-side);
}

.navbar-header {
  background: var(--kp-header);
}

/* 사이드 메뉴 활성/호버 */
.nav.side-menu > li.active > a,
.nav.side-menu > li.current-page > a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(var(--kp-side-active-1), var(--kp-side-active-2)), var(--kp-side);
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}

.sidebar-footer a {
  background: var(--kp-side-dark);
}

.sidebar-footer a:hover {
  background: #3c4a41;
}

/* 테이블 헤더 (jambo_table) */
table.jambo_table thead {
  background: rgba(58, 74, 64, 0.95);
  color: #eef2ef;
}

table.jambo_table tbody tr:hover td {
  background: rgba(79, 138, 101, 0.07);
  border-top: 1px solid rgba(79, 138, 101, 0.12);
  border-bottom: 1px solid rgba(79, 138, 101, 0.12);
}

/* 링크 */
a {
  color: var(--kp-link);
}

a:hover,
a:focus {
  color: #4a6355;
}

/* 다크 계열 보조 색 */
.dark {
  color: var(--kp-header);
}

.border-dark {
  border-color: var(--kp-header) !important;
}

.progress-bar-dark {
  background-color: var(--kp-header) !important;
}

/* 버튼 - primary/success/info를 그린 계열로 통일 */
.btn-primary {
  background-color: #3e6b52;
  border-color: #3e6b52;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: #355c46;
  border-color: #355c46;
}

.btn-success {
  background-color: var(--kp-accent);
  border-color: var(--kp-accent);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
  background-color: var(--kp-accent-dark);
  border-color: var(--kp-accent-dark);
}

.btn-info {
  background-color: #557a70;
  border-color: #557a70;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
  background-color: #48685f;
  border-color: #48685f;
}

/* 라벨/뱃지 */
.label-success {
  background-color: var(--kp-accent);
}

/* 페이지네이션 active (head.ejs 커스텀) */
.listx-page-button.active {
  background: #3e6b52;
  color: #fff;
  border-color: #3e6b52;
}

/* NProgress 로딩 바 */
#nprogress .bar {
  background: var(--kp-accent);
}

#nprogress .peg {
  box-shadow: 0 0 10px var(--kp-accent), 0 0 5px var(--kp-accent);
}

#nprogress .spinner-icon {
  border-top-color: var(--kp-accent);
  border-left-color: var(--kp-accent);
}
