/* POWER ME 다단계 시스템 스타일 */

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===================== 조직도 트리 ===================== */
/* 세로형 들여쓰기 트리 (좌측 연결선) */
.tree-root, .tree-root ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tree-root ul {
  margin-left: 1.25rem;
  padding-left: 1rem;
  border-left: 2px solid #e2e8f0;
}
.tree-root li {
  position: relative;
  padding: 0.35rem 0;
}
.tree-root ul > li::before {
  content: '';
  position: absolute;
  top: 1.25rem;
  left: -1rem;
  width: 0.85rem;
  height: 2px;
  background: #e2e8f0;
}
.tree-card {
  transition: transform .12s ease, box-shadow .12s ease;
}
.tree-card:hover {
  transform: translateX(2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

/* 스크롤바 */
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }