.form {
  border-collapse: collapse;
  width: 100%;
  /* display: table; ❌ 제거 */
}



.form th {
  width: 120px;
  background: #f4f6f9;
  text-align: left;
  padding: 8px;
}

.form td {
  padding: 8px;
}

.form input,
.form select {
  width: 100%;
}

button {
  padding: 8px 16px;
  background: #1f5eff;
  color: #fff;
  border: none;
  border-radius: 4px;
}



.category-admin {
  max-width: 700px;
  font-family: Pretendard, Noto Sans KR, sans-serif;
}

.category-tree,
.category-tree ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.category-tree ul {
  padding-left: 20px;
  border-left: 1px dashed #ddd;
}

.cat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0;
  padding: 6px 10px;
  border-radius: 4px;
  background: #f6f7f9;
}

.depth-1 { font-weight: 600; background: #e9efff; }
.depth-2 { background: #f2f4ff; }
.depth-3 { background: #fafafa; font-size: 13px; }

.cat-btns a {
  margin-left: 6px;
  text-decoration: none;
  font-size: 13px;
}

.cat-btns a:hover {
  opacity: 0.6;
}

.top-btn {
  margin-bottom: 10px;
}


table.list {
  width: 100%;
  border-collapse: collapse;
}

table.list th, table.list td {
  border: 1px solid #ddd;
  padding: 6px;
}

.thumb {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #ccc;
}




.btn-area {
  margin: 10px 0;
}

.btn-add {
  display: inline-block;
  padding: 6px 12px;
  background: #2b6cb0;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 13px;
}

.btn-add:hover {
  background: #1e4e8c;
}


/* 버튼 그룹 */
.btn-group {
  white-space: nowrap;
}

/* 공통 버튼 */
.btn {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 4px;
  color: #fff;
}

/* 수정 */
.btn-edit {
  background: #4a5568;
}
.btn-edit:hover {
  background: #2d3748;
}

/* 하위추가 */
.btn-add {
  background: #2b6cb0;
}
.btn-add:hover {
  background: #1e4e8c;
}

/* 삭제 */
.btn-del {
  background: #e53e3e;
}
.btn-del:hover {
  background: #c53030;
}




.cat-depth2,
.cat-depth3 {
  display: none;
}

.depth1.toggle {
  cursor: pointer;
  user-select: none;
}



.depth1 { font-weight: bold; }
.depth2 { padding-left: 20px; }
.depth3 { padding-left: 40px; color: #555; }



td.depth1 {
  background: #eef3ff;
  cursor: pointer;
  transition: background 0.2s;
}

td.depth1:hover {
  background: #dde7ff;
}


tr.cat-depth1 td {
  background: #eef3ff;
}



.cat-parent {
  display: block;
  font-size: 11px;      /* 작게 */
  color: #aaa;          /* 흐리게 */
  font-weight: 400;     /* 일반 굵기 */
  line-height: 1.2;
}

.cat-child {
  display: block;
  font-size: 13px;
  color: #333;
  font-weight: 600;
  margin-top: 2px;
}


.search-area {
  margin-bottom: 15px;
}

.search-area input {
  padding: 6px;
  width: 200px;
}

.search-area .btn-search {
  padding: 6px 10px;
}




.note-modal {
  z-index: 9999 !important;
}

.note-modal-backdrop {
  z-index: 9998 !important;
}



.modal {
  z-index: 1055 !important;
}

.modal-backdrop {
  z-index: 1050 !important;
}