/* Loaded only by the public Tarifs view. */
.tarifs-page #myDataTable_filter label { position: relative; display: block; width: 100%; max-width: 720px; margin: 0 auto; }
.tarifs-page .tarifs-search-label { display: block; margin-bottom: 8px; color: var(--agaex-navy); font-size: 14px; font-weight: 700; }
.tarifs-page .tarifs-search-icon { position: absolute; bottom: 12px; left: 14px; color: var(--agaex-red); font-size: 16px; pointer-events: none; }
.tarifs-page #myDataTable_filter input { max-width: none; min-height: 46px; transition: border-color .2s ease, box-shadow .2s ease; }
.tarifs-page #tarifs-search-status { margin: 10px 0 0; text-align: center; color: var(--agaex-text); font-size: 13px; }
/* Bootstrap pagination uses a list item around each link. */
.tarifs-page #myDataTable_wrapper .dataTables_paginate li.paginate_button { height: auto; margin: 0; padding: 0 !important; border: 0 !important; background: transparent !important; }
.tarifs-page #myDataTable_wrapper .pagination { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 0; list-style: none; }
.tarifs-page #myDataTable_wrapper .page-link { width: auto; min-width: 40px; height: 40px; padding: 0 12px; margin: 0; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: var(--agaex-navy); font-size: 14px; text-align: center; transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tarifs-page #myDataTable_wrapper .page-item:not(.active):not(.disabled) .page-link:hover { background: #fff1f2; border-color: var(--agaex-red); color: var(--agaex-red); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(237,28,36,.12); }
.tarifs-page #myDataTable_wrapper .page-link:focus-visible { outline: 2px solid var(--agaex-red); outline-offset: 3px; }
.tarifs-page #myDataTable_wrapper .page-item.active .page-link { color: #fff; font-weight: 700; box-shadow: 0 3px 8px rgba(237,28,36,.2); cursor: default; }
.tarifs-page #myDataTable_wrapper .page-item.disabled .page-link { color: #999; background: #f4f4f4; border-color: #e8e8e8; cursor: default; box-shadow: none; transform: none; pointer-events: none; }
.tarifs-page #myDataTable .dataTables_empty { padding: 28px 16px; color: #666; white-space: normal; }
@media (max-width: 575px) {
    .tarifs-page .tarifs-search { max-width: none; }
    .tarifs-page #myDataTable_wrapper .pagination { justify-content: center; }
    .tarifs-page #myDataTable_wrapper .page-link { min-width: 36px; height: 38px; padding: 0 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .tarifs-page #myDataTable_wrapper .page-link, .tarifs-page .tarifs-search-field input { transition: none; }
    .tarifs-page #myDataTable_wrapper .page-item:not(.active):not(.disabled) .page-link:hover { transform: none; }
}