/* Блок ig-pager. Добавлен при переносе (решение Никиты 21.09.2026): списки выводятся страницами по 15 строк
   (переключение на 50, 100 и все записи), навигация - под строками; в выгрузке дизайна блока нет, стили собраны из токенов и ig-chipbtn. */

.ig-pager {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 10px var(--space-4);
  border-top: 1px solid var(--border-200);
  font-size: 13px;
}

.ig-pager__range {
  margin-right: var(--space-4);
  color: var(--ink-600);
}

.ig-pager__sizes {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-right: auto;
  color: var(--ink-600);
}

.ig-pager__size {
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  color: var(--ink-900);
  font-weight: 500;
}

.ig-pager__sizes > .ig-pager__size:first-of-type {
  margin-left: 4px;
}

a.ig-pager__size:hover {
  background: var(--surface-100);
  color: var(--ink-900);
}

.ig-pager__size--current {
  background: var(--brand-50);
  color: var(--brand-700);
  font-weight: 600;
}

.ig-pager__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 var(--space-2);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-md);
  background: var(--surface-0);
  color: var(--ink-900);
  font-weight: 500;
}

a.ig-pager__link:hover {
  border-color: var(--brand-200);
  background: var(--surface-100);
  color: var(--ink-900);
}

.ig-pager__link--current {
  border-color: var(--brand-600);
  background: var(--brand-600);
  color: var(--ink-0);
  font-weight: 600;
}

.ig-pager__link--disabled {
  color: var(--ink-400);
  cursor: default;
}

.ig-pager__link--arrow .ig-icon {
  width: 16px;
  height: 16px;
}

.ig-pager__gap {
  min-width: 20px;
  text-align: center;
  color: var(--ink-600);
}