/*
 * Paginador estilo DataTables (ver template/.../widgets/widgets-table.html,
 * "Live Patient Queue") replicado como markup propio — Site Intel usa
 * paginación server-side vía fetch AJAX, no el plugin DataTables real,
 * así que este archivo solo reproduce el aspecto visual (pill container +
 * botones prev/next con chevron + números), sin ninguna dependencia JS
 * del plugin. Ver partials/pagination.php para el markup PHP.
 */
.si-paginate {
    border: 1px solid var(--app-border);
    padding: 4px;
    display: inline-flex;
    gap: 16px;
    align-items: center;
    border-radius: 40px;
}

.si-paginate .si-paginate-pages {
    display: flex;
    gap: 2px;
    align-items: center;
}

.si-paginate-button {
    border: 0 !important;
    margin: 0 !important;
    border-radius: 40px !important;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-body-color);
    text-decoration: none;
    background: transparent;
}

.si-paginate-button:hover {
    background: rgba(var(--bs-primary-rgb), .6);
    color: var(--bs-white);
}

.si-paginate-button.current {
    background: var(--bs-primary);
    color: var(--bs-white) !important;
}

.si-paginate-button.disabled {
    opacity: .4;
    pointer-events: none;
}