/*
 * panel.css — 카드형 패널(.admin-card)과 페이지네이션(.admin-pagination) 스타일.
 *
 * 원래 assets/css/admin/admin.css 에만 정의되어 있었으나, member/mypage.php(정보수정/고객센터/기타
 * 카드)와 chat/list.php(목록 페이지네이션)처럼 공개(member-facing) 화면에서도 동일한 클래스를
 * 그대로 재사용하면서 admin.css 를 로드하지 않아 스타일이 전혀 적용되지 않는 문제가 있었다.
 * 클래스명을 바꾸면 admin/*.php 마크업까지 전부 고쳐야 하므로, 이름은 유지한 채 컴포넌트로
 * 승격해 이 파일 하나로 admin/공개 화면 모두에서 공유한다.
 *
 * base/components(자동 스캔) -> page_css -> admin.css 순으로 로드되므로(둘 다 admin.css 보다
 * 먼저 로드됨) admin.css 에는 이 셀렉터들의 재정의가 없다 — 있었다면 이 파일이 항상 admin.css
 * 보다 먼저 로드되어 무시됐을 것이므로 여기로 옮기며 함께 정리했다.
 *
 * 색상/간격/반경/그림자는 전부 tokens.css var() 참조. 하드코딩 금지.
 */

/* ==== 카드/패널 ==== */
.admin-card {
  background: var(--surface-0);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  padding: var(--sp-4);
  margin-bottom: var(--sp-4);
}

.admin-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: var(--sp-3);
}

.admin-card__desc {
  color: var(--text-3);
  font-size: 0.8125rem;
  margin: calc(var(--sp-3) * -1) 0 var(--sp-4);
}

/* ==== 페이지네이션 ==== */
.admin-pagination {
  display: flex;
  justify-content: center;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
}

.admin-pagination a,
.admin-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  border-radius: var(--radius-sm);
  color: var(--text-2);
  font-size: 0.875rem;
}

.admin-pagination a:hover {
  background: var(--surface-1);
}

.admin-pagination .is-current {
  background: var(--sub-color);
  color: #fff;
  font-weight: 700;
}