/* 리스트 페이지 컴포넌트 — 헤더 (page-list-header), 필터, 카테고리 체크박스 등 */

.page-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--sp-4);
}

/* page-list-title 클래스는 list 페이지에서 제거되었으나, 일부 entry/auth 페이지에 잔존 */
.page-list-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--c-text);
}

/* page-list-filters — qf 와 시각 일관성 (카드 chrome) */
.page-list-filters {
  display: flex;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
  flex-wrap: wrap;
  align-items: center;
  padding: var(--sp-2) var(--sp-3);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  background: var(--c-bg);
}

.page-list-filters select,
.page-list-filters input[type=text],
.page-list-filters input[type=search] {
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  padding: var(--sp-1) var(--sp-2);
  font-size: var(--fs-sm);
  height: auto;
}

.page-list-filters input[type=text],
.page-list-filters input[type=search] {
  width: 14rem;
}

.page-list-total {
  font-size: var(--fs-base);
  color: var(--c-text-muted);
  align-self: center;
}

.page-list-error {
  background-color: var(--c-danger-bg);
  color: var(--c-danger-text);
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--r-md);
  margin-bottom: var(--sp-4);
}

.category-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-1) var(--sp-2);
  flex-basis: 100%;
  padding: var(--sp-2) var(--sp-3);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  background-color: var(--c-bg-muted);
}

.category-checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 0.125rem 0.375rem;
  font-size: var(--fs-sm);
  cursor: pointer;
  white-space: nowrap;
}

.category-checkbox:has(input:checked) {
  background-color: var(--c-primary-bg);
  border-radius: var(--r-sm);
}

.category-checkbox input[type=checkbox] {
  accent-color: var(--c-text-link);
  margin: 0;
}