/* 작품 검토 목록 — 패턴 위 흰 CardView(머리 카드 · 검토 요청 카드) 안에 Tag · SearchField · Select · DataTable을 둔다.
   dlab-* 컴포넌트 클래스는 덮어쓰지 않고, 감싸는 요소의 바깥 배치만 정한다. */

/* 상태 필터 — 고르는 Tag 한 줄. 한 줄에 다 안 들어가면 가로로 스크롤한다(가이드 8장 Tag). */
.review-filter-row { display: flex; flex-direction: column; gap: var(--dlab-space-10); min-width: 0; }
.review-filter-label { color: var(--dlab-color-text-secondary); }
.review-filter-tags {
  display: flex;
  gap: var(--dlab-space-10);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  /* 포커스 테두리(2px + 2px)가 잘리지 않게 안쪽 여백을 둔다 */
  padding: var(--dlab-space-5);
  margin: calc(-1 * var(--dlab-space-5));
}

/* 도구 줄 — 검색(높이 40) · 레벨 Select(40) · 초기화 Text 버튼 */
.review-search { flex-basis: 100%; }
.review-stage { flex: 1 1 160px; }
.review-results { color: var(--dlab-color-text-secondary); }

/* 표 칸 안 글자 — 제목은 굵게, 시각은 줄바꿈 없이 */
.review-title-cell { display: inline-block; min-width: 140px; font-weight: var(--dlab-font-weight-bold); }
.review-nowrap { white-space: nowrap; }
.review-muted { color: var(--dlab-color-text-secondary); }

@media (min-width: 720px) {
  .review-search { flex-basis: 240px; max-width: 400px; }
  .review-stage { flex: 0 0 180px; }
  .review-filter-row { flex-direction: row; align-items: center; gap: var(--dlab-space-15); }
  .review-filter-label { flex: 0 0 60px; }
}
@media (min-width: 1080px) {
  .review-filter-tags { flex-wrap: wrap; overflow: visible; }
}