/* Pagination */
.ui-pagination {
  @apply flex items-center justify-end p-4;
}

.ui-pagination__inner {
  @apply flex items-center gap-2;
}

/* ページ番号 — 32px 高、白背景、グレーボーダー */
.ui-pagination__page {
  @apply inline-flex items-center justify-center h-8 min-w-8 px-3 py-1.5 bg-white border border-gray-200 rounded-md text-sm font-semibold text-gray-900 leading-5 no-underline cursor-pointer;
}

.ui-pagination__page:hover {
  @apply bg-gray-50;
}

/* 現在のページ — bg-gray-100、hover エフェクトなし */
.ui-pagination__page--current {
  @apply bg-gray-100 cursor-default;
}

.ui-pagination__page--current:hover {
  @apply bg-gray-100;
}

/* Prev/Next 矢印 — 32x32、白背景、グレーボーダー */
.ui-pagination__arrow {
  @apply inline-flex items-center justify-center size-8 bg-white border border-gray-200 rounded-md cursor-pointer no-underline;
}

.ui-pagination__arrow:hover {
  @apply bg-gray-50;
}

/* 無効矢印（先頭/末尾ページ）— IconButton disabled 準拠 */
.ui-pagination__arrow--disabled {
  @apply bg-gray-200 border-transparent text-white cursor-not-allowed;
}

.ui-pagination__arrow--disabled:hover {
  @apply bg-gray-200;
}