/* ========== Layout ========== */
.content > .container-fluid,
.container-xxl {
  max-width: 1200px;      /* 본문 폭 제한으로 안정감 */
  margin-inline: auto;
}

.sidebar-sticky {
  position: sticky;
  top: 88px;              /* 상단바 높이에 맞춤 */
}

/* ========== Cards & Spacing ========== */
.card {
  border-radius: 14px;
}

.card + .card {           /* 사이 카드 간격 */
  margin-top: 1rem;
}

/* 상단 KPI 미니 카드 정렬 */
.kpi-mini .text-center { min-width: 92px; }
.kpi-mini .vr { height: 28px; }

/* ========== Tabs ========== */
.feed-tabs .nav-link {
  border: 1px solid var(--ct-border-color);
  background: var(--ct-body-bg);
  font-weight: 500;
}
.feed-tabs .nav-link.active {
  color: #fff;
  background: var(--ct-primary);
  border-color: var(--ct-primary);
}

/* ========== Lists ========== */
.list-group-item .badge {
  font-weight: 500;
}

/* Post list: title two-line clamp with safe wrapping */
.post-list h6 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 2줄 말줄임 */
.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ========== Empty state ========== */
.empty-state {
  padding: 56px 16px;
  text-align: center;
  color: var(--ct-gray-600);
}
.empty-state .empty-icon {
  font-size: 40px;
  display: block;
  margin-bottom: 8px;
  opacity: .7;
}

/* ========== Minor polish ========== */
/* 상단바 검색창 과도 확장 방지(옵션) */
.app-search .form-control { max-width: 360px; }

/* 카드 헤더 타이틀 간격 */
.card-header h5 { font-size: 1rem; }

/* Inactive tab panes should be hidden even if theme overrides Bootstrap */
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }

/* 기본(라이트)에서는 다크 로고 숨김 */
.leftside-menu .logo-dark { display: none; }

/* 다크 테마에서 라이트 로고 숨기고 다크 로고 보이기 */
html[data-bs-theme="dark"] .leftside-menu .logo-light { display: none; }
html[data-bs-theme="dark"] .leftside-menu .logo-dark  { display: inline-block; }

/* 사이드바 기본은 큰 로고만 보이게 */
.leftside-menu .logo-lg { display: inline-block; }
.leftside-menu .logo-sm { display: none; }

/* 사이드바가 접힌 상태(프로젝트에서 쓰는 클래스에 맞춰 선택자 변경) */
body.sidebar-collapsed .leftside-menu .logo-lg { display: none; }
body.sidebar-collapsed .leftside-menu .logo-sm { display: inline-block; }