/* ═══════════════════════════════════════════════════════════
   midnight — 다크 사이드바 + 인디고 브랜드
   요즘 관리자 대시보드에서 가장 흔한 조합(다크 크롬 + 밝은 작업 영역).
   콘텐츠 영역은 밝게 유지해 표·폼 가독성을 해치지 않습니다.
   ═══════════════════════════════════════════════════════════ */

:root {
  --brand: #6366f1;          /* 인디고 */
  --brand-strong: #818cf8;
  --brand-soft: #eef0fe;     /* 밝은 영역(버튼 soft·하이라이트)용 */
  --ink: #0b1020;            /* 상단 바 — 거의 검정에 가까운 네이비 */
  --paper: #eef1f7;
}

/* 사이드바 — 다크 */
.sidebar {
  background: #111726;
  border-right-color: #1d2536;
}
.sidebar .nav-link { color: #9aa7bd; }
.sidebar .nav-link:hover { color: #e2e8f0; background: rgba(255, 255, 255, 0.06); }
.sidebar .nav-link.active {
  color: #c7d2fe;
  background: rgba(99, 102, 241, 0.18);
  box-shadow: inset 3px 0 0 var(--brand);
}
.sidebar > .nav > .nav-link[data-bs-toggle="collapse"],
.sidebar .nav > .nav-link[data-bs-toggle="collapse"] { color: #c3cddd; }
.sidebar .nav-section { color: #5d6b84; }
.sidebar .nav-section::after { background: #1d2536; }
.sidebar .sub-menu,
.sidebar .sub-menu-depth2 { border-left-color: #232d42; }
.sidebar-divider { background: #1d2536; }

/* 로그인 화면 — 콘솔과 같은 톤 */
.dds-login-bg { background: linear-gradient(135deg, #0b1020, #312e81); }
.dds-login-brand i {
  background: linear-gradient(135deg, #4338ca, #6366f1);
  box-shadow: 0 6px 16px rgba(99, 102, 241, 0.35);
}