/*
 * Единый стиль пагинации портала: круглые кнопки, строка по центру.
 *
 * Серверные пагинаторы (creditor/partials/_pagination.html — «Портфель»,
 * «Клиенты», «Уступленные договоры», «Реестры уступки», «Уведомления») уже
 * такие: класс `pagination-sm` задаёт у Vuexy `--bs-pagination-border-radius:
 * 50%`, а `justify-content-center` — центр.
 *
 * Из стиля выпадали таблицы на DataTables. У них два расхождения:
 *   1) собственное правило `div.dt-container div.dt-paging ul.pagination
 *      .page-link` перебивает переменную Vuexy и возвращает прямоугольник
 *      с радиусом .375rem;
 *   2) пагинация жила в правой ячейке строки (`bottomEnd` → `dt-layout-end`),
 *      где её перекрывал плавающий виджет поддержки.
 *
 * Пункт 2 чинится в JS-макетах таблиц (`bottom: 'paging'` — своя строка во всю
 * ширину, `bottom1: 'info'` — счётчик под ней), пункт 1 — здесь.
 *
 * Селекторы намеренно длиннее дататейбловских: файл подключается в
 * `layout/partials/styles.html`, то есть ДО `{% block vendor_css %}` с CSS
 * DataTables, поэтому равная специфичность проиграла бы по порядку.
 */

/* Круглые кнопки: DataTables рисует `<button class="page-link">`, поэтому
   вуексовский `.pagination-round .page-item a` до них не достаёт.
   Размеры — метрики `pagination-sm` (у серверных пагинаторов), иначе круги в
   таблицах заметно крупнее и «единый стиль» разъезжается между страницами. */
.dt-container div.dt-paging ul.pagination li.page-item .page-link {
  border-radius: 50%;
  padding: 0.3165rem 0.269rem;
  font-size: 0.8125rem;
  min-block-size: calc(1.7501875rem + 2px);
  min-inline-size: calc(1.7509515rem + 2px);
}

/* Пагинация и счётчик записей — по центру своей строки. */
.dt-container .dt-layout-full .dt-paging ul.pagination {
  justify-content: center;
}

.dt-container .dt-layout-full .dt-info {
  text-align: center;
}