/* Fix for pagination colors in backoffice */

/* Base pagination styles - HIGH SPECIFICITY */
.pagination .page-item .page-link,
.pagination.pagination-sm .page-item .page-link,
.dataTables_paginate .pagination .page-item .page-link,
.dataTables_paginate .pagination.pagination-sm .page-item .page-link {
  background-color: #fff !important;
  border-color: #dee2e6 !important;
  color: #047bf8 !important;
}

.pagination .page-item .page-link:hover,
.pagination.pagination-sm .page-item .page-link:hover,
.dataTables_paginate .pagination .page-item .page-link:hover,
.dataTables_paginate .pagination.pagination-sm .page-item .page-link:hover {
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important;
  color: #0356ad !important;
}

.pagination .page-item.active .page-link,
.pagination.pagination-sm .page-item.active .page-link,
.dataTables_paginate .pagination .page-item.active .page-link,
.dataTables_paginate .pagination.pagination-sm .page-item.active .page-link,
.paginate_button.page-item.active .page-link {
  background-color: #047bf8 !important;
  border-color: #047bf8 !important;
  color: #fff !important;
}

.pagination .page-item.disabled .page-link,
.pagination.pagination-sm .page-item.disabled .page-link,
.dataTables_paginate .pagination .page-item.disabled .page-link,
.dataTables_paginate .pagination.pagination-sm .page-item.disabled .page-link {
  background-color: #fff !important;
  border-color: #dee2e6 !important;
  color: #6c757d !important;
}

/* Dark theme overrides - HIGH SPECIFICITY */
body.color-scheme-dark .pagination .page-item .page-link,
body.color-scheme-dark .pagination.pagination-sm .page-item .page-link,
.content-panel.color-scheme-dark .pagination .page-item .page-link,
.content-panel.color-scheme-dark .pagination.pagination-sm .page-item .page-link,
body.color-scheme-dark .dataTables_paginate .pagination .page-item .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-item .page-link {
  background-color: #293145 !important;
  border-color: #293145 !important;
  color: #dae2f3 !important;
}

body.color-scheme-dark .pagination .page-item .page-link:hover,
body.color-scheme-dark .pagination.pagination-sm .page-item .page-link:hover,
.content-panel.color-scheme-dark .pagination .page-item .page-link:hover,
.content-panel.color-scheme-dark .pagination.pagination-sm .page-item .page-link:hover,
body.color-scheme-dark .dataTables_paginate .pagination .page-item .page-link:hover,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-item .page-link:hover {
  background-color: #047bf8 !important;
  border-color: #047bf8 !important;
  color: #fff !important;
}

body.color-scheme-dark .pagination .page-item.active .page-link,
body.color-scheme-dark .pagination.pagination-sm .page-item.active .page-link,
.content-panel.color-scheme-dark .pagination .page-item.active .page-link,
.content-panel.color-scheme-dark .pagination.pagination-sm .page-item.active .page-link,
body.color-scheme-dark .paginate_button.page-item.active .page-link,
.content-panel.color-scheme-dark .paginate_button.page-item.active .page-link,
body.color-scheme-dark .dataTables_paginate .pagination .page-item.active .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-item.active .page-link {
  background-color: #047bf8 !important;
  border-color: #047bf8 !important;
  color: #fff !important;
}

body.color-scheme-dark .pagination .page-item.disabled .page-link,
body.color-scheme-dark .pagination.pagination-sm .page-item.disabled .page-link,
.content-panel.color-scheme-dark .pagination .page-item.disabled .page-link,
.content-panel.color-scheme-dark .pagination.pagination-sm .page-item.disabled .page-link,
body.color-scheme-dark .dataTables_paginate .pagination .page-item.disabled .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-item.disabled .page-link {
  background-color: #293145 !important;
  border-color: #293145 !important;
  color: rgba(218, 226, 243, 0.4) !important;
}

/* Support for dataTables pagination with paginate_button class */
.dataTables_paginate .pagination .page-link,
.dataTables_paginate .pagination.pagination-sm .paginate_button.page-item .page-link {
  background-color: #fff !important;
  border-color: #dee2e6 !important;
  color: #047bf8 !important;
}

.dataTables_paginate .pagination .page-item.active .page-link,
.dataTables_paginate .pagination.pagination-sm .paginate_button.page-item.active .page-link {
  background-color: #047bf8 !important;
  border-color: #047bf8 !important;
  color: #fff !important;
}

body.color-scheme-dark .dataTables_paginate .pagination .page-link,
body.color-scheme-dark .dataTables_paginate .pagination.pagination-sm .paginate_button.page-item .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination.pagination-sm .paginate_button.page-item .page-link {
  background-color: #293145 !important;
  border-color: #293145 !important;
  color: #dae2f3 !important;
}

body.color-scheme-dark .dataTables_paginate .pagination .page-item.active .page-link,
body.color-scheme-dark .dataTables_paginate .pagination.pagination-sm .paginate_button.page-item.active .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination .page-item.active .page-link,
.content-panel.color-scheme-dark .dataTables_paginate .pagination.pagination-sm .paginate_button.page-item.active .page-link {
  background-color: #047bf8 !important;
  border-color: #047bf8 !important;
  color: #fff !important;
}

/* ── Мобильная статистика ──────────────────────────────────────────────
   Крупные цифры el-tablo (2.43rem) на узких экранах вылезают за пределы
   колонки col-6 и наезжают на соседнее значение (напр. "Депозиты рефов" и
   "Выводы рефов"). Уменьшаем шрифт и разрешаем перенос, чтобы значения
   не накладывались друг на друга. */
@media (max-width: 575.98px) {
  .el-tablo .value {
    font-size: 1.45rem !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  .el-tablo .label {
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }
}