/* 페이지 CSS — 목록 화면 조합. 선택 상태는 page_list의 data-state="selected" */
.page_list { display: flex; flex-direction: column; gap: 20px; }
.page_list .p_head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.page_list .p_title { display: flex; align-items: center; gap: var(--space-8); font-size: var(--text-2xl); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-snug); }
.page_list .p_desc { margin-top: var(--space-4); font-size: var(--text-sm); color: var(--color-text-secondary); }
.page_list .p_actions { display: flex; gap: 8px; }
.page_list .p_toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.page_list .p_toolbar .p_spacer { flex: 1; }
.page_list .p_toolbar .field { width: 240px; }
.page_list .p_toolbar .select { width: 150px; }
.page_list .p_bulk { display: none; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border: 1px solid var(--color-brand); border-radius: var(--radius-8); background: var(--color-brand-soft); font-size: var(--text-sm); }
.page_list[data-state="selected"] .p_bulk { display: flex; }
.page_list .p_bulk .p_spacer { flex: 1; }
.page_list .table_data { min-width: 760px; }
.page_list .p_th_check { width: 44px; }
.page_list .p_th_action { width: 56px; }
.page_list .i_user .p_meta { display: block; font-size: var(--text-xs); font-weight: normal; color: var(--color-text-muted); }
.page_list .p_skel_row { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--color-border-subtle); }
.page_list .p_skel_row .skeleton { width: 30%; }
.page_list .p_skel_row .skeleton.m_circle { width: 1.75rem; height: 1.75rem; }
@media (max-width: 639px) {
  .page_list .p_toolbar .field, .page_list .p_toolbar .select { width: 100%; }
  .page_list .p_actions { width: 100%; }
  .page_list .p_actions .btn { flex: 1; }
}